Kiwi tea at 14:57, 17 September 2012

2012-09-17T14:57:42Z

EllaCharm3d at 06:12, 25 January 2011

2011-01-25T06:12:45Z

EllaCharm3d: /* formatted with images uploaded */

2010-05-04T15:59:10Z

‎formatted with images uploaded

New page

{{EllaMeshTutNavigator}}

==I. UV-unwrapping in LithUnwrap==
===Verify UV scaling===

I1. So, here it is – a quick and dirty explanation of UV mapping concept. The favorite example people always use is the 3D box. It has six sides which you can map to have individual texture. The way we do this is to lay out the box on its side, like unwrapping it.

: The reason this is necessary is because textures are 2D images being placed on 3D objects – round peg in square hole kinda scenario..get it? These set of pics could say it better than I could.

:In the '''Before''' pics, the 6 faces for the box are all mapped to the whole texture and so the box<nowiki>’</nowiki>s sides takes up the texture it has been mapped to (all 6 patterns on one side). 

{|style="background-color:#FFF;color:#000" border="0" align="center" width="85%" cellpadding="1" cellspacing="1"
|-
| align="left" | [[Image:EllaMeshTutorial_24.gif]]
|-
| align="center" |[[Image:EllaMeshTutorial_180.jpg]]
|}
 
:In the '''After''' pics, I have laid out each of the box<nowiki>’</nowiki>s faces on an individual-numbered pattern, so each of the six faces is only mapped to that texture.

{|style="background-color:#FFF;color:#000" border="0" align="center" width="85%" cellpadding="1" cellspacing="1"
|-
| align="left" | [[Image:EllaMeshTutorial_25.gif]]
|-
|align="center" |[[Image:EllaMeshTutorial_179.jpg]]
|}
 
----
I2. [[Image:EllaMeshTutorial_39.png|right|350px]]'''Revisiting textures'''.

:We know where the part mask goes and we know the specular provides some shine or _______ (?? tbc ??), so we are mainly concerned with the bump map and the dropshadow. In this project, the table<nowiki>’</nowiki>s shadow mesh is, in fact untouched – same shape and position, so that is also one less concern. Which means we only need to UV map our new table mesh to the bump map.

:My first try at UV mapping, I needed a little helper – so I labeled portions in the texture file where I think my ms3d groups would go. It would also act as a guide on where I should move the unwrapped faces to.
 
----
I3. [[Image:EllaMeshTutorial_181.png|right|200px]]Launch LithUnwrap and load the .obj file we exported from ms3d.
:# From '''File''' menu → '''Model''' → '''Open''' 
:# In the '''Open Model''' dialog box, navigate to the folder where we exported the .obj file from the previous section, select the file and click [[Image:EllaMeshTutorial_307.png]] 
:# [[Image:EllaMeshTutorial_182.png|right|350px]]The imported .obj file as it appears in LithUnwrap.
 
{|cellspacing="0" cellpadding = "10" style="border-style:solid; border-color:black; border-width:1px;"
| [[Image:EllaMeshTutorial_10.gif]] Fair warning: 
If you hate to do double-work, you might want to give this a read-through once and when you start the UV-mapping, use the labeled version of your bumpmap with an eye out for the common flaws I made, so you’ll have less correction to do at the end. 
|}
 
----
I4. [[Image:EllaMeshTutorial_183.png|right|200px]]Before making any changes, let us save this file first.
:# '''Save''' as .obj – will store UV co-ordinates but lose joints/bones information
:# '''Save''' as .bmp – best done at end of uv-mapping to use as texture if not done before
:# '''Save''' as .ms3d – can use our mesh and save mapped UV co-ordinates back while maintaining joints/bones information

{|cellspacing="0" cellpadding = "10" style="border-style:solid; border-color:black; border-width:1px;"
| [[Image:EllaMeshTutorial_14.jpg]] Tip: 
I saved mine as an .ms3d file with a “uv-mapped” appended in case I wanted to restore my un-UV-mapped mesh – just a preference, you can do as you like. 
|}
 
