Workshop Workshop1970-01-01T01:00:00Zhttp://www.thesimsresource.com/tutorials/posts/Workshophttp://www.thesimsresource.com/tutorials/posts/ http://www.thesimsresource.com/tutorialsview-post/post/14481/ 2009-11-15T18:55:00Z pBefore we can start you will have to make sure you have these programs installed on your computer: br / br /• A Graphics Editor capable of supporting DDS (I will be using Photoshop CS) br / o You will need to ensure you have the correct plugins to handle DDS files. Find more information and the plugins for your graphics program a href=http://wiki.thesimsresource.com/index.php?title=DDShere/a. br / br /• The TSR Workshop br //ph2Step 1 – Loading TSR Workshop/h2 pGo to your Start Menu All Programs and load the TSR Workshop. /ph2Step 2 – Creating a New Project/h2 pNavigate to the top left of the Workshop and click on the ‘Create new Project’./p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1350/w-834h-650-1350613.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1350/w-347h-270-1350613.jpg border=0 width=347 height=270/a/p pIn the new window that will pop out in front of you select Makeup/Facial overlay and click the button ‘Next’ in the right bottom corner. /p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1350/w-834h-650-1350614.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1350/w-347h-270-1350614.jpg border=0 width=347 height=270/a/p pAs I said before I’m going to make an eyeshadow so I’ll choose afMakeupEyeshadowSmoky and click ‘Next’/p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1350/w-834h-650-1350615.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1350/w-347h-270-1350615.jpg border=0 width=347 height=270/a/p pIn the next screen you will be asked to give your project a name and some additional details. Although it is very important to give your projects a unique identifier and fill in all the other boxes, we’re actually only going to use this project to get a file we will need – we won’t be exporting anything for the game from here. So for now, just click ‘Next’./p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1350/w-834h-650-1350616.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1350/w-347h-270-1350616.jpg border=0 width=347 height=270/a/p pFinally your new project will load and you will be able to see the eyeshadow on the model in the left window and project details in the right one. /p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1350/w-834h-650-1350617.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1350/w-347h-270-1350617.jpg border=0 width=347 height=270/a/p pWhen you click on the ‘Texture’ tab you will see that under ‘Textures’ there are ‘Face Overlay’ and ‘Face Specular’. The important one for us is ‘Face Overlay’, which determine where the makeup is placed on the face. /p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1350/w-834h-650-1350618.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1350/w-347h-270-1350618.jpg border=0 width=347 height=270/a/ppProbably by now you also noticed that at the bottom, under colors, there is only one color that can be changed. That means you won’t be able to create a multicolor makeup starting from the eyeshadow you have opened. br / br /However, this is still a very important step – as I mentioned earlier we’re just needed to find an image file – the face overlay is the image file we needed here, so now we’re going to export it. br //p

Before we can start you will have to make sure you have these programs installed on your computer: • A Graphics Editor capable of supporting DDS (I will be using Photoshop CS) o You will need to ensure you have the correct plugins to handle DDS files. Find more information and the plugins for your graphics program here. • The TSR Workshop Step 1 – Loading TSR Workshop Go to your Start Menu All Programs and load the TSR Workshop. Step 2 – Creating a New Project Navigate to the top left of the Workshop and click on the ‘Create new Project’. In the new window that will pop out in front of you select Makeup/Facial overlay and click the button ‘Next’ in the right bottom corner. As I said before I’m going to make an eyeshadow so I’ll choose afMakeupEyeshadowSmoky and click ‘Next’ In the next screen you will be asked to give your project a name and some additional details. Although it is very important to give your projects a unique identifier and fill in all the other boxes, we’re actually only going to use this project to get a file we will need – we won’t be exporting anything for the game from here. So for now, just click ‘Next’. Finally your new project will load and you will be able to see the eyeshadow on the model in the left window and project details in the right one. When you click on the ‘Texture’ tab you will see that under ‘Textures’ there are ‘Face Overlay’ and ‘Face Specular’. The important one for us is ‘Face Overlay’, which determine where the makeup is placed on the face. Probably by now you also noticed that at the bottom, under colors, there is only one color that can be changed. That means you won’t be able to create a multicolor makeup starting from the eyeshadow you have opened. However, this is still a very important step – as I mentioned earlier we’re just needed to find an image file – the face overlay is the image file we needed here, so now we’re going to export it.

http://www.thesimsresource.com/tutorialsview-post/post/14239/ 2009-10-28T23:00:00Z pbThis tutorial will not teach you to mesh, only the how to of the dds files for creating a plant/b br / br /This Tutorial assumes that you already know how to export, mesh, UV Map and re-import into TSR Workshop. It also assumes that your have a working knowledge of terms for Adobe CS2 or higher. We will be working with “Sculpture Vase Contemporary”. br //ph2Programs we will be using/h2 pa href=http://www.thesimsresource.com/workshop/TSR Workshop/a br /Adobe CS2 or higher br /a href=http://developer.nvidia.com/object/photoshop_dds_plugins.htmlDDS Plugins for Adobe/a br / br /BlackGarden’s Tutorial will also be very useful if you don’t know about Adobe’s pen tool: br /a href=http://www.thesimsresource.com/tutorials/view/category/sims3/id/11976/Extracting%20Sims%20and%20Objects%20from%20Screenshots%20-%20IntermediateExtracting Sims and Objects from Screenshots/a br //ph2Step 1/h2 pYou should have already meshed your plant and have your UV map handy. Make sure your map is the size of the dds files from workshop for this tutorial. The size of the dds we will be using is 256 X 256. Then import your meshes to WS. Delete all Variation Files by choosing them and in turn hitting the red X until you only have one file./p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335695.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-346h-270-1335695.jpg border=0 width=346 height=270/a/ph2Step 2/h2 pThese are our dds files we will be working with. We will not be exporting the mask for this tutorial, we won’t need it. br /In turn export Overlay, Multiplier, and Specular naming them and placing them in a file you can find easily. br /Open Adobe CS2 or higher. Drag, in turn, your Overlay, Multiplier, and Specular into Adobe br //p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335694.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-380h-255-1335694.jpg border=0 width=380 height=255/a/ph2Step 3/h2 pNow you will make a blank 256 X 256 file to work with. Not necessary but an easier way to make your files. Make it black. br / br /I’m going to take my UV map and place it on the blank file Like so: br //p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335693.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335693.jpg border=0 width=306 height=270/a/ph2Step 4/h2 pNow we will position our plant and other bnon recolorable/b images on the map./p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335696.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335696.jpg border=0 width=306 height=270/a/ph2Step 5/h2 pNow delete the UV map, flatten image and you should have this:/p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335697.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335697.jpg border=0 width=306 height=270/a/ph2Step 6/h2 pNow we have our working “Model” for the rest of our dds files. br / br /Now we’ll work on our bOverlay/b First br / br /Copy this “Model” to your overlay file. Ctrl A, ctrl C this file and then ctrl V to the overlay. Your overlay now has its base. br / br /Ah, but your overlay needs a new alpha file. So back to your “Model”. Duplicate the main layer of the model file. Using your wand tool you will select all black parts on the duplicate layer and right click select inverse. Using your pencil at the highest setting and making sure your main color swatch is white click on your selected image. You should have something that looks like this: br //p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1335/w-950h-571-1335698.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-380h-229-1335698.jpg border=0 width=380 height=229/a/ph2Step 7/h2 pNow we want to ctrl A and ctrl C to copy this layer to our Overlay Alpha. So lets do that now, ctrl V to paste and you should have an alpha layer for your overlay that looks like this:/p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1335/w-950h-571-1335699.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-380h-229-1335699.jpg border=0 width=380 height=229/a/ph2Step 8/h2 pFlatten layer and save as a DXT5 ARGB 8 bpp | interpolated alpha. Overlay is now done. br / br /ONWARD! Now would be the time to grab a cup of coffee or a Soda…..So I’ll wait for a minute. br / br /Ok minute over. Now we will work on the Multiplier. br / br /The first thing we want to do is go back to our “Model”. Make sure you deleted the Alpha File we made for our overlay. You should now be back to this for your “Model”: br //p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335746.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335746.jpg border=0 width=306 height=270/a/ph2Step 9/h2 pNow we want to make a multiplier file. So again duplicate your “Model” layer. Now go to Image/Adjustments/Desaturate. Now your “Model” should have a layer that looks like this:/p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335700.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335700.jpg border=0 width=306 height=270/a/ph2Step 10/h2 pAs before you will copy this layer and paste it over the multiplier file. Now we get into the tricky parts……Yes what makes you think it can’t get any more complicated? Hmmmm? br / br /Take your UV map and place it on top of both the Multiplier layer then reduce visibility to 35%. You should have something that looks like this: br //p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335701.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335701.jpg border=0 width=306 height=270/a/ph2Step 11/h2 pNow see how we still have the pot to do? Well we are going to hand draw around the pot with a grey layer. So make a 256 X 256 Grey layer to work with and save it. Now place that saved layer over this multiplier and reduce visibility to 45% so you can see the UV map underneath. Rastersize the layer in case you didn’t know you had to do that. Right Click on the layer, Rastersize. You should now have this:/p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1335/w-950h-571-1335702.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-380h-229-1335702.jpg border=0 width=380 height=229/a/ph2Step 12/h2 pNow we will cut around the pot using our pen tool. If you don’t know how to do this I suggest you read BlackGarden’s Tutorial first found here: br / br /a href=http://www.thesimsresource.com/tutorials/view/category/sims3/id/11976/Extracting%20Sims%20and%20Objects%20from%20Screenshots%20-%20IntermediateExtracting Sims and Objects from Screenshots/a br / br /Now we will delete the extra layer and the UV map, then flatten so that we are left with this: br //p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335703.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335703.jpg border=0 width=306 height=270/a/ph2Step 13/h2 pNow we Could get into all the technical stuffs about shading in your multiplier because the pot part does need some shading, but that is not the purpose of this tutorial. So we won’t :0). br / br /So Onward, now we need an alpha layer for the multiplier. Yes on plants the Multiplier has an alpha layer. So now we will go back to our “Model”. Select the black parts with your wand tool and then select inverse so that your parts are selected. Going to your pencil tool again we want to make white the parts to the plant. Ending up with something that looks like this again: br //p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335704.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335704.jpg border=0 width=306 height=270/a/ph2Step 14/h2 pNow place our UV map over top of this file. Reduce visibility to 35% so you can see underneath the UV map. Now comes the most important part or making our leaf totally invisible around the leaf in game. You are going to trace your UV map around the entire leaf surface of the mesh part with your pen tool (Again referring to BlackGardens Tutorial). Like this:/p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335705.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335705.jpg border=0 width=306 height=270/a/ph2Step 15/h2 pNotice how I drew a little bit larger than my mesh map. Now we will layer via cut just that section. Delete the UV map and place a white background layer underneath the cut out. Flatten and it should look like this:/p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335706.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335706.jpg border=0 width=306 height=270/a/ph2Step 16/h2 pNow you will copy and paste this to the alpha layer of the Multiplier and your channel should look like this:/p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335707.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335707.jpg border=0 width=306 height=270/a/ph2Step 17/h2 pNow save to DXT5 ARGB 8 bpp | interpolated alpha. Your Multiplier is now done. br / br /Take a break, Walk around and clear your head, the hard parts are now done. We have one more thing left to do. The Specular. br / br /We’re going to go back to our “Model” mesh and clear off all the editing we have done thus far. So Edit/Step backwards until you get back to where our “Model” looks like this: br //p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335760.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335760.jpg border=0 width=306 height=270/a/ph2Step 18/h2 pNow we want to copy this to our Specular file and then place our UV map on top with a 35% visibility so we can see below. Cut out Place a white layer under your UV map and cut out your planter part like this again using the pen tool:/p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335708.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335708.jpg border=0 width=306 height=270/a/ph2Step 19/h2 pNow save to DXT5 ARGB 8 bpp | interpolated alpha. Your Multiplier is now done. br / br / br /Take a break, Walk around and clear your head, the hard parts are now done. We have one more thing left to do. The Specular. br / br /We’re going to go back to our “Model” mesh and clear off all the editing we have done thus far. So Edit/Step backwards until you get back to where our “Model” looks like this: br //p p style=text-align:center;a href=http://images.thesimsresource.com/1335/1335709.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-306h-270-1335709.jpg border=0 width=306 height=270/a/ph2Step 20/h2 pAdd a totally black alpha layer and then save as a DXT5 ARGB 8 bpp | interpolated alpha. Now we are ready for import back into Workshop. br / br /So in turn import each file into Workshop, Overlay, Multiplier, and Specular. Your plant should look something like this: br //p p style=text-align:center;a href=http://images.thesimsresource.com/scaled/1335/w-770h-650-1335710.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1335/w-320h-270-1335710.jpg border=0 width=320 height=270/a/pp/p

