In this tutorial we will learn how to create a T-shirt mockup with the Texture Brush Tool and Texture panel in Texturino. These methods will not only allow you to use textures in a more convenient way, but also to draw shadows and highlights to create volume on absolutely flat vector objects directly in Adobe Illustrator.

Create T-shirt Mock-up with Texturino in Illustrator: Final

Step 1

First, let's create the T-shirt shape with a light gray fill using the Pen Tool.

Now draw the neck of the T-shirt, which consists of two shapes. You can delete any pieces of the neck that go beyond the t-shirt using the Shape Builder Tool.

Step 2

Now let us add volume to the T-shirt using Texturino. This plug-in allows you not only to conveniently work with textures, but also to draw creating soft shadows and highlights on vector objects.

Let's see how it's done. First, open the Texture panel. To do this go to Window > Texturino > Texture panel or just click on the Texture Tool icon in the Tools panel.


For drawing, we will also need the Texture Brush panel. Go to Window > Texturino > Texture Brush panel or click on the Texture Brush Tool icon in the Tools panel.


It is better to draw using a graphic tablet, Wacom producing the best. This will allow you to use all the features of the Texture Brush Tool. Select the shape of the T-shirts, then choose the "Shadows and Highlights" category and "Shadow" texture in the Texture panel.


Click on the Plus icon in the Texture panel. The T-shirt is now colored in black.


Set 0% Opacity for mask in the Texture Brush panel, choose Shadow for Target Texture, then click on the Reset Mask button. As a result of these actions, the selected object will return to the original color.

Step 3

Turn your Wacom Pen on the eraser side and sweep over the T-shirt. You can also draw with the regular side of the pen, but in this case, hold the Opt / Alt key.

As you can see, in the place of the brush strokes we now get a dark mark.


You can delete some or the entire brush stroke. For this, use the regular side of the pen.


Now, as you have mastered the technique of creating the shadow, we need to choose the parameters of the Texture Brush Tool for convenient work. To create soft shadow on the sides of the T-shirt, set a large brush size, Hardness = 0%, Opacity = 2% and choose Opacity Control: Pressure.
Sweep the brush several times in the right places, taking into account the fact that the shadow on the edges of the T-shirts has to be darker.

Although low opacity will require you to do more brush strokes, it will allow you to avoid big mistakes and have full control over the process of creating the shadow. For clearer and darker shadows in the folds of the fabric, reduce the brush size, increase the opacity and select Pressure from the Size Control options.

Step 4

To create highlights, choose the "Highlight" texture in the Texture panel.


Further actions are similar to those used to create the shadows. Apply the "Highlight" texture to the object with the Texture panel by clicking on the Plus icon.

Set to 0% Opacity, Target Texture: Highlight and click on Reset Mask button in the Texture Brush panel.

Now we can lighten the necessary areas using a Texture Brush Tool.

Perhaps, in order to achieve the best results you will have to work more with the shadows after creating highlights. Select Target Texture: Shadow in the Texture Brush panel. Now we can continue working with the shadows using the Texture Brush Tool.

Using already familiar techniques, create shadows on the neck.

The white T-shirt mock-up is now ready.

Step 5

We can easily change the color of the T-shirt, for this you just need to recolor the vector objects. In my opinion, it is faster and more convenient to do this using the Hue/Saturation feature of Phantasm (Effect > Phantasm > Hue/Saturation… or Object > Filters > Phantasm > Hue/Saturation).

Step 6

And of course, we can add a picture or texture to this mock-up with Texturino. For example, choose the Mono blobs texture in the Texture panel, select the T-shirt and click on the Plus icon.

With the help of the annotation system we can change the blending mode (in this case, I chose Soft Light), opacity, scale and rotate texture with a control.

I hope this tutorial has been useful for you, and that you'll use Texturino to create great clothing mock-ups!

Pin It on Pinterest

Share This

Sign up for Tips, Tricks, Discounts + Updates!

 

You have Successfully Subscribed!

I didn't know Illustrator could do that!

Sign up forTips, Tricks, Updates + Discounts straight to your inbox!

High Fives! You're now successfully subscribed