Menu
Disclosure: ULTIDA's content is free & reader-supported. We may earn a commission if you click & buy through our links. Your support helps us create the best content & make a difference.
Mockups / Tutorials

How To Make A Mockup Without Photoshop (In 2022)

how to make a mockup without photoshop

I decided to create this simple guide on how to create a mockup without Photoshop after receiving multiple requests from you.

Making a mockup without Photoshop might seem challenging, but it’s pretty EASY.

With the help of an online mockup generator, Placeit, you can create all kinds of mockups for both digital and physical products.

A mockup is an effective way of demonstrating what a product will look like.

Mockups allow you to QUICKLY get feedback on your design from potential clients so you can easily make needed changes.

You can also use mockups to test product ideas and see if there’s any interest in them.

If you wanted to create high-quality mockups, Photoshop used to be the only way to do it.

Nowadays, Photoshop is not the only option anymore.

This tutorial will explain what Placeit is, show you how to use it, and create product mockups quickly.

What is Placeit?

Placeit is an online generator that you can use to create mockups as well as other types of designs.

You can use Placeit to create logos, business cards, t-shirt designs, and more.

Placeit has thousands of ready-made mockups and design templates that you can use without downloading or learning complicated software.

How To Create A Physical Product Mockup Without Photoshop

Let’s look at how you can use Place it to create a physical product mockup without Photoshop.

For the purposes of this tutorial, I’ll be creating a hoodie mockup.

Step 1: Visit Placeit

To get started, visit Placeit.

In the top bar, click Mockups and then select Hoodies to create a hoodie mockup online.

Step 2: Upload Your Design

Click the button that says Upload Your Design. Select your design image from the computer and click Upload.

You can also adjust the color of the hoodie here.

upload your design

Image by chiplanay from Pixabay.

Step 3: Adjust The Crop

Once your image has been uploaded, you’ll have the option to adjust the size of the image and crop it if needed.

Drag the slider to ensure your image displays properly.

When you’re happy with it, click Crop.

adjust the crop

Step 4: View Mockup Designs

Placeit will now apply your design to all the different hoodie designs automatically. You can browse through them to find the one you like best.

view mockup designs

Step 5: Edit Your Chosen Mockup

When you find a design you like, click on it to see the larger size (it opens the generator).

This will also allow you to upload a different image if you decide you don’t like how the design looks.

You can also add text, change the color of the hoodie, and upload your logo.

Step 6: Download The Finished Mockup

When you’re happy with the finished design, you can download the mockup to present it to your client.

You have two choices:

  • 1. Download just the single mockup
  • 2. Sign up for a Placeit subscription and get access to unlimited mockups and other designs

download the finished mockup

A single mockup, in this case, is priced at $7.95 while a Placeit subscription is available for $14.95/mo or $89.69/year.

How To Create A Mug Mockup Without Photoshop

Now let’s take a look at how you can create a mug mockup without Photoshop.

Step 1: Visit Placeit

As before, visit Placeit and select Mockups > Mugs.

Here, browse through mug mockups until you find one you like, then click on it.

how to create a mug mockup without photoshop

Step 2: Upload Your Design

Your chosen mug mockup will load and then you can click the blue button that says Insert image to upload your mug design.

You can upload an image from your device or from a URL.

Step 3: Adjust Image

Next, you can adjust the crop by dragging the slider below the image to ensure your cover displays correctly.

Click Crop when you’re done.

Step 4: Preview And Customize The Design

You’ll now have the option to further customize the design by adding text, logo, or a graphic.

When you’re done customizing your design, you can download it.

Step 5: Download The Mockup

Click the Download button to download your finished mockup.

Again, you can choose between a single mockup for $7.95 or a monthly or yearly subscription which gives you access to unlimited mockups.

download the mockup

5 Best Placeit Mockup Examples

Now that you know how to use Placeit to create mockups, let’s look at some of the mockup templates available on Placeit.

1. Hoodie Mockup On A Solid Surface


This hoodie mockup is a great choice if you want to show your design against a solid surface.

The mockup is shot from above and can be used to display how the finished design will look on store shelves.

MORE INFO / DOWNLOAD

2. Realistic T-Shirt Mockup

If you want to show how your t-shirt design will look in a realistic setting, this t-shirt mockup is a good choice.

You can easily use this mockup to create an attractive product image for your online store.

Note: We also have a full guide on how to make a T-shirt mockup without Photoshop.

MORE INFO / DOWNLOAD

3. Tote Bag Mockup

Consider this tote bag mockup if you’re working on a tote bag design.

The design shows a tote bag hanging off the chair, so it will be easy for your clients to see how the tote bag will look in their home.

MORE INFO / DOWNLOAD

4. Packaging Mockup

If you sell physical products or if you’re a designer working on brand identity, this mockup is a great way to showcase brand packaging design.

MORE INFO / DOWNLOAD

5. Face Mask Mockup

Custom face masks are in demand due to the current situation. With this mockup, you can present custom face mask designs quickly and easily.

MORE INFO / DOWNLOAD

Final Thoughts

As you can see from the two examples above, you can easily create a mockup without Photoshop.

Use Placeit to quickly and easily create all kinds of mockups for your digital and physical products.

No Comments

    Leave a Reply