This tutorial will not teach you to mesh, only the how to of the dds files for creating a plant This Tutorial assumes that you already know how to export, mesh, UV Map and re-import into TSR Workshop. It also assumes that your have a working knowledge of terms for Adobe CS2 or higher. We will be working with “Sculpture Vase Contemporary”. Programs we will be using TSR Workshop Adobe CS2 or higher DDS Plugins for Adobe BlackGarden’s Tutorial will also be very useful if you don’t know about Adobe’s pen tool: Extracting Sims and Objects from Screenshots Step 1 You should have already meshed your plant and have your UV map handy. Make sure your map is the size of the dds files from workshop for this tutorial. The size of the dds we will be using is 256 X 256. Then import your meshes to WS. Delete all Variation Files by choosing them and in turn hitting the red X until you only have one file. Step 2 These are our dds files we will be working with. We will not be exporting the mask for this tutorial, we won’t need it. In turn export Overlay, Multiplier, and Specular naming them and placing them in a file you can find easily. Open Adobe CS2 or higher. Drag, in turn, your Overlay, Multiplier, and Specular into Adobe Step 3 Now you will make a blank 256 X 256 file to work with. Not necessary but an easier way to make your files. Make it black. I’m going to take my UV map and place it on the blank file Like so: Step 4 Now we will position our plant and other non recolorable images on the map. Step 5 Now delete the UV map, flatten image and you should have this: Step 6 Now we have our working “Model” for the rest of our dds files. Now we’ll work on our Overlay First Copy this “Model” to your overlay file. Ctrl A, ctrl C this file and then ctrl V to the overlay. Your overlay now has its base. Ah, but your overlay needs a new alpha file. So back to your “Model”. Duplicate the main layer of the model file. Using your wand tool you will select all black parts on the duplicate layer and right click select inverse. Using your pencil at the highest setting and making sure your main color swatch is white click on your selected image. You should have something that looks like this: Step 7 Now we want to ctrl A and ctrl C to copy this layer to our Overlay Alpha. So lets do that now, ctrl V to paste and you should have an alpha layer for your overlay that looks like this: Step 8 Flatten layer and save as a DXT5 ARGB 8 bpp | interpolated alpha. Overlay is now done. ONWARD! Now would be the time to grab a cup of coffee or a Soda…..So I’ll wait for a minute. Ok minute over. Now we will work on the Multiplier. The first thing we want to do is go back to our “Model”. Make sure you deleted the Alpha File we made for our overlay. You should now be back to this for your “Model”: Step 9 Now we want to make a multiplier file. So again duplicate your “Model” layer. Now go to Image/Adjustments/Desaturate. Now your “Model” should have a layer that looks like this: Step 10 As before you will copy this layer and paste it over the multiplier file. Now we get into the tricky parts……Yes what makes you think it can’t get any more complicated? Hmmmm? Take your UV map and place it on top of both the Multiplier layer then reduce visibility to 35%. You should have something that looks like this: Step 11 Now see how we still have the pot to do? Well we are going to hand draw around the pot with a grey layer. So make a 256 X 256 Grey layer to work with and save it. Now place that saved layer over this multiplier and reduce visibility to 45% so you can see the UV map underneath. Rastersize the layer in case you didn’t know you had to do that. Right Click on the layer, Rastersize. You should now have this: Step 12 Now we will cut around the pot using our pen tool. If you don’t know how to do this I suggest you read BlackGarden’s Tutorial first found here: Extracting Sims and Objects from Screenshots Now we will delete the extra layer and the UV map, then flatten so that we are left with this: Step 13 Now we Could get into all the technical stuffs about shading in your multiplier because the pot part does need some shading, but that is not the purpose of this tutorial. So we won’t :0). So Onward, now we need an alpha layer for the multiplier. Yes on plants the Multiplier has an alpha layer. So now we will go back to our “Model”. Select the black parts with your wand tool and then select inverse so that your parts are selected. Going to your pencil tool again we want to make white the parts to the plant. Ending up with something that looks like this again: Step 14 Now place our UV map over top of this file. Reduce visibility to 35% so you can see underneath the UV map. Now comes the most important part or making our leaf totally invisible around the leaf in game. You are going to trace your UV map around the entire leaf surface of the mesh part with your pen tool (Again referring to BlackGardens Tutorial). Like this: Step 15 Notice how I drew a little bit larger than my mesh map. Now we will layer via cut just that section. Delete the UV map and place a white background layer underneath the cut out. Flatten and it should look like this: Step 16 Now you will copy and paste this to the alpha layer of the Multiplier and your channel should look like this: Step 17 Now save to DXT5 ARGB 8 bpp | interpolated alpha. Your Multiplier is now done. Take a break, Walk around and clear your head, the hard parts are now done. We have one more thing left to do. The Specular. We’re going to go back to our “Model” mesh and clear off all the editing we have done thus far. So Edit/Step backwards until you get back to where our “Model” looks like this: Step 18 Now we want to copy this to our Specular file and then place our UV map on top with a 35% visibility so we can see below. Cut out Place a white layer under your UV map and cut out your planter part like this again using the pen tool: Step 19 Now save to DXT5 ARGB 8 bpp | interpolated alpha. Your Multiplier is now done. Take a break, Walk around and clear your head, the hard parts are now done. We have one more thing left to do. The Specular. We’re going to go back to our “Model” mesh and clear off all the editing we have done thus far. So Edit/Step backwards until you get back to where our “Model” looks like this: Step 20 Add a totally black alpha layer and then save as a DXT5 ARGB 8 bpp | interpolated alpha. Now we are ready for import back into Workshop. So in turn import each file into Workshop, Overlay, Multiplier, and Specular. Your plant should look something like this:

