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

Monday, March 16, 2020

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

Final 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.

Step 2

To start off, click Upload Your Design Here.

Step 3

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

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.

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.

Step 6

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

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.

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).

Step 9

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

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.

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.

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.

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!

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.