Realistic mockups in Photoshop: a mock hardcover book titled 'Success Principles' with a blue cloth cover, resting on a wooden log outdoors.

How to Create Realistic Mockups in Photoshop

THIS COURSE INCLUDES

  • 5 Lessonsfollow-along
  • 1h 57mof HD video
  • Intermediatesome Photoshop basics
  • 10 Sample Imagesto follow along
  • 5 Layered PSDsto follow along
  • Captionsand chapters on every lesson
Included in PHLEARN PRO

Join PHLEARN PRO for instant access to this course and every tutorial on PHLEARN.

  • Stream in up to 4K on any device
  • Closed captions and chapters on every course
  • Download all sample images and PSDs
  • New PRO tutorials every month
  • Cancel anytime
Start Watching

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 create realistic mockups in Photoshop, taking text, logos, and graphics and integrating them into real photos. 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.

What You’ll Learn

  • Place any design into a real photo convincingly
  • Wrap graphics onto packaging, tablets, and billboards
  • Match perspective and lighting for a believable mockup

Table of Contents

Course Introduction
  • 01 - What You'll Learn
    1:21m
Realistic Mockups
  • 01 - Tablet Mockup
    27:38m
  • 02 - Billboard Mockup
    23:50m
  • 03 - Book Cover Mockup
    25:57m
  • 04 - Toothpaste Tube Mockup
    16:03m
  • 05 - Bottle Mockup
    23:37m

Photorealistic Product Mockups

Blank white cosmetic bottles beside a jar and dropper on a marble counter
The same bottles with a COSMO Cosmetics label mocked up realistically onto them
AfterBefore
Featured Technique

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.

Blank white billboard on the side of a brick building
The billboard with a colorful Sweet Shop candy poster mocked up onto it
CREATE BILLBOARD MOCKUPS (CANDY PHOTO BY KARL TAYLOR)ORIGINAL

Realistic Mockups in Photoshop for Products

Whether you’re starting your own business or you’re doing work for clients, being able to create realistic mockups in Photoshop 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 composite image also make realistic mockups in Photoshop. 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.

Hands holding a tablet with a blank screen on a white desk
The tablet with a photo website mockup displayed realistically on the screen
DIGITAL DISPLAY MOCKUPSORIGINAL

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 realistic mockups in Photoshop for digital devices, placing a graphic, website, or design into any photographed digital display.

Real-Time Revisions

Creating realistic mockups in Photoshop 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.

Blank book cover on a textured surface
The book cover with a design applied, matching the texture with a displacement map
BOOK & COVER MOCKUPSORIGINAL
Featured Technique

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.

Blank white tube of toothpaste beside a bamboo toothbrush
The tube with a Clean Day label mocked up onto it
PRODUCTS & PACKAGINGORIGINAL

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.

Aaron Nace, founder of PHLEARN

Class Instructor

Aaron Nace

PHLEARN Founder & Lead Instructor

Aaron Nace is a photographer, digital artist, and the founder of PHLEARN. Since 2011 he has taught millions of people to edit with confidence in Photoshop and Lightroom, on YouTube and in PHLEARN PRO, and he has been a featured speaker at Adobe MAX for more than eight years.

Every PRO course comes with the sample images and PSDs to follow along step by step, and Aaron adds new courses and free tutorials all year.

  • 2M+YouTube subscribers
  • 160M+video views
  • 1,000+tutorials published
  • 15years teaching Photoshop

Special thanks to Karl Taylor for providing the images used in this tutorial.

Reviews

  1. The book cover tutorial is excellent. Aaron adds another layer of contrast by using the Red channel is like cherry on the top. I find that if we use the blend mode Pin Light on the smart object layer, the result is more natural than the displacement filter offers. Aaron and his team give their best to their tutorials. I’ve learnt so much within so little time.

    • That Red channel trick is one of my favorite little secrets, so I’m glad it landed for you. Also really appreciate you sharing the Pin Light tip on the smart object layer, that’s a great alternative and I might have to steal it for a future tutorial.

  2. Very good examples, thanks.

  3. I knew you had this lesson, and I would do it when I needed it. Well That day has arrived. I had to change out a logo off a hat they were wearing and put on a different logo. Place Linked really made things go so much easier and all the other how tos. Thanks, you are the mostest!

  4. Sou brasileiro e não falo inglês. Por isso, fica difícil te acompanhar porque vc fala muito rápido. Não teria um programa de tradução simultânea para você me indicar?

  5. As always Aaron’s commitment to doing a thorough job comes through. One of the more interesting things about Photoshop, well, also aggravating to some, is the concept that there’s usually no one way to do something. Consequently many of the techniques in this tutorial can be applied to other work.

  6. Well, you did it again, Aaron: good teaching, very useful content, can be applied to many other challenges too. Many thanks. Be safe.

  7. Arron answers the questions I would be asking. I have been doing product images for 30 years and I always learn something new! It is very inspiring to try out new stuff…..

  8. Great video, BUT please slow down. You talk very fast and zip through the tutorial at a warp speed. I try to follow along and replicate your work, but it is almost impossible. Also, you don’t explain the “why’s” of what you are doing. For example, when you make your target psd, you size it to +/- 2500px — WHY? What is the reason. The tutorial would definitely be a FIVE STAR if you put yourself in your students’ shoes.

  9. Awesome purpose specific tutorial. Its helpful to get to see some of these techniques as they come up with the requirements of the task at hand as opposed to just watching something on how a certain feature works. Love learning this way and it helps me be more creative when Im trying to problem solve a challenge in photoshop.

  10. Fantastic Tutorial!

  11. Another winning class. Aaron, always enjoy your tutorials, in addition to always learning a lot! There really is no better instructor out there for photoshop.

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

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

  14. Thank you, Aaron. Another awesome tutorial.

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

  16. 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 !

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

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

  19. 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!

  20. 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!

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

Master Photoshop, Lightroom and Photography

Join PHLEARN PRO for $12.99 a month or $99.99 a year. Cancel anytime, with a 100% money-back guarantee.

As featured in

  • 500px
  • Adobe
  • Fstoppers
  • HuffPost
  • Inc.
  • PetaPixel