http://www.thesimsresource.com/tutorialsview-post/post/14210/ 2009-10-28T19:55:00Z h2You Will Need/h2 a href=http://images.thesimsresource.com/1333/1333697.png rel=lightboximg src=http://images.thesimsresource.com/1333/1333697.png border=0 width=28 height=27 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a pYou'll need a few things before we begin, so please make sure you have these before you get started. br / br /bYou'll need:/b br /* A Graphics Editor capable of supporting DDS br /* The TSR Workshop br /* Milkshape 3D (Recommended 1.8.4 or later) br / br /bNote:/b br /You must be familiar with your graphic editor, the DDS file format and know some basic commands in Milkshape 3D. (You must have bpurchased/b Milkshape 3D as the trial version does bnot/b allow import / export, this is vital in this tutorial)./p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/ph2Step 1 - Download TSR Workshop/h2 a href=http://images.thesimsresource.com/1333/1333695.png rel=lightboximg src=http://images.thesimsresource.com/1333/1333695.png border=0 width=28 height=27 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a pRight, start off by downloading the Workshop software, which can be found here a href=http://www.thesimsresource.com/workshop/http://www.thesimsresource.com/workshop//a (The latest version is usually available here), and once it has downloaded make sure you install the program./p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/ph2Step 2 - Installing the Milkshape Plugins/h2 a href=http://images.thesimsresource.com/1333/1333698.png rel=lightboximg src=http://images.thesimsresource.com/1333/1333698.png border=0 width=164 height=92 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a pBefore launching Workshop for the first time, you need to install the Milkshape Plug-ins. br /Go to this directory: uC:\Program Files\The Sims Resource\TSR Workshop\Extras\Milkshape plugins\/u and copy the following two files to uC:\Program Files\Milkshape 3D 1.8.4\/u. br / br /It is vital that you don't skip this step, otherwise you won't be able to edit some files later on./p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/ph2Step 3 - Load TSR Workshop/h2 pGo to your Start Menu All Programs and load the TSR Workshop (it may take a while to load if this is your first time loading it). br /You’ll be greeted with a splash screen where you can see the loading progress of Workshop, and then the main Workshop Interface after that. br / br /We’re going to now clone an object, and load it into the Workshop ready for editing./ph2Step 4 - Creating a New Project/h2 a href=http://images.thesimsresource.com/1333/1333699.png rel=lightboximg src=http://images.thesimsresource.com/1333/1333699.png border=0 width=189 height=123 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a pNavigate to the top left of the Workshop UI and click on the b‘Create new Project’/b button which looks like this: br / br /For future reference, b'Open project'/b will open up any .wrk file (The file format in which TSR Workshop saves a project, so it can easily be edited later). br / br /b'Recent projects'/b will list your recently opened / saved .wrk files, so you can load them quickly if need be./p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/ph2Step 5 - Loading the Object List/h2 a href=http://images.thesimsresource.com/1333/1333700.png rel=lightboximg src=http://images.thesimsresource.com/1333/1333700.png border=0 width=285 height=103 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a pSelect b‘objects’/b from the next pop-up, next you should select b'object'/b again like I have in the image. br / br /Click on b‘Next’/b on the bottom right, and wait for the objects to load (Again depending on your computer this could take a while)./p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/ph2Step 6 - Selecting an Object to Clone/h2 a href=http://images.thesimsresource.com/1333/1333701.png rel=lightboximg src=http://images.thesimsresource.com/1333/1333701.png border=0 width=171 height=209 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a pOnce the object list has loaded, select the item you wish to create. I’ll go through this tutorial creating a table, but feel free to explore and clone whatever you wish to. br / br /If you're unfamiliar to the concept of object meshing, then I would strongly advise that you start off by making a table, it'll be a lot easier to follow this tutorial. br / br /The process of loading the object list can vary depending on the speed of your computer./p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/p pI’m going to clone the iTable coffee mission2x1/i here, but as you can see from the picture that’s pretty much the selection process. br / br /And once you have selected the object you wish to clone, in the bottom right corner click on b‘Next’/b./p p style=text-align:center;a href=http://images.thesimsresource.com/1333/1333702.png rel=lightboximg src=http://images.thesimsresource.com/scaled/1333/w-380h-241-1333702.jpg border=0 width=380 height=241/a/p

You Will Need You'll need a few things before we begin, so please make sure you have these before you get started. You'll need: * A Graphics Editor capable of supporting DDS * The TSR Workshop * Milkshape 3D (Recommended 1.8.4 or later) Note: You must be familiar with your graphic editor, the DDS file format and know some basic commands in Milkshape 3D. (You must have purchased Milkshape 3D as the trial version does not allow import / export, this is vital in this tutorial). nbsp;Step 1 - Download TSR Workshop Right, start off by downloading the Workshop software, which can be found here http://www.thesimsresource.com/workshop/ (The latest version is usually available here), and once it has downloaded make sure you install the program. nbsp;Step 2 - Installing the Milkshape Plugins Before launching Workshop for the first time, you need to install the Milkshape Plug-ins. Go to this directory: C:\Program Files\The Sims Resource\TSR Workshop\Extras\Milkshape plugins\ and copy the following two files to C:\Program Files\Milkshape 3D 1.8.4\. It is vital that you don't skip this step, otherwise you won't be able to edit some files later on. nbsp;Step 3 - Load TSR Workshop Go to your Start Menu All Programs and load the TSR Workshop (it may take a while to load if this is your first time loading it). You’ll be greeted with a splash screen where you can see the loading progress of Workshop, and then the main Workshop Interface after that. We’re going to now clone an object, and load it into the Workshop ready for editing.Step 4 - Creating a New Project Navigate to the top left of the Workshop UI and click on the ‘Create new Project’ button which looks like this: For future reference, 'Open project' will open up any .wrk file (The file format in which TSR Workshop saves a project, so it can easily be edited later). 'Recent projects' will list your recently opened / saved .wrk files, so you can load them quickly if need be. nbsp;Step 5 - Loading the Object List Select ‘objects’ from the next pop-up, next you should select 'object' again like I have in the image. Click on ‘Next’ on the bottom right, and wait for the objects to load (Again depending on your computer this could take a while). nbsp;Step 6 - Selecting an Object to Clone Once the object list has loaded, select the item you wish to create. I’ll go through this tutorial creating a table, but feel free to explore and clone whatever you wish to. If you're unfamiliar to the concept of object meshing, then I would strongly advise that you start off by making a table, it'll be a lot easier to follow this tutorial. The process of loading the object list can vary depending on the speed of your computer. nbsp; I’m going to clone the Table coffee mission2x1 here, but as you can see from the picture that’s pretty much the selection process. And once you have selected the object you wish to clone, in the bottom right corner click on ‘Next’.

http://www.thesimsresource.com/tutorialsview-post/post/14179/ 2009-10-26T17:20:00Z h2Sims 3 Custom Paintings with EA Meshes/h2 a href=http://images.thesimsresource.com/1332/1332793.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1332/w-380h-269-1332793.jpg border=0 width=380 height=269 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a pI will show you how easy it is to make your very own custom painting by your favorite artist using one of the very lovely frames that already exists in your game. br //p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/ph2What You will Need:/h2 a href=http://images.thesimsresource.com/1332/1332789.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1332/w-278h-270-1332789.jpg border=0 width=278 height=270 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a p• TSR Workshop (8.7 or latest release) br / br /• Graphics editing program (I will be using Photoshop CS3 (a good working knowledge is a plus) or the program of your choice. br / br /• DDS plug-ins for Photoshop, current version (installed) br / (http://developer.nvidia.com/object/photoshop_dds_plugins.htm). Gimp and Paint Shop Pro also have plug-ins available on the internet. br / br /• Good quality image of your choice or you can use mine. Just right click and save it. But, I do ask that you only use it for tutorial purposes as I’ve already uploaded it for publication on TSR. br / br /I’ll be using one of my favorites, The Waterlily Pond with the Japanese Bridge, 1899 by Claude Monet. br //p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/ph2Section 1 - Creating a New Project/h2 pWe’ll start by opening Workshop (WS) and clicking on bCreate New Project/b/p p style=text-align:center;a href=http://images.thesimsresource.com/1332/1332017.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1332/w-344h-270-1332017.jpg border=0 width=344 height=270/a/p pIn the bCreate a new project/b screen select bObject/b and then click bNext/b/p p style=text-align:center;a href=http://images.thesimsresource.com/1332/1332018.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1332/w-344h-270-1332018.jpg border=0 width=344 height=270/a/p pYou will now find yourself on the bObject Clone/b screen. In the bObject By Category/b section on the left, select bDcor/Wall Art/b. You will see workshop display all the paintings in the game. Remember the only paintings available to clone are the ones with a frame. I’ve selected the bPainting still life/b for my painting. Click bNext/b and you’re on your way./p p style=text-align:center;a href=http://images.thesimsresource.com/1332/1332019.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1332/w-344h-270-1332019.jpg border=0 width=344 height=270/a/p pAt this point the bProject details/b screen will pop up. Here you will type in your bProject Name, Title and Description/b. When you are finished with all of your information go ahead and click bNext/b/p p style=text-align:center;a href=http://images.thesimsresource.com/1332/1332020.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1332/w-345h-270-1332020.jpg border=0 width=345 height=270/a/p pYour project has now been created and we are ready to customize it. As you can see from the screenshot, your project is opened on the bProject/b tab. It’s a good idea to familiarize yourself with all the sections. It’s in this tab where you can change your project name and description if you find any mistakes and in game categories./p p style=text-align:center;a href=http://images.thesimsresource.com/1332/1332021.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1332/w-345h-270-1332021.jpg border=0 width=345 height=270/a/p pWhen you’re finished with the bProject/b tab go ahead and click on the bTextures/b tab. You will see a dropdown box called bVariation/b. If you click on it you will see exactly that, how many frame variations (colors) this particular mesh has. There are 3 for the bPainting Still Life/b. Make sure the first one is selected and move on to the next section. /p p style=text-align:center;a href=http://images.thesimsresource.com/1332/1332022.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1332/w-345h-270-1332022.jpg border=0 width=345 height=270/a/p

