Photoshop Production Example: Making T-shirt Pattern Tutorial – Production Example

Author:Author:nicon Source:Enet Silicon Valley Power

The hot summer is here, and it’s the season of personalized T-shirts. In this tutorial, we will use PS to create a HIPOP-style T-shirt pattern…
During the production process, a large number of deformation tools in PS were used, as well as the use of other tools. (The PS version used in the tutorial is CS3) OK, let’s take a look at the final renderings.

Let’s start making it:

1. First create a new document in PS, create a new layer, and use the brush tool to draw a rough outline of the pattern in the new layer. Here I roughly position the text and characters in the pattern. After the outline is drawn, I name the new layer “guides” as shown below:

2. Select the Elliptical Marquee Tool, set it to a shape layer, and set its color to dark purple. Drag an elliptical selection in the picture and continue to use the Elliptical Marquee Tool to create a layer. Then hold down the CTRL key and select 2 layers, and then press the ‘Subtract from Shape Area’ button in the shape layer. The result is as follows Shown:

3. Now let’s add text. Make the text as large as possible. (I use Hobo Std for the font here) Enter your favorite text. Then execute Layer-Text-Convert to Working Path in the Edit menu. The result is as follows:

4. Execute the Edit-Transform-Change command to transform the text. I tend to drag anchor points from the corners and then adjust the other anchor points. The use of the deformation tool can also be adjusted according to your personal habits, just feel it:) Adjust the anchor point repeatedly until the result is as follows:

5. The color of the text is now too uniform and a bit monotonous. We then adjust the color of some text. Double-click the text layer that needs to be adjusted and add a stroke layer style. Set the size to 7 pixels, the position to: external, the blending mode: normal, the opacity: 100%

The result is as follows:

6. Copy the top layer of text, use the color overlay command in the layer style to set the color of the copied layer to green and use the move tool to move 2 digits to the lower right. pixels, the result looks like this:

7. In order to bring the pattern closer to the wrinkle effect of the T-shirt, we need to add some texture to the pattern. Here I found an old kraft paper material, copied and pasted it into the currently edited pattern, placed it on top and set the layer blending mode to Linear Light.

The result is as follows:

8. The text part has been completed so far. Now let’s edit the character’s pattern. Open a photo of a person, go to the Channels panel and make a copy of the blue channel, then use the Curves command to adjust it as shown below. Then copy the red channel again and adjust it again using the curve settings just now. Then load the 2 channel copies as selections. The result is as follows:

9. Create a new layer and fill the selected layer with a single color. Then open Image-Adjustments-Valve Count until the result looks like this:

10. Now create a new layer on the top layer, use the pen tool to make the following path, and then press CTRL+ENTER to convert it into a selection

The results are as follows:

11. Drag the previously edited character pattern into the current selection, execute the Select-Invert-Select-Delete command, and then execute Edit-Transform-Horizontal Flip and then sit down and adjust slightly. The final effect is as follows:

Author:Author:nicon Source:Enet Silicon Valley Power

The hot summer is here, and it’s the season of personalized T-shirts. In this tutorial, we will use PS to create a HIPOP-style T-shirt pattern…
In the production process, a large number of deformation tools in PS are used, and of course other…The use of these tools. (The PS version used in the tutorial is CS3) Okay, let’s take a look at the final renderings.

Let’s start making it:

1. First create a new document in PS, create a new layer, and use the brush tool to draw a rough outline of the pattern in the new layer. Here I roughly position the text and characters in the pattern. After the outline is drawn, I name the new layer “guides” as shown below:

2. Select the Elliptical Marquee Tool, set it to a shape layer, and set its color to dark purple. Drag an elliptical selection in the picture and continue to use the Elliptical Marquee Tool to create a layer. Then hold down the CTRL key and select 2 layers, and then press the ‘Subtract from Shape Area’ button in the shape layer. The result is as follows Shown:

3. Now let’s add text. Make the text as large as possible. (I use Hobo Std for the font here) Enter your favorite text. Then execute Layer-Text-Convert to Working Path in the Edit menu. The result is as follows:

4. Execute the Edit-Transform-Change command to transform the text. I tend to drag anchor points from the corners and then adjust the other anchor points. The use of the deformation tool can also be adjusted according to your personal habits, just feel it:) Adjust the anchor point repeatedly until the result is as follows:

5. The color of the text is now too uniform and a bit monotonous. We then adjust the color of some text. Double-click the text layer that needs to be adjusted and add a stroke layer style. Set the size to 7 pixels, the position to: external, the blending mode: normal, the opacity: 100%

The result is as follows:

6. Copy the top layer of text, use the color overlay command in the layer style to set the color of the copied layer to green and use the move tool to move 2 digits to the lower right. pixels, the result looks like this:

7. In order to bring the pattern closer to the wrinkle effect of the T-shirt, we need to add some texture to the pattern. Here I found an old kraft paper material, copied and pasted it into the currently edited pattern, placed it on top and set the layer blending mode to Linear Light.

The result is as follows:

8. The text part has been completed so far. Now let’s edit the character’s pattern. Open a photo of a person, go to the Channels panel and make a copy of the blue channel, then use the Curves command to adjust it as shown below. Then copy the red channel again and adjust it again using the curve settings just now. Then load the 2 channel copies as selections. The result is as follows:

9. Create a new layer and fill the selected layer with a solid color. Then open Image-Adjustments-Valve Count until the result looks like this:

10. Now create a new layer on the top layer, use the pen tool to make the following path, and then press CTRL+ENTER to convert it into a selection

The results are as follows:

11. Drag the previously edited character pattern into the current selection, execute the Select-Invert-Select-Delete command, and then execute Edit-Transform-Horizontal Flip and then sit down and adjust slightly. The final effect is as follows:

<!–Collectio