----
I5. The Toolbar: [[Image:EllaMeshTutorial_285.png]] can be found below the menu.
:When working with scaling, rotating and so on, the faces might disappear off screen. When this happens, you can either pan around on the screen by pressing
:# '''Move''' [[Image:EllaMeshTutorial_286.png]] button (click-drag will let you pan around and move the gray map boundary area) or the 
:# '''Zoom''' [[Image:EllaMeshTutorial_287.png]] button (move mouse forward to zoom in, and backward to zoom out).

:When you want to start working with the mapping again, make sure to click back to the '''Select Mode''' [[Image:EllaMeshTutorial_288.png]].
 
 
----
I6. Selections in LithUnwrap can be done from the buttons on the Selection group [[Image:EllaMeshTutorial_289.png]].
:The default is select by '''Face''' (already selected). These can also be found on the '''Selection''' menu. Multiple selections can be done by holding down SHIFT key and making another selection, CTRL will remove your last selection.
 
----
I7. [[Image:EllaMeshTutorial_40.gif|right]]LithUnwrap keyboard shortcuts (found in readme.txt)
 
 
----
I8. UVmapping work – working by group:
# Starting with "top" group
#* From the '''Groups''' list on the right, select "top" and <tt>CTRL<nowiki>+</nowiki>A</tt> to select all. 
#* Let<nowiki>’</nowiki>s unwrap this, go to '''Tools''' → '''UVMapping''' → '''Box''', accept the defaults and click [[Image:EllaMeshTutorial_314.png]] 
#* [[Image:EllaMeshTutorial_185.png|right|350px]]We get 3 pairs of separated faces of each side of the box 
#* '''Move '''(select, then drag on the red handle), 
#* [[Image:EllaMeshTutorial_186.png|right|220px]]'''Rotate''' (select → right-click → '''Rotate''' → choose one - see pic) and 
#* '''Scale''' them to fit our texture areas (keyboard shortcut '''<tt>S</tt>''' – then <tt>click-drag</tt> the green handle). 
#* The options in this context menu are also available on the '''Edit''' menu 
#* I just chose the wider set as the Right-Left (width) pair, the thinner set as Front-Back (length) pair and the big boxes are the Top-Bottom pair. 
#* We can use the "base" length for how long the Front-Back and Left-Right measurements should be. 
#* When finished, mine looks like this 
#: [[Image:EllaMeshTutorial_187.png|350px|Before, just unwrapped]] [[Image:EllaMeshTutorial_188.png|350px|After, rearranged]] 
# iBeam next
#* Select all faces in this group, '''Tools''' → '''UVMapping''' → '''Box''', [[Image:EllaMeshTutorial_314.png]] 
#* Use the "base" as guide again 
#* We have the four sides of equal length, so I overlapped them, again chosen arbitrarily 
#* And I placed the beam<nowiki>’</nowiki>s "endcaps" in the shadow areas for the legs up at the top-left corner. End result: 
#: [[Image:EllaMeshTutorial_190.png|350px|Before, just unwrapped]] [[Image:EllaMeshTutorial_189.png|350px|After, rearranged]] 
# The wedge. 
#* Select all faces in this group, '''Tools''' → '''UVMapping''' → '''Box''', [[Image:EllaMeshTutorial_314.png]] 
#: [[Image:EllaMeshTutorial_192.png|350px|Before, just unwrapped]] [[Image:EllaMeshTutorial_191.png|350px|After, rearranged]] 
# Working on the legs now.
#* Select all faces in this group, '''Tools''' → '''UVMapping''' → '''Box''', [[Image:EllaMeshTutorial_314.png]] 
#: [[Image:EllaMeshTutorial_193.png|350px|Before, just unwrapped]] [[Image:EllaMeshTutorial_194.png|350px|After, rearranged]] 
# The final outcome of UV Mapping.
#* The left pic : switching from material01 to material02 will load ALL groups assigned to that material so you can view all faces at once per material 
#* The right pic : 3D view in LithUnwrap. From '''Preview''' menu → '''Show Model''' 
#* Looks good doesn<nowiki>’</nowiki>t it? But, we<nowiki>’</nowiki>re not done. 
#: [[Image:EllaMeshTutorial_196.png|350px|Final, fully UV-unwrapped]] [[Image:EllaMeshTutorial_195.png|350px|Final, textured view]]
 