Sims 3 Custom Paintings with EA Meshes I will show you how easy it is to make your very own custom painting by your favorite artist using one of the very lovely frames that already exists in your game. nbsp;What You will Need: • TSR Workshop (8.7 or latest release) • Graphics editing program (I will be using Photoshop CS3 (a good working knowledge is a plus) or the program of your choice. • DDS plug-ins for Photoshop, current version (installed) (http://developer.nvidia.com/object/photoshop_dds_plugins.htm). Gimp and Paint Shop Pro also have plug-ins available on the internet. • Good quality image of your choice or you can use mine. Just right click and save it. But, I do ask that you only use it for tutorial purposes as I’ve already uploaded it for publication on TSR. I’ll be using one of my favorites, The Waterlily Pond with the Japanese Bridge, 1899 by Claude Monet. nbsp;Section 1 - Creating a New Project We’ll start by opening Workshop (WS) and clicking on Create New Project In the Create a new project screen select Object and then click Next You will now find yourself on the Object Clone screen. In the Object By Category section on the left, select Dcor/Wall Art. You will see workshop display all the paintings in the game. Remember the only paintings available to clone are the ones with a frame. I’ve selected the Painting still life for my painting. Click Next and you’re on your way. At this point the Project details screen will pop up. Here you will type in your Project Name, Title and Description. When you are finished with all of your information go ahead and click Next Your project has now been created and we are ready to customize it. As you can see from the screenshot, your project is opened on the Project tab. It’s a good idea to familiarize yourself with all the sections. It’s in this tab where you can change your project name and description if you find any mistakes and in game categories. When you’re finished with the Project tab go ahead and click on the Textures tab. You will see a dropdown box called Variation. If you click on it you will see exactly that, how many frame variations (colors) this particular mesh has. There are 3 for the Painting Still Life. Make sure the first one is selected and move on to the next section.

http://www.thesimsresource.com/tutorialsview-post/post/13501/ 2009-10-23T16:15:00Z h2About this tutorial…/h2 pThere are several tutorials discussing how to make patterns for the Create-A-Style tool in Sims 3 that are helping many people make great patterns. However, I started out as a total beginner, and was still fumbling with issues such as ‘why channels?’ and ‘how do I add an alpha?’ br /when other people were seemingly outputting a pattern a minute!!! br / br /If you too are floundering and feel like you know nothing, hopefully this tutorial will help you. After you’ve succeeded with this one, you’ll be able to move on to more advanced stuff. This tutorial is meant for people who still have no idea what they’re doing and need to know WHY they're doing this or that. So it DOES go on a bit. But that's me!/ph2Your pattern/h2 a href=http://images.thesimsresource.com/1302/1302356.jpg rel=lightboximg src=http://images.thesimsresource.com/scaled/1302/w-371h-270-1302356.jpg border=0 width=371 height=270 border=0 style=float:right;margin:0 0 1.5em 1.5em;/a pI’m not going to make a pattern from scratch (because that would assume you can paint stuff)! Instead, and because I can't paint stuff either, I’m going to convert an existing texture using a basic bselect/b tool to split a brick pattern across three channels (and an alpha) to make the English Victorian brick pattern shown on the right. You can use any pattern (including my brick pattern). br / br /Whatever you use, ensure you start with a pattern that has easy sections to cut out and divide, and is sized 256 pixels wide by 256 pixels high./p p style=clear:both;height:0;line-height:1px;font-size:1px;nbsp;/p

About this tutorial… There are several tutorials discussing how to make patterns for the Create-A-Style tool in Sims 3 that are helping many people make great patterns. However, I started out as a total beginner, and was still fumbling with issues such as ‘why channels?’ and ‘how do I add an alpha?’ when other people were seemingly outputting a pattern a minute!!! If you too are floundering and feel like you know nothing, hopefully this tutorial will help you. After you’ve succeeded with this one, you’ll be able to move on to more advanced stuff. This tutorial is meant for people who still have no idea what they’re doing and need to know WHY they're doing this or that. So it DOES go on a bit. But that's me!Your pattern I’m not going to make a pattern from scratch (because that would assume you can paint stuff)! Instead, and because I can't paint stuff either, I’m going to convert an existing texture using a basic select tool to split a brick pattern across three channels (and an alpha) to make the English Victorian brick pattern shown on the right. You can use any pattern (including my brick pattern). Whatever you use, ensure you start with a pattern that has easy sections to cut out and divide, and is sized 256 pixels wide by 256 pixels high. nbsp;

http://www.thesimsresource.com/tutorialsview-post/post/13055/ 2009-08-28T13:22:44Z pnbsp;/p pHello!br /br /This tut will teach you how to create your own eye shadow in the strongemsimplest/em/strong way that I know of. We will be editing a Maxis eye shadow (I said it was simple!) and then importing it into the game. I know it's not special, and we're not fiddling around with colors and masks, but it's the core... the basics for the beginners!/p pYou will need:/pulliTSR Workshop (up-to-date, remember!)/liliPhotoShop (I use 7.0)br //liliThe .DDS plugin/liliSims 3 (of course!)/li/ul pWe'll start by opening TSR Workshop, and clicking Create a new Project./p p style=text-align: center;img src=http://images.thesimsresource.com/1285/1285959.png border=0 alt=Step one width=443 height=314 style=border: 0; vertical-align: middle; //p pnbsp;/p pThen this box should come up:/p p style=text-align: center;img src=http://images.thesimsresource.com/1285/1285960.png border=0 alt=Step 2 width=550 height=330 style=border: 0; //p p style=text-align: left;We want to select Makeup/Facial overlay./p p style=text-align: left;Once it's selected, click next. This tree should come up (it may take a moment to load the info):/p p style=text-align: center;img src=http://images.thesimsresource.com/1285/1285961.png border=0 alt=Step 3 width=550 height=341 //p p style=text-align: left;When the tree pops up, click Young Adult, then Female, then Everyday. We want to select afMakeupEyeshadowSweet. This is because we will be creating an eye shadow tail (you'll see what I mean later). Now click next./p p style=text-align: left;This box comes up:/p p style=text-align: center;img src=http://images.thesimsresource.com/1285/1285962.png border=0 alt=Step 4 width=550 height=341 //p p style=text-align: left;The box I've highlighted is the most important part of them all. Each item you make needs a Unique Identifier. So just add the first letter of your name or any word you like - as long as it's unique (make sure it doesn't have same identifier as another item basically)./p p style=text-align: left;Fill out your Project Name, Title and Description in any way you like... it's totally up to you./p p style=text-align: left;Click Next when you're done. When the Finished box comes up, click Ok./p p style=text-align: left;Now your 3D Object preview comes up. On the navigation panel to your right, click the Texture tab. Like so:/p p style=text-align: center;img src=http://images.thesimsresource.com/1285/1285963.png border=0 alt=Step 6 width=352 height=516 //p p style=text-align: left;Then we want to export the Face Overlay into a .dds file. We do this by hovering over the Face Overlay bar and then clicking the small ... box that comes up. Then this box comes up:/p p style=text-align: center;img src=http://images.thesimsresource.com/1285/1285966.png border=0 alt=Step 7 width=550 height=526 //p p style=text-align: left;nbsp;/p p style=text-align: left;Can you see the similarity between these white smudges and the in-game eye shadow? It's hard to think of at first, but you get the idea. We then need to click Export. I'd recommend creating a new folder and saving it as makeup_face_overlay or something like that. Then just click Save./p

nbsp; Hello!This tut will teach you how to create your own eye shadow in the simplest way that I know of. We will be editing a Maxis eye shadow (I said it was simple!) and then importing it into the game. I know it's not special, and we're not fiddling around with colors and masks, but it's the core... the basics for the beginners! You will need:TSR Workshop (up-to-date, remember!)PhotoShop (I use 7.0)The .DDS pluginSims 3 (of course!) We'll start by opening TSR Workshop, and clicking Create a new Project. nbsp; Then this box should come up: We want to select Makeup/Facial overlay. Once it's selected, click next. This tree should come up (it may take a moment to load the info): When the tree pops up, click Young Adult, then Female, then Everyday. We want to select afMakeupEyeshadowSweet. This is because we will be creating an eye shadow tail (you'll see what I mean later). Now click next. This box comes up: The box I've highlighted is the most important part of them all. Each item you make needs a Unique Identifier. So just add the first letter of your name or any word you like - as long as it's unique (make sure it doesn't have same identifier as another item basically). Fill out your Project Name, Title and Description in any way you like... it's totally up to you. Click Next when you're done. When the Finished box comes up, click Ok. Now your 3D Object preview comes up. On the navigation panel to your right, click the Texture tab. Like so: Then we want to export the Face Overlay into a .dds file. We do this by hovering over the Face Overlay bar and then clicking the small ... box that comes up. Then this box comes up: nbsp; Can you see the similarity between these white smudges and the in-game eye shadow? It's hard to think of at first, but you get the idea. We then need to click Export. I'd recommend creating a new folder and saving it as makeup_face_overlay or something like that. Then just click Save.

http://www.thesimsresource.com/tutorialsview-post/post/12615/ 2009-08-06T00:00:00Z h2Adding Logos to Clothing - A Beginners Tutorial/h2 pThis tutorial is a beginner's guide to changing the logos and graphics on Sims 3 clothing using the TSR Workshop and Adobe Photoshop with the DDS plugin. I will only be explaining the steps I use to accomplish this task. If you wish to learn more about the TSR Workshop as it pertains to clothing, I would highly recommend that you read through Sinastra's In Depth Clothing Re-Texturing Tutorial for the TSR Workshop as she goes into much more detail about all the different tabs and what they mean. I will be describing only the exact steps I use in this process, but this is a good start for the beginner to learn to create some simple custom clothing./p p style=text-align:center;a rel=lightbox href=http://images.thesimsresource.com/scaled/1264/w-950h-570-1264728.jpgimg src=http://images.thesimsresource.com/scaled/1264/w-650h-390-1264728.jpg border=0 width=650 height=390 //a/p h2Begin at the beginning/h2 pOur first step is, of course, to open the TSR Workshop. You will start by clicking Create New Project. This will bring up a new window, we will click on clothing and then click next./p p style=text-align:center;a rel=lightbox href=http://images.thesimsresource.com/scaled/1264/w-950h-594-1264729.jpgimg src=http://images.thesimsresource.com/scaled/1264/w-650h-406-1264729.jpg border=0 width=650 height=406 //a/p h2Choosing clothing item to clone./h2 pThe next window to appear will show us a tree view on the left with the different ages, sex and categories of clothing to choose from. For this tutorial, I will be using the girls tee with a rainbow graphic on it. As the stencils are already enabled on it, it is a good place for the beginner to start. So first click on child, then female and then everyday and scroll down until you find this shirt, if you wish to follow this tutorial exactly./p p style=text-align:center;a rel=lightbox href=http://images.thesimsresource.com/scaled/1264/w-950h-594-1264730.jpgimg src=http://images.thesimsresource.com/scaled/1264/w-650h-406-1264730.jpg border=0 width=650 height=406 //a/p h2Your Project Details/h2 pIn this step you will create your project name, the title for your item, a description and most importantly a unique identifier. You MUST change the unique identifier so the new item you create does not override the original item!! Do not use the default!! It's a good idea to try and make the name unique as the Sims 3 launcher will not install an item if it has the same name as something already installed. I like to add my name or initials to the project name and identifier. Once you have filled in all the information, click next in the bottom right corner. A new window will pop up called Finished. Just click OK in the bottom right corner./p p style=text-align:center;a rel=lightbox href=http://images.thesimsresource.com/scaled/1264/w-950h-594-1264731.jpgimg src=http://images.thesimsresource.com/scaled/1264/w-650h-406-1264731.jpg border=0 width=650 height=406 //a/p h2Preparing to Export/h2 pThe next window to open up shows the clothing item we chose for our project and all the information pertaining to it. For this tutorial, I will not be making any changes to the shirt other than the graphic on the front and the colors of the shirt. So, first select the Texture tab at the top, then highlight the Stencil A. Highlighting this will make the small box with three dots appear to the right. Click on this box./p p style=text-align:center;a rel=lightbox href=http://images.thesimsresource.com/scaled/1264/w-950h-594-1264732.jpgimg src=http://images.thesimsresource.com/scaled/1264/w-650h-406-1264732.jpg border=0 width=650 height=406 //a/p h2Exporting the Image/h2 pA new window will pop up with the original image. We are now ready to export this image and make it our own. Click on the Export button. **The Import button located directly below the export button is what you will click to import your texture back into the workshop**/p p style=text-align:center;a rel=lightbox href=http://images.thesimsresource.com/scaled/1264/w-950h-594-1264733.jpgimg src=http://images.thesimsresource.com/scaled/1264/w-650h-406-1264733.jpg border=0 width=650 height=406 //a/p h2Saving the Image/h2 pNow save the image somewhere it is easy to find. I like to save directly to my desktop, but you can save it wherever it is easiest for you. Don't bother changing the name, just click save. We are now ready to edit the image in Adobe Photoshop. I just leave the TSR Workshop running while I edit the image./p p style=text-align:center;a rel=lightbox href=http://images.thesimsresource.com/scaled/1264/w-950h-594-1264734.jpgimg src=http://images.thesimsresource.com/scaled/1264/w-650h-406-1264734.jpg border=0 width=650 height=406 //a/p

Adding Logos to Clothing - A Beginners Tutorial This tutorial is a beginner's guide to changing the logos and graphics on Sims 3 clothing using the TSR Workshop and Adobe Photoshop with the DDS plugin. I will only be explaining the steps I use to accomplish this task. If you wish to learn more about the TSR Workshop as it pertains to clothing, I would highly recommend that you read through Sinastra's In Depth Clothing Re-Texturing Tutorial for the TSR Workshop as she goes into much more detail about all the different tabs and what they mean. I will be describing only the exact steps I use in this process, but this is a good start for the beginner to learn to create some simple custom clothing. Begin at the beginning Our first step is, of course, to open the TSR Workshop. You will start by clicking Create New Project. This will bring up a new window, we will click on clothing and then click next. Choosing clothing item to clone. The next window to appear will show us a tree view on the left with the different ages, sex and categories of clothing to choose from. For this tutorial, I will be using the girls tee with a rainbow graphic on it. As the stencils are already enabled on it, it is a good place for the beginner to start. So first click on child, then female and then everyday and scroll down until you find this shirt, if you wish to follow this tutorial exactly. Your Project Details In this step you will create your project name, the title for your item, a description and most importantly a unique identifier. You MUST change the unique identifier so the new item you create does not override the original item!! Do not use the default!! It's a good idea to try and make the name unique as the Sims 3 launcher will not install an item if it has the same name as something already installed. I like to add my name or initials to the project name and identifier. Once you have filled in all the information, click next in the bottom right corner. A new window will pop up called Finished. Just click OK in the bottom right corner. Preparing to Export The next window to open up shows the clothing item we chose for our project and all the information pertaining to it. For this tutorial, I will not be making any changes to the shirt other than the graphic on the front and the colors of the shirt. So, first select the Texture tab at the top, then highlight the Stencil A. Highlighting this will make the small box with three dots appear to the right. Click on this box. Exporting the Image A new window will pop up with the original image. We are now ready to export this image and make it our own. Click on the Export button. **The Import button located directly below the export button is what you will click to import your texture back into the workshop** Saving the Image Now save the image somewhere it is easy to find. I like to save directly to my desktop, but you can save it wherever it is easiest for you. Don't bother changing the name, just click save. We are now ready to edit the image in Adobe Photoshop. I just leave the TSR Workshop running while I edit the image.

http://www.thesimsresource.com/tutorialsview-post/post/11976/ 2009-06-28T00:00:00Z pPreviously, I've shown you a simplified technique for extracting a Sim from a screenshot for preview pictures or stories. However, a simple technique doesn't always provide the best results./p pIn this tutorial I'll show you how to use Photoshop's pen tool to extract a Sim, or an object, from a screenshot taken with the Sims 3 in-game camera. This tutorial is aimed at intermediate Photoshop users who maybe just aren't quite sure what the pen tool does, or how or why they should use it./p h2Needed tools:/h2ulliPhotoshop (any version, however Elements versions may not have the pen tool, which is required for this tutorial)/li/ul pBut first, why do we want to use the pen tool? Why not just put your Sim or object against a plain background?br /It's a good question, it's really quick and easy to put a Sim or an object against a plain background and then use the magic wand selector in Photoshop to remove the background. However, this technique can result in a jagged edge, rather than a smooth edge, which won't look as good on previews. The pen tool allows us to create a smooth path to select our Sim or object with.br /Also, for pictures of Sims, the best lighting in the Sims 3 game is in Create-A-Sim. Pictures taken in Create-A-Sim will show off your Sim and clothes in the best possible light, but of course we can't have a plain background in Create-A-Sim, so the easiest way to remove the background is using the pen tool./p h2The Method:/h2ulliOpen up your Sims 3 game, and take any screenshots you like using the in game camera. Here's the screenshot I'll be using for this tutorial (fig 1):br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/scaled/1279/w-550h-413-1279944.jpg border=0 alt=A screenshot of a Sim, which I'll use for this tutorial. width=422 height=316 /nbsp;nbsp;nbsp; strongFig 1/strong/p/ululliDecide which part(s) of the picture you want for your screenshot. I only want the Sim, nothing else./li/ul ulliOpen your screenshot in PhotoShop and choose the pen tool. img src=http://images.thesimsresource.com/1279/1279957.jpg border=0 alt=Pen tool icon width=26 height=23 / /li/ul ulliDecide where you're going to start from. I'm going to stop at the top right side of the picture, and work round clockwise./li/ululliNow, identify two corners to your Sim, or object. By corner I mean somewhere where the edge changes sharply, rather than in a smooth curve. Click once on each of these first two corners, and anchor points will appear on them, as shown in the picture below (fig 2).br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279956.jpg border=0 alt=Click on two sharper corners to begin using the pen tool. width=164 height=190 /nbsp;nbsp;nbsp; strongFig 2br /br //strong/p/ul ulliOf course, the edge of the Sim betwen these two points is not straight, so we need to adjust our line to make it match. You can add a curved anchor point anywhere on your path just by clicking. So here, I'll add an anchor point halfway between the first two points, like in this picture (fig 3):br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279955.jpg border=0 alt=Add a second point between the first two points by clicking on the line. width=164 height=188 /nbsp;nbsp;nbsp; strongFig 3br /br //strong/p/ululliThe points are still a straight line, but now we just hold the CTRL key, and click and drag the new point into position. The line will automatically curve in between the three points (fig 4).br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279954.jpg border=0 alt=Hold CTRL and click and drag the new point so that it lies on the curve of the edge of the Sim or object. width=164 height=189 /nbsp;nbsp;nbsp; strongFig 4br /nbsp;br //strong/p/ululliYou may need to add many anchor points to make your path match the curve of your Sim or object. If you add an anchor point then decide you don't need it, click it again to remove it (fig 5).br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279953.jpg border=0 alt=Sometimes you will need to add many points to make the curves match. width=224 height=328 /nbsp;nbsp;nbsp; strongFig 5br /br //strong/p/ululliSometimes, you might add an anchor point which makes your path stick out a long way from the edge of the Sim or object you're trying to cut out. This isn't a problem - as you can see below it's easily fixed just by adding more points, holding CTRL and dragging them into place (fig 6).br /br /br /img src=http://images.thesimsresource.com/1279/1279952.jpg border=0 alt=Sometimes adding an anchor point will make the line deviate a long way from where you want it to be. width=275 height=222 / nbsp; img src=http://images.thesimsresource.com/1279/1279951.jpg border=0 alt=Fix it by adding more anchor points along the way. width=275 height=222 /nbsp;nbsp;nbsp; strongFig 6br /br //strong/li/ululliContinue in the same way - identify the next corner, click it, then add anchor points between that and the previous corner, and drag them into place until they match the curve. When you get back round to where you started, click on your first point again to complete your path (fig 7). If you need to adjust your path after you've closed it, hold CTRL and click on it - this will 'reactivate' your path so you can continue to add more points.br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279945.jpg border=0 alt=Complete your path by clicking on the first anchor point again. width=360 height=295 /nbsp;nbsp;nbsp; strongFig 7br /br //strong/p/ululliNow you have the outline of your Sim or object, but what if they have some extra gaps that we need to cut out? This sim has a gap under her arm, and some between her fingers (fig 8).br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279950.jpg border=0 alt=This Sim has a gap under her arm which we also need to cut out. width=292 height=232 /nbsp;nbsp;nbsp; strongFig 8br /br //strong/p/ululliSimply click on the first two corners of one of the gaps, and create a path for the gap in the same way as you did the main outline (fig 9).br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279949.jpg border=0 alt=Create a path in each of the gaps the same way that you did for the main outline. width=253 height=265 /nbsp;nbsp;nbsp; strongFig 9br /br //strong/p/ululliHere is my finished set of paths. I've added a path in the gap under her arm, and more around the fingers (fig 10).br /br //li p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279948.jpg border=0 alt=I've added more paths under the arm and between the fingers. width=228 height=432 /nbsp;nbsp;nbsp; strongFig 10br /br //strong/p/ululliNow, open the paths panel. This is usually on a tab near the layers panel, but if it's not you can also select it from the Window menu.br //li/ululliClick this button (shown by the arrow in fig 11) to turn your paths into a selection.br /br / div style=text-align: center;img src=http://images.thesimsresource.com/1279/1279946.jpg border=0 alt=Click this button to turn your path into a selection width=169 height=218 /nbsp;nbsp;nbsp; strongFig 11/strongbr //divbr /(Note: if this doesn't select everything you wanted it to, hold CTRL and SHIFT, and click on each of your paths in turn to select them all, then press the button again.)br //li/ululliCopy and paste your Sim onto your preview picture. Check the edges to make sure you're happy with how it turned out. If they're not, go back, and CTRL + click on a path to 'reactivate' it for futher editing, and make any changes you consider necessary. This is my finished cutout (fig 12) (keep reading for more tips!):br / p style=text-align: center;img src=http://images.thesimsresource.com/1279/1279943.png border=0 alt=The finished cutout of a Sim width=278 height=586 /nbsp;nbsp;nbsp; strongFig 12/strong/pYou can also see my finished cutout in her preview picture by a href=/artists/BlackGarden/downloads/details/category/sims3-materials-fabrics/title/Thick%20Vertical%20Striped%20Knit/id/887900/ title=View my cutout in her finished preview picture.clicking here/a./li/ul h2Additional Tips:/h2 pstrongTIP:/strong When you add an anchor point you'll notice a straight line with two dots on the end appearing. The line is a tangent to the curve, and these dots are called handles. You can move the handles to change the angle of the curve at this point. The best way to find out how this works is simply to do it! Create a straight line, add an anchor point in the middle, and see what happens when you adjust the angle and length of the handles./p pstrongTIP:/strong A unique preview that stands out will really show off your work at its best. For ideas, look through the downloads area of TSR, and study those screenshots which catch your eye. A good example of an excellent preview style is a href=/artists/Murano title=View Murano's minisite to see some excellent preview images.Murano/a. Notice how he maintains a consistent style, which means his work is instantly recognisable, but at the same time shows off his work in an interesting and eyecatching way./p

Previously, I've shown you a simplified technique for extracting a Sim from a screenshot for preview pictures or stories. However, a simple technique doesn't always provide the best results. In this tutorial I'll show you how to use Photoshop's pen tool to extract a Sim, or an object, from a screenshot taken with the Sims 3 in-game camera. This tutorial is aimed at intermediate Photoshop users who maybe just aren't quite sure what the pen tool does, or how or why they should use it. Needed tools:Photoshop (any version, however Elements versions may not have the pen tool, which is required for this tutorial) But first, why do we want to use the pen tool? Why not just put your Sim or object against a plain background?It's a good question, it's really quick and easy to put a Sim or an object against a plain background and then use the magic wand selector in Photoshop to remove the background. However, this technique can result in a jagged edge, rather than a smooth edge, which won't look as good on previews. The pen tool allows us to create a smooth path to select our Sim or object with.Also, for pictures of Sims, the best lighting in the Sims 3 game is in Create-A-Sim. Pictures taken in Create-A-Sim will show off your Sim and clothes in the best possible light, but of course we can't have a plain background in Create-A-Sim, so the easiest way to remove the background is using the pen tool. The Method:Open up your Sims 3 game, and take any screenshots you like using the in game camera. Here's the screenshot I'll be using for this tutorial (fig 1): nbsp;nbsp;nbsp; Fig 1Decide which part(s) of the picture you want for your screenshot. I only want the Sim, nothing else. Open your screenshot in PhotoShop and choose the pen tool. Decide where you're going to start from. I'm going to stop at the top right side of the picture, and work round clockwise.Now, identify two corners to your Sim, or object. By corner I mean somewhere where the edge changes sharply, rather than in a smooth curve. Click once on each of these first two corners, and anchor points will appear on them, as shown in the picture below (fig 2). nbsp;nbsp;nbsp; Fig 2 Of course, the edge of the Sim betwen these two points is not straight, so we need to adjust our line to make it match. You can add a curved anchor point anywhere on your path just by clicking. So here, I'll add an anchor point halfway between the first two points, like in this picture (fig 3): nbsp;nbsp;nbsp; Fig 3The points are still a straight line, but now we just hold the CTRL key, and click and drag the new point into position. The line will automatically curve in between the three points (fig 4). nbsp;nbsp;nbsp; Fig 4nbsp;You may need to add many anchor points to make your path match the curve of your Sim or object. If you add an anchor point then decide you don't need it, click it again to remove it (fig 5). nbsp;nbsp;nbsp; Fig 5Sometimes, you might add an anchor point which makes your path stick out a long way from the edge of the Sim or object you're trying to cut out. This isn't a problem - as you can see below it's easily fixed just by adding more points, holding CTRL and dragging them into place (fig 6). nbsp; nbsp;nbsp;nbsp; Fig 6Continue in the same way - identify the next corner, click it, then add anchor points between that and the previous corner, and drag them into place until they match the curve. When you get back round to where you started, click on your first point again to complete your path (fig 7). If you need to adjust your path after you've closed it, hold CTRL and click on it - this will 'reactivate' your path so you can continue to add more points. nbsp;nbsp;nbsp; Fig 7Now you have the outline of your Sim or object, but what if they have some extra gaps that we need to cut out? This sim has a gap under her arm, and some between her fingers (fig 8). nbsp;nbsp;nbsp; Fig 8Simply click on the first two corners of one of the gaps, and create a path for the gap in the same way as you did the main outline (fig 9). nbsp;nbsp;nbsp; Fig 9Here is my finished set of paths. I've added a path in the gap under her arm, and more around the fingers (fig 10). nbsp;nbsp;nbsp; Fig 10Now, open the paths panel. This is usually on a tab near the layers panel, but if it's not you can also select it from the Window menu.Click this button (shown by the arrow in fig 11) to turn your paths into a selection. nbsp;nbsp;nbsp; Fig 11(Note: if this doesn't select everything you wanted it to, hold CTRL and SHIFT, and click on each of your paths in turn to select them all, then press the button again.)Copy and paste your Sim onto your preview picture. Check the edges to make sure you're happy with how it turned out. If they're not, go back, and CTRL + click on a path to 'reactivate' it for futher editing, and make any changes you consider necessary. This is my finished cutout (fig 12) (keep reading for more tips!): nbsp;nbsp;nbsp; Fig 12You can also see my finished cutout in her preview picture by clicking here. Additional Tips: TIP: When you add an anchor point you'll notice a straight line with two dots on the end appearing. The line is a tangent to the curve, and these dots are called handles. You can move the handles to change the angle of the curve at this point. The best way to find out how this works is simply to do it! Create a straight line, add an anchor point in the middle, and see what happens when you adjust the angle and length of the handles. TIP: A unique preview that stands out will really show off your work at its best. For ideas, look through the downloads area of TSR, and study those screenshots which catch your eye. A good example of an excellent preview style is Murano. Notice how he maintains a consistent style, which means his work is instantly recognisable, but at the same time shows off his work in an interesting and eyecatching way.

http://www.thesimsresource.com/tutorialsview-post/post/11806/ 2009-06-16T00:00:00Z div style=margin: auto; width: 640px object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 width=640 height=505 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0 param name=allowFullScreen value=true /param name=allowscriptaccess value=always /param name=src value=http://www.youtube.com/v/AR9-F5YbMiAamp;hl=enamp;fs=1amp;rel=0amp;color1=0xafd0ffamp;color2=0xecf5ff /embed type=application/x-shockwave-flash width=640 height=505 src=http://www.youtube.com/v/AR9-F5YbMiAamp;hl=enamp;fs=1amp;rel=0amp;color1=0xafd0ffamp;color2=0xecf5ff allowscriptaccess=always allowfullscreen=true/embed /object/div p!-- br--/p h2Subtitles/h2 pThe video tutorial comes along with English and German subtitles. It also allows you to translate one of these into your own language using the Translation feature./p h2Software usedbr //h2 ulliIllustrator CS3/liliPhotoshop CS3/lilia href=/programs/details/title/TSR%20Workshop%20Public%20Beta/id/112/ target=_blank title=Get TSR WorkshopTSR Workshop/abr //li/ul h2Installing DDS Plugin/h2 pYou have to download the Photoshop DDS plug-ins here: a href=http://developer.nvidia.com/object/photoshop_dds_plugins.html target=_blank title=Get DDS Pluginhttp://developer.nvidia.com/object/photoshop_dds_plugins.html/a/p pClick on Download Current Version to download the file and then install it./p pIf your Photoshop is in English the installer might have chosen the right destination in the Photoshop directory for the plug-ins. If itrsquo;s not then you have to translate the folders name to know where to move the plug-ins to. The correct folder should be strongC:\Program Files\Adobe\Adobe Photoshop CSX\plug-ins\file format/strong/p h2Help/h2 pPlease use the a href=/programs/details/title/The%20Sims%203%20Workshop%20-%20BETA/category/sims3/id/111/ target=_blank title=Get help in the TSR ForumsTSR Forums/a for getting help regarding this tutorial./p

Subtitles The video tutorial comes along with English and German subtitles. It also allows you to translate one of these into your own language using the Translation feature. Software used Illustrator CS3Photoshop CS3TSR Workshop Installing DDS Plugin You have to download the Photoshop DDS plug-ins here: http://developer.nvidia.com/object/photoshop_dds_plugins.html Click on Download Current Version to download the file and then install it. If your Photoshop is in English the installer might have chosen the right destination in the Photoshop directory for the plug-ins. If itrsquo;s not then you have to translate the folders name to know where to move the plug-ins to. The correct folder should be C:\Program Files\Adobe\Adobe Photoshop CSX\plug-ins\file format Help Please use the TSR Forums for getting help regarding this tutorial.

http://www.thesimsresource.com/tutorialsview-post/post/11712/ 2009-06-10T00:00:00Z h2Installing the DDS plug-in/h2 pYou have to download the Photoshop DDS plug-ins here: a href=http://developer.nvidia.com/object/photoshop_dds_plugins.html target=_blankhttp://developer.nvidia.com/object/photoshop_dds_plugins.html/a/p pClick on Download Current Version to download the file and then install it./p pIf your Photoshop is in English the installer might have chosen the right destination in the Photoshop directory for the plug-ins. If itrsquo;s not then you have to translate the folders name to know where to move the plug-ins to. The correct folder should be strongC:\Program Files\Adobe\Adobe Photoshop CSX\plug-ins\file format/strong/p h2Concept/h2 pA pattern in The Sims 3 has four channels to hold mask information. These are Red, Green, Blue and Alpha (RGBA) where every channel can save a greyscale image. The following pattern (fig 1) is going to illustrate the concept of stencil masks, not the making of the pattern itself./p pimg src=http://images.thesimsresource.com/1191/1191137.jpg border=0 width=256 height=256 /nbsp;nbsp;nbsp; strongFig 1/strong/p pnbsp;/p pLetrsquo;s break up this pattern in its colour layers (fig 2)./p pimg src=http://images.thesimsresource.com/1191/1191138.jpg border=0 width=458 height=406 /nbsp;nbsp;nbsp; strongFig 2/strong/p pnbsp;/p pNow we sort these layers in channels and making them greyscale, so they work like alpha masks for the colours. White is fully opaque, black is invisible and greys are transparent (fig 3)./p pimg src=http://images.thesimsresource.com/1191/1191147.jpg border=0 width=574 height=406 /nbsp;nbsp;nbsp; strongFig 3/strong/p h2Create the RGBA Stencil Mask/h2 pOpen a new 256x256 pixel RGB/8 document (fig 4)./p pimg src=http://images.thesimsresource.com/1191/1191140.jpg border=0 width=385 height=395 /nbsp; img src=http://images.thesimsresource.com/1191/1191141.jpg border=0 width=258 height=254 /nbsp;nbsp;nbsp; strongFig 4/strong/p pnbsp;/p pChange to the Channels tab and add an Alpha (fig 5), since there are four channels in this pattern. You donrsquo;t have to add the Alpha channel if you have only 3, 2 or 1 channel used for your pattern. Donrsquo;t delete any of the RGB channels. Photoshop wonrsquo;t like that./p pimg src=http://images.thesimsresource.com/1191/1191142.jpg border=0 width=252 height=344 /nbsp;nbsp;nbsp; strongFig 5/strong/p pnbsp;/p pCopy/paste each of those masks in the correct channel (fig 6)./p pimg src=http://images.thesimsresource.com/1191/1191143.jpg border=0 width=255 height=386 /nbsp;nbsp;nbsp; strongFig 6/strong/p pnbsp;/p pWith Alpha visible the image will look something like this (fig 7)./p pa href=http://images.thesimsresource.com/scaled/w-721h-650-1191144.jpgimg src=http://images.thesimsresource.com/scaled/w-256h-256-1191144.jpg border=0 width=256 height=256 //anbsp; img src=http://images.thesimsresource.com/1191/1191145.jpg border=0 width=258 height=211 / nbsp;nbsp; strongFig 7/strong/p pnbsp;/p pIt looks odd but this doesnrsquo;t matter as long the masks in channels are correct./p pGo to strongSave ashellip;/strong and choose the strongD3D/DDS/strong (*.DDS) file format with Alpha channel enabled. Hit strongSave/strong and the DDS plug-in dialog pops up. Choose the DDS internal format strong8.8.8.8 ARGB 32 bpp | unsigned/strong from the drop down list and click strongSave/strong (fig 8)./p pimg src=http://images.thesimsresource.com/1191/1191146.jpg border=0 width=579 height=385 /nbsp;nbsp;nbsp; strongFig 8/strong/p pstrongYoursquo;re done!/strong/p pa href=/workshop/articles/view-post/post/11713/Sims%203%20Workshop%20Patterns%20Plugin%20ManualNow move on and import the DDs into the TSR Workshop Pattern Tool!/a/p pstrongNote:/strong Almost all kind of meshes in the Sims 3 do have a Stencil Mask. This time they donrsquo;t hold colours but are the mask for patterns to compose the final mesh texture./p

Installing the DDS plug-in You have to download the Photoshop DDS plug-ins here: http://developer.nvidia.com/object/photoshop_dds_plugins.html Click on Download Current Version to download the file and then install it. If your Photoshop is in English the installer might have chosen the right destination in the Photoshop directory for the plug-ins. If itrsquo;s not then you have to translate the folders name to know where to move the plug-ins to. The correct folder should be C:\Program Files\Adobe\Adobe Photoshop CSX\plug-ins\file format Concept A pattern in The Sims 3 has four channels to hold mask information. These are Red, Green, Blue and Alpha (RGBA) where every channel can save a greyscale image. The following pattern (fig 1) is going to illustrate the concept of stencil masks, not the making of the pattern itself. nbsp;nbsp;nbsp; Fig 1 nbsp; Letrsquo;s break up this pattern in its colour layers (fig 2). nbsp;nbsp;nbsp; Fig 2 nbsp; Now we sort these layers in channels and making them greyscale, so they work like alpha masks for the colours. White is fully opaque, black is invisible and greys are transparent (fig 3). nbsp;nbsp;nbsp; Fig 3 Create the RGBA Stencil Mask Open a new 256x256 pixel RGB/8 document (fig 4). nbsp; nbsp;nbsp;nbsp; Fig 4 nbsp; Change to the Channels tab and add an Alpha (fig 5), since there are four channels in this pattern. You donrsquo;t have to add the Alpha channel if you have only 3, 2 or 1 channel used for your pattern. Donrsquo;t delete any of the RGB channels. Photoshop wonrsquo;t like that. nbsp;nbsp;nbsp; Fig 5 nbsp; Copy/paste each of those masks in the correct channel (fig 6). nbsp;nbsp;nbsp; Fig 6 nbsp; With Alpha visible the image will look something like this (fig 7). nbsp; nbsp;nbsp; Fig 7 nbsp; It looks odd but this doesnrsquo;t matter as long the masks in channels are correct. Go to Save ashellip; and choose the D3D/DDS (*.DDS) file format with Alpha channel enabled. Hit Save and the DDS plug-in dialog pops up. Choose the DDS internal format 8.8.8.8 ARGB 32 bpp | unsigned from the drop down list and click Save (fig 8). nbsp;nbsp;nbsp; Fig 8 Yoursquo;re done! Now move on and import the DDs into the TSR Workshop Pattern Tool! Note: Almost all kind of meshes in the Sims 3 do have a Stencil Mask. This time they donrsquo;t hold colours but are the mask for patterns to compose the final mesh texture.

http://www.thesimsresource.com/tutorialsview-post/post/11713/ 2009-06-10T00:00:00Z pOpen TSR Workshop by double clicking the icon img src=http://images.thesimsresource.com/1191/1191247.jpg border=0 width=62 height=62 / on your desktop. Open the Pattern Tool (fig 1) under Tools in the top bar./p pimg src=http://images.thesimsresource.com/1191/1191248.jpg border=0 width=671 height=485 /nbsp;nbsp; strongFig 1/strong/p pnbsp;/p pClick the folder icon to browse and open your DDS texture (fig 2). a href=/workshop/articles/view-post/post/11712/How%20to%20create%20a%20RGBA%20Stencil%20MaskLearn how to create a DDS texture for the Pattern Tool here/a./p pYou can also import PNG and BMP files if the DDS file format is too advanced for you at this moment. Note that PNG and BMP can only save 3 channels./p pimg src=http://images.thesimsresource.com/1191/1191249.jpg border=0 width=112 height=112 /nbsp; strongFig 2/strong/p pnbsp;/p pYou should see your DDS/PNG/BMP texture appear in RGB Mask Image (fig 3)./p pimg src=http://images.thesimsresource.com/1191/1191250.jpg border=0 width=138 height=144 /nbsp; strongFig 3/strong/p pnbsp;/p pYou know from your graphic program how many channels there are. In this example there are 3 channels. Therefore the Red (1), Green (2) and Blue (3) need to be ticked. Alpha (4) not (fig 4)./p pimg src=http://images.thesimsresource.com/1191/1191251.jpg border=0 width=393 height=289 /nbsp; strongFig 4/strong/p pnbsp;/p pChoose a colour for your first channel by clicking in the white square or by pasting a Hex-colour in the appropriate field./p pimg src=http://images.thesimsresource.com/1191/1191252.jpg border=0 width=192 height=127 /nbsp; strongFig 5/strong/p pnbsp;/p pRepeat this for the other ticked channels (fig 6)./p pimg src=http://images.thesimsresource.com/1191/1191253.jpg border=0 width=389 height=287 /nbsp; strongFig 6/strong/p pnbsp;/p pYou might want to choose a different Background fill if your Red (1) channel isnrsquo;t fully opaque (fig 7). Not required for this example./p pimg src=http://images.thesimsresource.com/1191/1191254.jpg border=0 width=106 height=30 /nbsp; strongFig 7/strong/p pnbsp;/p pYou can see the results of your colour changes in the preview window (fig 8)./p pimg src=http://images.thesimsresource.com/1191/1191255.jpg border=0 width=266 height=266 /nbsp; strongFig8/strong/p pnbsp;/p pFill in the strongTitle/strong and strongDescription/strong and choose the strongCategory/strong and the strongSurface Type/strong (fig 9)./p pimg src=http://images.thesimsresource.com/1191/1191256.jpg border=0 width=387 height=139 /nbsp; strongFig 9/strong/p h2Upload Option 1/h2 pIf you wish to upload your pattern directly into your strongFilestorage/strong at TSR for easy publishing to the community, click strongUpload to TSR/strong (fig 10)./p pimg src=http://images.thesimsresource.com/1191/1191257.jpg border=0 width=127 height=37 /nbsp; strongFig 10/strong/p pnbsp;/p pThe first time you do this yoursquo;re asked to fill in your strongName/strong, strongWebsite URL/strong (TSR profile link), strongTSR Email/strong and strongTSR Password/strong in strongCreatorDetails/strong. Check lsquo;Do not ask next timersquo; if you donrsquo;t want to see this window again (fig 11)./p pimg src=http://images.thesimsresource.com/1191/1191258.jpg border=0 width=381 height=312 /nbsp; strongFig 11/strong/p pnbsp;/p pLog in to The Sims Resource and click strongSims 3 Submissions/strong in the top bar. Under the strongFilestorage/strong tab you should find your pattern and can there submit it for publishing on the site./p h2Upload Option 2/h2 pIf you want to create a strongSims3Pack/strong, click strongExport/strong (fig 12). If you didnrsquo;t use Option 1 before, you have to fill in your strongCreatorDetails/strong (See Option 1)./p pimg src=http://images.thesimsresource.com/1191/1191260.jpg border=0 width=77 height=37 /nbsp; strongFig 12/strong/p pnbsp;/p pSave your pattern to the desktop (or any other place where you will easily find it again). Double click the strongSims3Pack/strong and your pattern is installed into the game./p

Open TSR Workshop by double clicking the icon on your desktop. Open the Pattern Tool (fig 1) under Tools in the top bar. nbsp;nbsp; Fig 1 nbsp; Click the folder icon to browse and open your DDS texture (fig 2). Learn how to create a DDS texture for the Pattern Tool here. You can also import PNG and BMP files if the DDS file format is too advanced for you at this moment. Note that PNG and BMP can only save 3 channels. nbsp; Fig 2 nbsp; You should see your DDS/PNG/BMP texture appear in RGB Mask Image (fig 3). nbsp; Fig 3 nbsp; You know from your graphic program how many channels there are. In this example there are 3 channels. Therefore the Red (1), Green (2) and Blue (3) need to be ticked. Alpha (4) not (fig 4). nbsp; Fig 4 nbsp; Choose a colour for your first channel by clicking in the white square or by pasting a Hex-colour in the appropriate field. nbsp; Fig 5 nbsp; Repeat this for the other ticked channels (fig 6). nbsp; Fig 6 nbsp; You might want to choose a different Background fill if your Red (1) channel isnrsquo;t fully opaque (fig 7). Not required for this example. nbsp; Fig 7 nbsp; You can see the results of your colour changes in the preview window (fig 8). nbsp; Fig8 nbsp; Fill in the Title and Description and choose the Category and the Surface Type (fig 9). nbsp; Fig 9 Upload Option 1 If you wish to upload your pattern directly into your Filestorage at TSR for easy publishing to the community, click Upload to TSR (fig 10). nbsp; Fig 10 nbsp; The first time you do this yoursquo;re asked to fill in your Name, Website URL (TSR profile link), TSR Email and TSR Password in CreatorDetails. Check lsquo;Do not ask next timersquo; if you donrsquo;t want to see this window again (fig 11). nbsp; Fig 11 nbsp; Log in to The Sims Resource and click Sims 3 Submissions in the top bar. Under the Filestorage tab you should find your pattern and can there submit it for publishing on the site. Upload Option 2 If you want to create a Sims3Pack, click Export (fig 12). If you didnrsquo;t use Option 1 before, you have to fill in your CreatorDetails (See Option 1). nbsp; Fig 12 nbsp; Save your pattern to the desktop (or any other place where you will easily find it again). Double click the Sims3Pack and your pattern is installed into the game.