Differences

en:texture_mod_tutorial [2011/10/13 23:03] mike mostly complete		en:texture_mod_tutorial [2011/11/07 22:17] (current) mike
Line 5:		Line 5:
	This tutorial assumes that you have a basic understanding of the [[en:editors:modeleditor|Customization Editor]] and access to a paint program like Photoshop.		This tutorial assumes that you have a basic understanding of the [[en:editors:modeleditor|Customization Editor]] and access to a paint program like Photoshop.
		+
		+	<wrap tip>**TIP:** If you do not have Photoshop you can use these free alternatives that support PSD files: Artweaver, Paint.Net and GIMP.  GIMP is the most powerful but has a bit more confusing interface than the others. Paint.net is a medium powered alternative that needs a free plug-in to support PSD files. Artweaver is the simplest package and doesn't have the power or bells and whistles of the other two but is dead simple to use and performs the basics adequately. </wrap>
	===Specific Things That you will Learn===		===Specific Things That you will Learn===
Line 17:		Line 19:
	----		----
-	=== Download the tutorial texture mod ===	+	==== Download the tutorial texture mod ====
	The texture mod we will be using for this tutorial is [[insert the link here- call it outfit tutorial (waiting for the UV image before uploading this)]]. \\		The texture mod we will be using for this tutorial is [[insert the link here- call it outfit tutorial (waiting for the UV image before uploading this)]]. \\
	See [[en:installing_a_texture_mod|installing texture mods]] for help on installing it. \\		See [[en:installing_a_texture_mod|installing texture mods]] for help on installing it. \\
Line 30:		Line 32:
	----		----
-	=== Test the Mod on a Model ===	+	==== Test the Mod on a Model ====
	Before we get into the nitty gritty of messing with the texture. Let's confirm that the texture mod is showing up in-game.		Before we get into the nitty gritty of messing with the texture. Let's confirm that the texture mod is showing up in-game.
Line 46:		Line 48:
	----		----
-	=== The PSD File ===	+	==== The PSD File ====
	Let's take a look at the layers in the PSD file to get a sense of where we're going next. \\ \\		Let's take a look at the layers in the PSD file to get a sense of where we're going next. \\ \\
	<wrap>		<wrap>
Line 83:		Line 85:
	----		----
-	=== Change the Color ===	+	==== Change the Color ====
	OK, let's take a crack at changing the color layer on the model.		OK, let's take a crack at changing the color layer on the model.
Line 90:		Line 92:
	{{:en:howto:outfitmod:om_brushbigger.png|}}  Get a bigger or different brush if you need it \\ \\		{{:en:howto:outfitmod:om_brushbigger.png|}}  Get a bigger or different brush if you need it \\ \\
	{{:en:howto:outfitmod:om_fg_color.png|}}  Pick a color \\ \\		{{:en:howto:outfitmod:om_fg_color.png|}}  Pick a color \\ \\
-	{{:en:howto:outfitmod:om_select_color_layer.png|}}  Select the color layer under the "back" group \\ \\	+	{{:en:howto:outfitmod:om_select_color_layer.png|}}  Select the color layer under the "back" group. When you draw with the brush it will go on the selected layer. \\ \\
	{{:en:howto:outfitmod:om_texture_02.png|}}  Draw something \\ \\		{{:en:howto:outfitmod:om_texture_02.png|}}  Draw something \\ \\
-	Save the file. Select //File -> Save As// from the menu. Save it over the //F_Top001_White.png// file in the Activemod folder.	+	Save the file. Select //File -> Save As// from the menu. Save it over the //F_Top001_White.png// file in the Activemod/outfit_tutorial/ folder.
	{{:en:howto:outfitmod:om_outfit_mod01.png|}}  Now here's the fun part. Go back to the game and hit {{:key_alt.png|}}+{{:key_r.png|}} to reload the texture. Woo Hoo! \\ \\		{{:en:howto:outfitmod:om_outfit_mod01.png|}}  Now here's the fun part. Go back to the game and hit {{:key_alt.png|}}+{{:key_r.png|}} to reload the texture. Woo Hoo! \\ \\
Line 100:		Line 102:
	----		----
-	=== Add a texture ===	+	==== Add a texture ====
	{{:en:howto:outfitmod:om_clothtexture.png|}} In the tutorial_outfit.zip file you will find a texture called "clothtexture.jpg". \\ Drag it into your paint program.		{{:en:howto:outfitmod:om_clothtexture.png|}} In the tutorial_outfit.zip file you will find a texture called "clothtexture.jpg". \\ Drag it into your paint program.
Line 119:		Line 121:
	----		----
-	== Transforming a Layer ==	+	==== Transforming a Layer ====
	With the cloth texture layer selected, type {{:key_ctrl.png|}}+{{:key_t.png|}} or select //Edit -> Free Transform// from the menu (in Photoshop) \\		With the cloth texture layer selected, type {{:key_ctrl.png|}}+{{:key_t.png|}} or select //Edit -> Free Transform// from the menu (in Photoshop) \\
Line 144:		Line 146:
	----		----
-	== Multiplying and Other Blend Modes ==	+	==== Multiplying and Other Blend Modes ====
	We've managed to replace the color with a nice fabric texture but now it's a bit on the grey side. We're going to change the blend mode of the cloth texture layer so it can combine better with the color layer below it.		We've managed to replace the color with a nice fabric texture but now it's a bit on the grey side. We're going to change the blend mode of the cloth texture layer so it can combine better with the color layer below it.
Line 170:		Line 172:
	----		----
-	=== Changing Transparency/Opacity ===	+	==== Changing Transparency/Opacity ====
	We're going to take a quick look at changing the transparency/opacity of the fabric. You can change the transparency of different layers or of the entire group.		We're going to take a quick look at changing the transparency/opacity of the fabric. You can change the transparency of different layers or of the entire group.
Line 203:		Line 205:
	----		----
-	=== Trimming the Fabric ===	+	==== Trimming the Fabric ====
	Next, we're going to try trimming the fabric so it's a bit smaller. Transparency can also be used to "cut-away" parts of the fabric to create holes or a completely different look.		Next, we're going to try trimming the fabric so it's a bit smaller. Transparency can also be used to "cut-away" parts of the fabric to create holes or a completely different look.