7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Design & Illustration
  2. Product Mockup

How to Create a Hoodie Mockup (Using an Online Hoodie Template)

Scroll to top
Read Time: 3 mins
Final product imageFinal product imageFinal product image
What You'll Be Creating

If you’re a designer and you want to create a hoodie mockup of your design, you can do it very quickly by using a blank hoodie template. Placeit is an online mockup generator that offers hundreds of pullover hoodie mockup templates, ready to use without Photoshop. In this tutorial, I'll give you a couple of tips on how to use it to create a perfect hoodie mockup!

Follow along with us over on our Envato Tuts+ YouTube channel:

How to Create a Hoodie Mockup (Using an Online Hoodie Template)

Step 1

Go to Placeit.net. Navigate to Mockups and find the Hoodies tab.

go to placeit mockup generatorgo to placeit mockup generatorgo to placeit mockup generator

Step 2

To start off, click Upload Your Design Here.

upload your designupload your designupload your design

Step 3

Select your file. It’s best to use an image without a background. I used this image.

select the fileselect the fileselect the file

Step 4

Crop the image with the slider. You don’t have to do it perfectly at once—you’ll have a chance to adjust it later.

crop the imagecrop the imagecrop the image

Step 5

Your design will be applied to all the mockup templates in the library. If you have a specific hoodie color in mind, you can select it now to make these mockups more similar to your idea. For example, if you want a black hoodie template, pick black and all the examples will show a black hoodie.

select the colorselect the colorselect the color

Step 6

Now you can browse the library and select the mockup you like the most. I chose this one.

black hoodie templateblack hoodie templateblack hoodie template

Step 7

Each mockup has its own settings that you can adjust. For example, here you can add a separate design for one more hoodie. Let’s upload the same design, to show how it looks on a hoodie of a different color.

mock up hoodiemock up hoodiemock up hoodie

Step 8

If you don’t like the original cropping, you can change it here (1). You can also change the colors of both hoodies (2), or add some text (3).

adjust your hoodie mockupadjust your hoodie mockupadjust your hoodie mockup

Step 9

When you’re done, just scroll up and click Download.

download your mockupdownload your mockupdownload your mockup

Blank Hoodie Templates

Dad and Daughter Hoodie Mockup

You can show two sizes of the same hoodie, or two different hoodie styles with this hoodie mockup template. Present matching outfits, or simply show the versatility of your offer in one image.

dad and daughter hoodie mockupdad and daughter hoodie mockupdad and daughter hoodie mockup

Both Sides View Hoodie Mockup

If your hoodie is supposed to have a design on both sides, you can use this hoodie template to show them both at the same time! This mockup also allows you to change the background color, or remove it altogether.

Both Sides View Hoodie MockupBoth Sides View Hoodie MockupBoth Sides View Hoodie Mockup

LGBT Hoodie Mockup

If your design is supposed to reach specific groups of people, you can make it more successful by including members of this group in your mockup. This hoodie mockup is great for any Pride-related designs! As a bonus, it includes a T-shirt mockup.

LGBT Hoodie MockupLGBT Hoodie MockupLGBT Hoodie Mockup

Nature Scene Hoodie Mockup

If you want to make your hoodie mockup less obvious, you can hide it among a complex scenery. This hoodie template includes a detailed background, multiple characters, and natural poses—you wouldn't notice this is a mockup if someone didn't tell you!

Nature Scene Hoodie MockupNature Scene Hoodie MockupNature Scene Hoodie Mockup

Flat Lay Pullover Hoodie Template

Or maybe you don't want to show any models in your mockup—just the hoodie? This template is simple, yet very effective. You can add a texture to the material of the hoodie, change the background, and add multiple graphics and text fields for a full-blown promo image.

Flat Lay Pullover Hoodie TemplateFlat Lay Pullover Hoodie TemplateFlat Lay Pullover Hoodie Template

Good Job!

Now you know how to create a hoodie mockup using a hoodie design template.

pullover hoodie mockup templatespullover hoodie mockup templatespullover hoodie mockup templates

If you want to learn more about creating mockups for apparel design, try these tutorials as well:

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.