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.
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.
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.
To fill the layer with the chosen color, select the Paint Bucket Tool on the toolbar.
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.
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
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.
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 Select ➞ Color 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 Editor. Use 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 Tools ➞ Text 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.
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.