Tuesday, November 28, 2023
HomeVideo EditingTips on how to Create a Sweatshirt Mockup in Photoshop

Tips on how to Create a Sweatshirt Mockup in Photoshop


On this tutorial, you may learn to do a sweatshirt mockup in Photoshop. I will clarify every part in a lot element that everybody can learn to create 3D mockups, even those that have simply opened Photoshop for the primary time.

Need to get a sweatshirt design mockup straight away? Take a look at this Sweatshirt Mockup over on Envato Components, the place you’ll be able to select from varied product mockups.

What You will Be taught in This Sweatshirt Design Mockup Tutorial

  • Tips on how to create a 3D mockup in Photoshop
  • Tips on how to create 3D mockups
  • Tips on how to create a sweatshirt mockup
  • Tips on how to make a sweatshirt mockup template
  • Sweatshirt mockup concepts

What You will Want

To recreate the sweatshirt mockup above, you will want the next sources:

1. Tips on how to Begin Making a Sweatshirt Mockup Template

On this part, we’re going to begin creating the Photoshop sweatshirt template. First, we’d like a sweatshirt 3D mannequin—I will use Males Spherical Neck Sweatshirt from Envato Components.

downloading 3d modeldownloading 3d modeldownloading 3d model

2. Tips on how to Do a Sweatshirt Mockup From the Entrance Perspective

Step 1

On this part, we’re going to create a sweatshirt design mockup from the entrance perspective. Click on on the View 360 Render to regulate the angle to the entrance, set Obtain as to PSD, and select Obtain this Angle.

adjusting 3d model perspectiveadjusting 3d model perspectiveadjusting 3d model perspective

Step 2

Now we now have our 3D mannequin prepared. Go to File > Open, select the PSD file that we now have simply downloaded, and click on Open. Then, disguise the Shadows layer.

removing shadowremoving shadowremoving shadow

Step 3

Choose the Topic [Flat] layer, set the foreground shade to #ff0000, select the Rectangle Software (U), click on contained in the canvas, and drag to create a brand new rectangle form layer in a dimension that covers the entrance of the sweatshirt. 

creating new rectangle shape layercreating new rectangle shape layercreating new rectangle shape layer

Step 4

Now press Management-T in your keyboard to remodel this layer, and set the Width and Peak to 125%.

transforming layertransforming layertransforming layer

Step 5

Proper-click on this layer and select Convert to Sensible Object. Then, press Management-T to remodel this layer, and set the Width and Peak to 85%.

transforming layertransforming layertransforming layer

Step 6

Now press Management-Alt-G to create a clipping masks.

creating clipping maskcreating clipping maskcreating clipping mask

Step 7

Double-click on this layer thumbnail, and within the newly opened file, disguise the Rectangle 1 layer. Then, go to File > Open, choose the PSD design file from the hyperlink and select Open. Within the newly opened file, choose and open the White folder, disguise the Sample Overlay impact from all of the layers, Proper-click on this folder, and select Convert to Sensible Object. After that, drag the design to the good object file, and rework and place it as proven under:

placing design into smart objectplacing design into smart objectplacing design into smart object

Step 8

Now go to File > Save to save lots of the adjustments, and shut this file. Then, return to the mockup file, choose the Rectangle 1 layer, and title it Design. Subsequent, Proper-click on this layer and select Yellow to mark it with a yellow shade so it is simpler to search out because it’s the principle layer for the mockup.

placing design over sweatshirtplacing design over sweatshirtplacing design over sweatshirt

Step 9

We have to displace the design over the sweatshirt to make it look extra sensible, so we have to create a displacement map. Go to Picture > Duplicate to duplicate this file, and within the newly opened file, disguise the Design layer and present the Depth folder. Then, choose the principle folder, and press Management-Alt-Shift-E in your keyboard to make a screenshot.

making screenshotmaking screenshotmaking screenshot

Step 10

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px. Then, go to Picture > Mode and alter the Mode to 8 Bits/Channel. Subsequent, go to File > Save As to save lots of the file as a PSD, and shut it.

adding gaussian blur filteradding gaussian blur filteradding gaussian blur filter

Step 11

Return to the mockup file, choose the Design layer, go to Filter > Distort Displace, and set the Horizontal and Vertical Scale to 25, Displacement Map to Stretch To Match, and Undefined Areas to Repeat Edge Pixels. When requested to decide on the displacement map, choose the PSD file that we now have beforehand saved.

adding displace filteradding displace filteradding displace filter

Step 12

Now select the Transfer Software (V), and middle the design with the sweatshirt.

centering designcentering designcentering design

You Made It!

Congratulations, you’ve got succeeded! You have realized methods to create a Photoshop sweatshirt template. This time, we now have created a entrance view, however by utilizing these methods, you can too create sweatshirt mockups in different views. Right here is our remaining outcome:

final resultfinal resultfinal result

Sweatshirt Mockup Template Examples From Envato Components

Need to see extra Photoshop sweatshirt templates? Take a look at this checklist of mockups from Envato Components.

Sweatshirt Mockup (PSD)

sweatshirt mockupsweatshirt mockupsweatshirt mockup

If you wish to save time with a ready-made mockup, then try this high-quality and photorealistic sweatshirt mockup. The sweatshirt is absolutely layered and customizable, so you’ll be able to change/take away the background, colours, shadows, and reflections.

Sweatshirt Mockup (PSD)

sweatshirt mockupsweatshirt mockupsweatshirt mockup

This sweatshirt mockup is made to be able to simply add your design and alter the colour of any half. The mockup is excessive decision and extremely detailed.

Uncover Extra Superior Tutorials and Assets

Did you want this tutorial on methods to do a sweatshirt mockup? Then you might also like these sources:

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments