1. Home
  2. Make a Shirt for Beginners
  3. Making a Shirt – Customizing in Photoshop
  1. Home
  2. Learning
  3. Get Creating
  4. Making a Shirt – Customizing in Photoshop

Making a Shirt – Customizing in Photoshop

This is a section of the tutorial Making a Shirt.

To customize the look of your shirt, you need to edit the textures in your preferred image editing software. In this tutorial, you will see how to use basic Photoshop features to make quick changes in the product’s textures.

To get the image files that you will need for editing, see the Making a Shirt tutorial.

Editing the Texture’s Color

STEP 1. Open the texture in Photoshop by clicking the menu item File ➞ Open and navigating to where you saved the textures from the product page.

You can also open files by dragging and dropping the image file into Photoshop.

To ensure you see everything correctly, check that the texture is set to RGB Mode. To do this, go to the top menu and click on Image ➞ Mode ➞ RGB Color.

STEP 2. Add a new layer on top of the original image. The easiest way to change the color of this texture is to make a new layer. To do so, look for the toolbar on the right bottom corner of the screen and click the add layer button

STEP 3. Choose the color you want to add to your texture. Start by setting the foreground color.

Foreground and Background Color swatches

In this image the foreground color is black and the background color is white.

Click on the foreground color swatch to bring up the the Color Picker and select a color you would like to use for your shirt. In this tutorial we are going to choose purple.

Once you have decided which color are you going to use for your shirt, click OK.

Setting and saving colors

To apply the same color to all your textures, take note of the number that appears in the # field (HTML Notation) or add the color to your Color Library by clicking the Add to Swatches button.

To fill the layer with the chosen color, select the Paint Bucket Tool on the toolbar.

The Paint Bucket Tool is grouped with the Gradient Tool in the toolbar. If you cannot find it, click and hold the Gradient Tool to access it.

Move the mouse over the shirt and click on it to fill the layer with your selected color.

STEP 4. Change the layer mode to Color.

Layer Modes

Selecting a layer mode changes the appearance of the layer, based on the layers beneath it. Photoshop offers a ton of other layer modes that you can use to achieve different effects! Experiment with various modes to see which will fit your texture best.

CONGRATULATIONS! The front of your shirt has a new look! Now let’s spice it up a little more by adding text and images!

Adding Images, Text, and Other Design Elements

When choosing an image...

… always go for copyright-free works. They may either be licensed or royalty-free. Handmade images are also great options!

Using copyrighted and trademarked images and logos is a violation of the IMVU Virtual Goods Policy. To learn more about the types of images allowed in IMVU, check out our Virtual Goods Policy.

Let’s add an image!

STEP 1. Select your texture file from File Explorer (Windows) or Finder (Mac), and drag and drop the image you have chosen onto the project in Photoshop.

STEP 2. To resize the image, go to the menu item Edit > Free Transform or simply hit Ctrl + T on your keyboard.

Click and drag the resize handles at the corners of the image to adjust its size.

To retain the proportion of the image while resizing, hold the Shift key.

To adjust the position, drag the center square of the tool.

Once you’re finished adjusting the image, click the check box or press the “enter” key on your keyboard to apply the changes.

STEP 3. Remove the white background of your image layer by going to SelectColor Range and clicking on the white pixels. Tap the Delete button on your keyboard to erase the background.

STEP 4. Add a gradient to the image layer!

To add a gradient, you can use the Gradient Overlay tool. Just select the menu item Layer ➞ Layer Style ➞ Gradient Overlay.

Click on the Gradient to bring up the Gradient EditorUse Angle to adjust the direction the gradient.

In the Gradient Editor you can change the colors of the gradient by double-clicking on the color stops or by selecting a color stop and clicking the Color swatch. This will bring up the Color Picker.

Use the color picker to choose the color combination you want to use. This will affect all the pixels present on the chosen layer.

Let’s add some text!

STEP 1. Add some text by selecting the menu item ToolsText or by simply clicking the Text Tool and clicking where you want the text to appear. You can then customize the font, size, and color.

STEP 2. Add a gradient to the text layer the same way you did for the image layer!

Save your work!

Save the changes by going to the top menu and click on File ➞ Save As …

Select the folder where you want to save the texture, name it, and click on Format.

A window pops up.

Select JPEG and click on the Save button.

A new window appears. Click OK.

The new texture has been saved in your chosen folder.

Add More!

Add other design elements like stripes or whatever you can imagine using the techniques described above. You can do it! Use your power of creativity and imagination!

CONGRATULATIONS! You are well on your way to becoming a Master Creator! Keep up the great work!

Now that you have made your textures you can return to the Making a Shirt tutorial and continue Creating Your Product.

Updated on September 27, 2021

Was this article helpful?

Related Articles

Discuss this!
Ask questions and get answers in our Creator Discussions.