Chapter 1 | What You'll Learn
  • 01 - What You'll Learn
    1:22m
Chapter 2 | Mockup Examples
  • 01 - Tablet Mockup
    27:39m
  • 02 - Billboard Mockup
    23:51m
  • 03 - Book Cover Mockup
    25:58m
  • 04 - Toothpaste Tube Mockup
    16:04m
  • 05 - Bottle Mockup
    23:38m

How to Create Realistic Mockups in Photoshop

Description

There’s nothing quite like seeing a new product or design in a real-world environment, whether it be on packaging, a t-shirt, or plastered across a giant billboard. But getting them there can be expensive. That’s where product mockups can help!

Join us as we show you how to take text, logos, and graphics and integrate them into images using the magic of Photoshop. Learn how to wrap 2D objects around product packaging, integrate surface textures and lighting into a design, and even create a realistic digital mockup of a website on an iPad screen. By the end of this course, you’ll know how to take any design and place it into a photograph with realistic lighting, texture, and perspective.

THIS COURSE INCLUDES

  • 10 Sample Images
  • 5 Sample PSDs

Share

Product Mockups in Photoshop

Photorealistic Product Mockups

Product Mockups in Photoshop

Product Mockups in Photoshop

Place Your Designs Into Any Photo


We don’t just show you how to place some text into an image. We show you how to integrate entire designs seamlessly into an environment, recreating lighting and reflections for an ultra-realistic final image.

Product Mockups in Photoshop

Product Mockups in Photoshop

CREATE BILLBOARDS & ADS

ORIGINAL

Product Mockups in Photoshop

Whether you’re starting your own business or you’re doing work for clients, being able to create product mockups is a valuable skill that can help show what the finished product or concept looks like in the real-world. From book covers, to digital displays, to high-end packaging, we show you how to integrate text, logos, and graphics into a variety of photographed objects.

2D Graphics into 3D Environments

The biggest challenge of creating realistic mockups is integrating 2D elements into a photographed 3D environment. Learn how to warp, transform, and scale objects so that they fit seamlessly into a scene.

Lighting, Texture & Perspective

The same things that make a great a composite image also make a great product mockup. We show you how to integrate the natural lighting and reflections in a scene into a design, pull textures from surfaces and apply them to graphics, and place elements into perfect perspective.

Product Mockups in Photoshop

DIGITAL DISPLAY MOCKUPS

ORIGINAL

Digital Mockups

Being able to show a new website or app in the hands of a user is a powerful and effective way to bring your designs to life. Learn how to create ultrarealistic digital mockups, placing a graphic, website, or design into any photographed digital display.

Real-Time Revisions

Creating a great product mockup is one thing, but what if we told you that you could make real-time edits after a design is placed into a scene? Well, it’s possible with the help of Smart Objects! Learn a flexible, non-destructive workflow that uses Smart Objects to make edits and revisions a breeze.

Highlights & Shadows

We show you how to take the highlights, shadows, and reflections in an image, select them, and then apply them to any added graphical elements. This creates an amazing, photorealistic effect that makes it look as if your design was photographed in the same environment.

Print, Packaging & Digital Displays

Product Mockups in Photoshop

Product Mockups in Photoshop

Stunning Texture


If you’re applying text, graphics, or a logo to anything with fine detail, that texture needs to come through if you want the mockup to look realistic. We show you how to use hidden tools like Displacement Maps to extract texture and apply it to any design.

Product Mockups in Photoshop

Product Mockups in Photoshop

PRODUCTS & PACKAGING

ORIGINAL

Integrate Text, Shapes & Images

Mockups come in a lot of different varieties. Sometimes you just want to see what some text looks like on package. Other times you might want to try a full logo. And then there are the times you want to see text, shapes, colors, images, and logos all integrated into a single photo. We’ve got all the bases covered.

Sample PSDs Included

Not only do we walk you through multiple examples, we include the completed PSD files to help you understand how complex projects like these come together and are organized. Start an image from scratch and then compare yours to the final PSD to check your work!