----
I9. [[Image:EllaMeshTutorial_197.png|right|350px]]This checkers pattern shows that my uv map is stretched-out wrong. If I were to load this up in game, the pattern will be stretched, too – not pretty! I<nowiki>’</nowiki>ll show you in a second how to load this pattern for you to verify your own mapping, bear with me. 
# [[Image:EllaMeshTutorial_202.jpg|right|350px]]This next series of pics, shows that the choices I made arbitrarily were wrong as some of the labels are appearing in the wrong areas of my table. 
#* Eg1 : the top is oriented wrongly – that is why it is stretched (pic 2) 
#* Eg2 : the red that appears on the top face of the beam was mapped to the numbered leg and is in the wrong proportion – so also stretched (pics 3, 4, 5) 
#* I need to resize the blue and green areas or use labels instead to check for stretched words, although the top and side faces of the wedge looks fine, the wedge word is a little bit stretched (pic 3) 
#* Now, while all these mistakes won<nowiki>’</nowiki>t be apparent in-game quite so blatantly because we only have two CaST-able patterns, it will become more obvious for complicated meshes with an intricate multi-colored texture, like curtains. 
#* We will correct all these flaws next. 

----
I10. There is a feature in LithUnwrap that allows us to see the stretch of a wrongly mapped face
# [[Image:EllaMeshTutorial_204.png|right|180px]]This is achieved by using the Checkers pattern provided with LithUnwrap. 
# Right-click on "Material01", go to '''Properties''' 
# Tab over to '''Maps''' 
# [[Image:EllaMeshTutorial_205.png|right|240px]]And from the '''Map Type''' pulldown menu, select "'''Checker'''" 
# Click [[Image:EllaMeshTutorial_314.png]], and you<nowiki>’</nowiki>ll be asked to confirm deletion of the previous image file. 
# Click [[Image:EllaMeshTutorial_314.png]] again 
# 3D preview shows the stretch, so we need to fix a few things. Correct mapping will have square checkers pattern instead of rectangles. 
# I have changed my settings as shown in the right pic because the black and white is difficult to work in. To do this, click [[Image:EllaMeshTutorial_296.png]] at the Materials Editor screen when you selected the '''Checkers''' pattern. There is no save settings button, though. So, when we switch materials to another image, these settings will be reset to default. 
#: [[Image:EllaMeshTutorial_206.png|320px]] [[Image:EllaMeshTutorial_207.png]] 
# [[Image:EllaMeshTutorial_209.png|right|250px]]When we<nowiki>’</nowiki>re done with the checkers pattern and want to reload our original image or you want to work with the labeled version, same steps but the '''Map Type''' is '''Bitmap''' and we need to click [[Image:EllaMeshTutorial_296.png]]. 
# [[Image:EllaMeshTutorial_208.png|right|250px]]When presented with the next dialog box, click [[Image:EllaMeshTutorial_298.png]], navigate to the folder of your images and select it, and click [[Image:EllaMeshTutorial_307.png]]. 
# If after selecting the new image and your LithUnwrap screen was not refreshed with the new image, click [[Image:EllaMeshTutorial_300.png]]. 
# Click [[Image:EllaMeshTutorial_314.png]] 2x to exit out to the main screen. 

 

