Changing Graphics on Shirts... (Photoshop CS4/TSR Workshop)

Tutorials for The Sims 3.

Changing Graphics on Shirts... (Photoshop CS4/TSR Workshop)

Postby psychedelicsim » February 12th, 2014, 4:39 pm

This tutorial will show you how to change the existing stencil on a shirt and replace it with the graphic of your choice. I will be using the TSR Workshop v2.0 and Adobe Photoshop CS4. Please keep in mind that this tutorial assumes you have a general knowledge of meshes, the TSR Workshop and Adobe Photoshop.

*NOTE: We will be working with DirectDraw Surface (.dds) file formats. To be able to edit them in Photoshop, you must download and install the NVIDIA DDS Plugins if you have not already done so.

Open up the TSR Workshop and go to Create New Project > Clothing, then click on the Next > button down in the right bottom corner.

Image

You should now see a list of categories for babies, toddlers, etc. Select the plus sign beside Child > Male and choose Athletic. This should bring up a selection of clothing in the right window. Scroll down and select cmTopShirtTee, then click on the Next > button in the bottom right corner.

Image

This will take you to the project details page. Here, you will give your project a name and title. Before filling out this information, we need to choose a graphic for our t-shirt. I have chosen the image below. It’s best to use an image that has a transparent background, such as a PNG.

Image

Choose an original name that goes with the graphic and shirt we have chosen. You must do this step so you don’t overwrite the original file. After you have selected your project name and title, click on the Next > button. The screen that comes up should say Finished. Click on the OK button in the bottom right corner.

Image

You will now see the meshes being loaded so we can edit the shirt. Click on the Texture tab in the upper right corner. This will show us the various sections of the shirt that are available for editing. Scroll down and select the plus sign beside Stencils > Stencil C. This will open up the texture we will be changing.

Image

Click on the Edit button beside the texture. This will pop up the Image Editor window. Here you will see the original stencil that is currently on the shirt. This is what we will be replacing with our graphic.

Image

Now it is time to export the texture so we can edit the graphic. Click on the Export button in the upper left corner. This will bring up a window where you can choose the location to save your file. I like to create a folder on my hard drive where I can store all of my working files and name it the same as the project name I chose earlier. As you can see in the screenshot below, it will save your project file in DDS (DirectDraw Surface) format. Leave the current default file name and click Save.

Image

Now it’s time to open up Adobe Photoshop. If you haven’t already, you will need to download and install the Photoshop DDS plugins. Open up the DDS file we just exported and make sure that Convert Images to 16 bits is selected in the NVIDIA DDS Read Properties box. Click OK to open the file. You will see the original stencil with a white background. Open up the graphic you have chosen to replace the default stencil. It will need to be resized so it is around the same size as the original stencil. You will probably need to adjust the size a few times to get it to the size it needs to be. Copy and paste your graphic onto the texture file.

Image

Move your graphic over top of the original stencil. Next, go down to the Layers/Channels/Paths box and select the Background layer. Click on the trash can icon at the bottom of the window to delete the layer.

Image

In the next step, we will be creating an Alpha channel for our new stencil. To do this, go up to the top menu and choose Image > Duplicate and click OK on the box that pops up. This will make a copy of our original texture.

Image

With the copy of the image selected, go up to Image > Adjustments > Brightness/Contrast. Move the Brightness slider all the way to the right and the Contrast slider all the way to the left. This should change the graphic to white.

Image

Next, go to the left tool menu and select the Paint Bucket Tool. Now, go to the Color Picker tool at the bottom and change the foreground color to black (#000000). Using the paint bucket tool, click somewhere on the transparent part of the image. It should now be all black except for the graphic, which should still be white.

Image

Go up to Select > All. Once the entire image is selected, go to Edit > Copy. Now, switch back to the original image. Go up to Layer > Flatten Image. Next, go up to Layer > New > Layer and click on the OK button on the box that pops up. This will create a new layer for our Alpha image. After you have created the new layer, go to your Layers/Channels/Paths box and make sure the new layer is selected. Click on the Channels tab and select Alpha 1.

Image

Go up to the top menu and choose Select > All. Next, go to Edit > Paste. This will paste our new Alpha channel over top of the old one. After you have completed this step, click on the Layers tab and make sure the Background layer is selected. Go up to Layer > Flatten Image. The image should now look like the screenshot below.

Image

Now it is time to save our new image. Go up to File > Save. A NVIDIA dds format box will pop up. Make sure that DXT5 ARGB 8 bpp | interpolated alpha is selected from the dropdown menu. Click Save.

Image

Go back to the TSR Workshop. Now we need to import our new image. Make sure the image editor is open if it isn’t already and click on the Import button in the upper right corner. The folder where you saved your image should pop up. Select the new DDS file and click OK. You should now see your new stencil where the old one used to be. Click the Done button.

Image

You should now see the new stencil on the preview Sim in the left window. Now that we have our new stencil in place, it is time to change the color of the shirt so it matches the graphic. Scroll up to Patterns and click on the color swatch next to Pattern A. Click on the Edit button and the Pattern Editor window should pop up. Open the color dropdown menu and change the RBG colors to whatever you would like. I’m using blue because it matches one of the colors in the graphic I chose. After you are happy with the color, click the Done button.

Image

Repeat the same process with patterns B and C. If you would like to create a ringer tee, you can change the color swatch on Pattern B to a different color.

Image

Once you are satisfied with the colors of your t-shirt, we need to change one more thing in the Texture tab. At the top, you will see a dropdown menu with the name cmTopShirtTee. If you click the arrow to open the menu, you will see 4 different variations of our shirt. Since we only want to have the shirt with the stencil that we changed, choose the second variation and click on the dropdown menu next to the Advanced Mode (A) icon. Select Delete. Do this for the remaining variations, making sure you do not delete the first one.

Image

It is now time to save our project. Go up to File > Save. Navigate to your project folder and save your file using the name you chose earlier. You should not need to change anything. It will save your file in WRK (workshop file) format. Click the Save button. Now we need to export our file into Sims3Pack format. Go up to File > Export > To Sims3Pack. The CreatorDetails box should pop up. Fill in your details and click OK. The Save As window should pop up next. Choose a name for your Sims3Pack file and click Save. After it is finished, a box saying Export Done! should pop up. Click OK.

Image

Now it is time to test our new shirt out in the game. Go to your project folder and double-click on the Sims3Pack file to install it. Open up your game and go to Create a Sim to preview your new shirt. It should show up in the everyday, formal, sleepwear and athletic clothing categories under Tops for a male child Sim.

Image

You’re all done!
User avatar
psychedelicsim
Administrator
Administrator
 
Posts: 3324
Joined: January 30th, 2014, 1:43 pm
Country: United States (us)

Return to TS3 - Tutorials

Who is online

Users browsing this forum: No registered users and 1 guest

cron