Materials & Surfaces

We show you how to add graphics to reflective bottles, digital displays, fabric book covers, and more! By the end of this course, you’ll feel comfortable adding a design to almost any material in a photo.

Product Mockups in Photoshop

Product Mockups in Photoshop

INTEGRATE DETAIL & TEXTURES

ORIGINAL

Realistic Textures

Texture is important when you want to apply a design to any objects with a lot of fine detail (like fabric or book covers). We show you how to use Displacement Maps in Photoshop to extract texture and then apply it to any graphical elements for an amazingly realistic final image.

Books & Magazine Covers

Have you ever wanted to see one of your images or designs on the cover of a magazine? Well, now you can! Integrate images into book and magazine covers with ultrarealistic lighting and texture effects.

Scale, Warp & Transform

We break down the most useful Transform Tools in Photoshop, allowing you to scale, warp, rotate, and skew your designs into the perfect shape and position. Learn even more about these useful tools in The Beginner’s Guide to Photoshop.

Class Instructor

Aaron Nace

PHLEARN Founder – Class Instructor

Aaron Nace is a photographer, Photoshop artist and founder of PHLEARN. He is the #1 Photoshop instructor in the world with millions of YouTube subscribers.

View More Classes by Aaron Nace

Reviews

  1. Wow. I thought I was pretty good at Photoshop, but after learning from you I realize your skills are in a whole other league. I love how you always remember to say the shortcut you’re using. Amazing teacher and amazing tutorial. I’m going to use this to create some mockups of photographs in frames on a living room wall.

  2. Shots game, take a shot every time Aaron in some tutorial says ‘I’m not a graphic designer’ 😀 Jokes aside this is such an amazing tutorial, really so so useful, you won’t find many on the internet about creating mockups and this one covers so much, as a graphic designer and aspiring photographer/editor this is beyond 🙂 Thank you Phlearn, and thank you Aaron! Great job. Recommend.

  3. Thank you, Aaron. Another awesome tutorial.

  4. Thanks for all the practical contents and courses. And the clear and straightforward explanation help any level we are at.

  5. Very nice ! I’m an advanced user of Photoshop but i continue to learn in every lesson from you Aaron ! Thanks for this another quality course !

  6. This tutorial enables me to do mockups of my items for sale and I’m so happy to have found it, thank you! I’ve watched so many of Aaron’s tutorials he feels like an old friend.

  7. I understood what a “place linked” file was conceptually, however seeing it used with the transform and editing of techniques in this tutorial really helped me get a much better understanding of their power and utility.

  8. Really awesome techniques, Aaron! I was a graphic designer in advertising for 35 years and learned a few invaluable tricks along the way. Thanks a ton!

  9. I learned a lot! I use this in my work in farm food package design but your tutorial brought a refinement that I will use from now on. Since I am designing several products on the same packaging, these mockups are huge time savers—even if they take a bit of work initially. Thank you!

  10. This is amazing. I have never used “Place Linked”. Super cool! Thank you for this amazing tutorial!

FAQ

This tutorial includes 6 video tutorials and 10 sample images, and 5 sample PSDs.

Download the sample images and assets at the top of the page.

Yes, every tutorial on PHLEARN is included in the PHLEARN PRO Subscription.

PHLEARN PRO Logo
Where professionals learn Photoshop
Get instant access to this tutorial
Plus hundreds of PRO Tutorials, Actions & Presets.
Premium support
Cancel anytime

Learn More

We suggest using the latest version of Photoshop, but our tutorials are designed to be compatible with CS4, CS5, CS6 & Photoshop CC. Get the latest version of Photoshop from Adobe.

Download the course files at the top of this page.

You’ll find answers to some of the most common questions in our Help Center. If what you need isn’t covered, you can submit a question to our all-star customer support team and they’ll get back to you right away!

One Subscription. All of PHLEARN

Get Instant Access to Every Tutorial