----
I11. Fixing flaws.
Let<nowiki>’</nowiki>s fix them now. If you have different uv-mapping flaws, you have to analyze what is wrong or re-read and see if there was a mis-step you did. If my suggestions do not help and all else you have tried fails, post in the forum and see if someone knows the answer.
# First, using the Checkers bitmap is the easiest and most straightforward method. 
# For those that looked too stretched, I rotated the box faces and re-aligned them to fit the checkers boxes. This is an example. 
#* I rotated the top<nowiki>’</nowiki>s biggest rectangle face and fit the checkers boxes as follows and the preview shows an improvement as the stretch is gone – 8x4 squares in both the map and 3D views. 
#: [[Image:EllaMeshTutorial_210.png|211px]] [[Image:EllaMeshTutorial_211.png]] 
# For smaller faces, I prefer working with labeled image file. I can easily see when the faces have the text inside-out or upside down, means that I have rotated and/or flipped the face wrong way. 
# With the "top" group fixed, my next task is on the most problematic groups – the legs. 
#* So, we now need to carry out the painstaking process of separating faces, moving, scaling and rotating to find the problem areas 
#* After every change, check in '''Preview'''. So, I won<nowiki>’</nowiki>t go through the step-by-step here and put you to sleep. Much better to show pictures, yeah? 
#: [[Image:EllaMeshTutorial_212.png|350px]] [[Image:EllaMeshTutorial_213.png|350px]] 
#: [[Image:EllaMeshTutorial_214.png|350px]] [[Image:EllaMeshTutorial_217.png|350px]] 
#: [[Image:EllaMeshTutorial_215.png|350px]] [[Image:EllaMeshTutorial_216.png|350px]] 
# Continue with other groups until you<nowiki>’</nowiki>re done.

----
I12. End result:
# So, here is another series of pics to show my final uv-mapped groups.
#:[[Image:EllaMeshTutorial_218.jpg|350px|group00]] [[Image:EllaMeshTutorial_219.png|350px|base]] 
#:[[Image:EllaMeshTutorial_222.png|350px|top]] [[Image:EllaMeshTutorial_223.png|350px|iBeam]] 
#:[[Image:EllaMeshTutorial_221.png|350px|legs base]] [[Image:EllaMeshTutorial_220.png|350px|legs]] 

----
I13. That<nowiki>’</nowiki>s it! All done with UV mapping; save as and bring back into Milkshape.
# '''Save''' as your preferred file format that ms3d will recognize and import.
#* save as .obj or
#* save as .ms3d
:I don<nowiki>’</nowiki>t know at this point what the pros and cons are choosing one format over the other. If anyone has any insight, do share.

== Questions? Problems? ==

* If you encounter any problems with the steps outlined in this tutorial and need help, head on over to the '''[http://www.modthesims.info/showthread.php?t=375349 Step-by-step Start-to-Finish HowTo mesh guide for TS3]''' thread to post your questions or

* If you need help in fixing your mesh, you may want to browse through our '''[[Tutorials:TS3_Meshing_FAQ|TS3 Meshing FAQs]]''' for some of the more common Meshing issues and their fixes or

* If none of the above links provided any help, you may want to browse through the threads in MTS' '''[http://www.modthesims.info/forumdisplay.php?f=602 Meshing Forum]''' or even start your own thread.

{{Navigator|Tutorials:TS3_Basic_HowTo_Mesh_Guide|Tutorials:TS3_HTMG_SectH2_Cycle2|Tutorials:TS3_HTMG_ChapJ_Recompiling|}}
[[Category:Sims 3]]
[[Category:Sims 3 Tutorials]]

← Older revision		Revision as of 06:12, 25 January 2011
Line 169:		Line 169:


		+
		+	{{MTS2ThankThread\|2901305}}

	== Questions? Problems? ==		== Questions? Problems? ==

@@ Line 184: / Line 184: @@
 {{Navigator|Tutorials:TS3_Basic_HowTo_Mesh_Guide|Tutorials:TS3_HTMG_SectH2_Cycle2|Tutorials:TS3_HTMG_ChapJ_Recompiling|}}
-[[Category:Sims 3]]
+[[Category:Sims 3 Modding Tutorials]]
-[[Category:Sims 3 Tutorials]]
+[[Category:Sims 3 Meshing Tutorials]]

Tutorials:TS3 HTMG ChapI UVMappingLithUnwrap - Revision history

Kiwi tea at 14:57, 17 September 2012

EllaCharm3d at 06:12, 25 January 2011

EllaCharm3d: /* formatted with images uploaded */