Sunday, July 3, 2011

Blender Low Poly Window Texturing & Unwrap

OK, in our previous tutorial, we made a low poly mesh of window. in this tutorial, we will texture & export it for usage in UDK.

So, fire up your blender and load the saved file.

1.    First select the Window Top Inset Panel ( I call it glass).
2.    In Material panel, select a new material by pressing New button & name it Glass.
3.    Give it any color by choosing it from diffuse panel.
4.    Press Ctrl+I to inverse your selection (Make sure, your mouse cursor is in 3dWindow.
5.    Now, Create one more material and name it wall. and choose a color to your liking.
6.    Press Assign button to assign the selected material to the walls of the window.
7.    now, your mesh has 2 different materials, which will come handy in UDK later on.

All Materials Added

8.    Lets unwrap our mesh, so that we can put some textures on it.
9.    Arrange your window changing your time line window to UV Image Editor.

Windows Arranged for UV Wrapping

10.    Press A to select all the vertices/faces and press U to show Unwrap menu.
11.    Immediately, your whole mesh is unwrapped below in UV image editor window.
12.    Its very ugly, lets change it a bit. Deselect All, and Just select the Glass Face & Unwrap it. Better.
13.    Press S to scale it a little bit , so that we have a room for other parts of the window too.
14.    Now Press Ctrl+I to inverse the selection and Unwrap. Your remaining parts unwrap. Scale them down, and move around a bit & select all the faces.
15.    You can easily align the vertices of your walls by select them press W > Align X or Align Y.It helps in texturing.

Full Unwrap

15.    Lets Start Texturing our Window.
16.    In UV Image Editor, Select menu UV's > Export UV layout.
17.    Choose 1024 x 1024 as size and export as png. Name the file what every you want it to be.
18.    Start your favorite image editing program and load the UV layout file in it. I'll be using Gimp.
19.    Open 2 textures , 1 for bricks, other one for a window as Layers in Gimp.

UV Layout editing in Gimp

20.    Put up the textures as shown above and save the UV layout file. Don't forget to remove the layout from the final image.
21. Now Delete Glass material and select wall material in properties panel.
22. Go to Textures > Add New Texture . Select Type as Image or Video.
23. Load up your UV layout file. Select mapping and for coordinates choose UV.
24. Press F12 to view your window in Render mode.
25. Your window is ready to export.

Final Result

I hope you like this tutorial. Please let me know if there are problems, or if there is a mistake.

Blender Low Poly Window

In this tutorial, I'll create a simple mesh, using blender 2.8 for UDK. i am planing to use this window mesh in ProcBuild option of UDK.

I've tried my best to give the instructions step by step, but mistakes happen.
OK,  let's go to tutorial

1. Start Blender (I have 2.58 Installed)
2. Delete the default cube
3. Select Front View by Pressing 1 on Keyboard. Then Orthographic view by pressing 5.
Orthographic View

4.  Add a Plane (Press = Shift + A > Select Plane.
5.  Align the Plane to View (Tools Panel > Align to View Check box).
6.  Scale Plane on X Axis by 4 Blender Units ( Press = S > X > 4 ).
7.  Scale Plane on Z Axis by 8 Blender Units (Press = S > Z > 8).
8.  Press Shift+C on keyboard to align your 3dCurson in the middle of the canvas.
9.  Press G and move your plain by holding the Ctrl key so that it only move by a blender unit. Make sure that your plane is exactly aligned as shown in the pic.

Origin @ 3d Cursor

10. From Menu select Object > Transform > Origin to 3dCursor. This puts your plain origin (Little Orange Dot) to the center of 3d Cursor.
11. Add an Edge loop to your plain (Edit Mode > Press Ctrl+R) and press left mouse button.
12. Press Ctrl+E to edge slide the new edge loop and move it down to 6 blender units.
13. Add one edge loop on top of the plain near 1 blender unit (X Axis).
14. Add one more edge loop and slide it to the center of plain (X Axis).
15. Add 2 Edge Loops on Z Axis and slide them to 1 blender unit away from the both sides.
16. Precise division can be made by checking the (Edge Length) option in (Mesh display) (Check the picture).

Edge Loops & Length

17. Select the bottom vertexes and Press E > Esc > S > .8 to extrude and scale the selection.
18. Keep the selection and change your view to side by pressing 3 on numeric keyboard.
19. Press G  to move the selection out towards -Y Axis by 1 blender unit.
Extruded & Scaled Bottom

20. Similarly, select the top portion and extrude it to Y Axis (Don't Scale it ).
21. You have a very low poly Window.
22. Your window mesh is ready for UDK export.

Extruded Window Top (Without Scaling)

Please keep in mind, that i just made it for another tutorial , which is related to UDK ProcBuilding, that is why, it is not very good, or built in pieces (Like bottom , which very hideous, but works).
Next is Texturing.