Skip to content
FacebookTwitterPinterest
HOWTOHOWTO
  • All
    • Tips
      • Google
      • Facebook
      • Tiktok
    • Instruct
      • What is Q&A?
      • Taobao
    • WordPress
      • Code
      • Plugins
      • Themes
        • Flatsome
        • Theme Nevo
  • Share
    • WordPress
    • Code
    • Plugins
    • Tips
    • Windows
    • Apple
    • Graphics
    • Experience
  • Graphics documents
    • illustrator
    • Sketchup
    • Coreldraw
    • 3ds max
    • Enscape
    • Photoshop
    • Graphics Plugin
  • Course
    • Photoshop course
    • illustrator course
    • Coreldraw course
    • Edit video course
    • Course Sketchup
    • Autocad course
    • Website management course
  • Service
  • Software
    • Windows
      • Tips
      • Office
      • Necessary
      • Tools
    • Apple
  • Game
  • News
    • Technology
    • Review
HOWTOHOWTO
  • Home > 
  • Graphics > 
  • Adobe Photoshop > 
  • Instructions on how to make product mockups in Photoshop.

Instructions on how to make product mockups in Photoshop.

By How To 26/12/2025 0 576 Views
Instructions on how to make product mockups in Photoshop.
Article categories

Key word How to make product mockups in Photoshop is a very familiar keyword in the graphics field. So when you see product samples bearing brand names, have you ever wondered how they made them? With the following article, you can find the answer. Who knows, you can also use them to advertise your own brand. This article will guide you How to make product mockups in Photoshop most detailed

Instructions on how to make product mockups in Photoshop.

Create Mockups for plastic cup products

  • First, prepare a pre-photographed product or you can search for this image using Google
  • Then create a rectangle with the tool Rectangle Tool as shown below

How to make product mockups in Photoshop 1

It's very simple, you just need to create any rectangle.

  • How to combine funny pictures with Photoshop
  • The best way to remove acne in photoshop in 2022
  • Learn about graphic design services
  • What's all about photoshop documents

If your rectangle is not perpendicular, you can fix it, hold it at a point and then drag it in as follows:

How to make product mockups in Photoshop 2 How to make product mockups in Photoshop 3

Continue, please choose Layer rectangle > click right mouse > select Convert to Smart Objects.

How to make product mockups in Photoshop 1 How to make product mockups in Photoshop 2

After creating the smart object object. You will have an independent object that is not related to other layers and is protected by a layer

How to make product mockups in Photoshop 3

To edit this file, double click on the arrow image. The system will generate a new window for us to edit so we can remove the logo or what you want to include. You just need to click on Menu to select File > Place Embedded to put your content inside.

How to make product mockups in Photoshop 4

You choose the image to include > OK. Here you can adjust the image size, rotate right and left, and flip using keyboard shortcuts Crtl + T Customize to your liking.

how to make product mockup in photoshop 4 1

Next you will want to change the bottom background color accordingly by double clicking Layer below. Adjust the color with the up and down slider to your liking

How to make product mockups in Photoshop 5

If you are not satisfied with monochrome, you can also create color Gradients as follows: You choose No.1 Already choose number 2 to change the color palette settings to switch to Gradient mode.

how to make product mockup in photoshop 6 e1671183229948

In this example, we will want to create a product with a reflected light effect. So we will choose orange and white compatible colors No. 2 and No.3.

LIVE 4, we will choose the reflection angle for the color palette. Continuing with the example, we will choose angle 0o as shown below.

How to make product mockups in Photoshop 7

If you do the operation correctly we will have something like the image below

How to make product mockups in Photoshop 8

If you are satisfied with this color and everything is almost done, press the key Ctrl + S to save. Don't worry, you can edit this file at any time.

You will have a file as shown below.

How to make product mockups in Photoshop 9

Come on, you're almost there. Press Ctrl T To resize, right-click and use Warp to adjust it to the product.

How to make product mockups in Photoshop 10

Be skillful and careful if you want a beautiful photo.

So, you can create your own file Mockups Brand for your own product. Below is the final result

how to make product mockup in photoshop 11

Conclusion

In the last article, I just gave you instructions How to mokup products in Photoshop The easiest. These are the most basic steps for you to mockup products in Photoshop. However, if you want a better picture you will need more operations. We cannot describe it all in this article. If you have a need, you can refer to it photoshop course Our course teaches 1 on 1. Making it a career. Be tutored by reputable and skilled teachers.

Good luck.

Tags : Tags product mokup   create product mockups
Share
FacebookShare on FacebookpinterestShare on PinterestMessengerShare on Facebook Messenger
twitterShare on TwitterlinkedinShare on LinkedinvkShare on VkredditShare on ReddittumblrShare on TumblrvideoShare on Viadeobuffer. bufferShare on Bufferpocket. pocketShare on PocketwhatsappShare on WhatsappViberShare on ViberemailShare on EmailskypeShare on SkypediggShare on DiggmyspaceShare on MyspacebloggerShare on Blogger YahooMailShare on Yahoo mailtelegramShare on Telegram gmailShare on GmailAmazonShare on AmazonSMSShare on SMS

How To

A person who is passionate about sharing knowledge from life. Common knowledge in life. Sharing is my passion. Hopefully my knowledge will bring many benefits to you

Related articles

Instructions on how to make product mockups in Photoshop.

Remove tool in photoshop

By How To 27/03/2026 0

Remove tool in Photoshop Introduced in…

Instructions on how to make product mockups in Photoshop.

4 Ways to create speed effects in Photoshop

By Tung Thai 27/03/2026 0

Here are 4 ways to create speed effects in Photoshop...

Instructions on how to make product mockups in Photoshop.

How to delete excess details in Photoshop

By Tung Thai 05/01/2026 0

How to delete excess details in Photoshop. Delete objects…

Leave a Comment Cancel reply

Categories Adobe Photoshop Remove tool in photoshop

Remove tool in photoshop

27/03/2026
4 Ways to create speed effects in Photoshop

4 Ways to create speed effects in Photoshop

27/03/2026
Graphic Design

Graphic Design The art of creating appeal

27/02/2026
What is google plays app? Is installation necessary?

What is google plays app? Is installation necessary?

24/02/2026
create flatsome slider

How to create a slider that runs super smoothly on flatsome

05/01/2026

Recent comments

  • male2 years ago
    On How to create a fade effect in Photoshop
    Great
  • phat phat2 years ago
    On Who is 5SMedia?
    Useful article
  • Minh Anh3 years ago
    On How to create basic materials in vray Sketchup
    Very good, admin
Copyright © 2026 HOWTO - Powered by HOWTO

5SMedia.net | hocdohoacaptoc.com | huongdansudung.vn | webantam.com

Back to Top
Hello!
  • All
    • Tips
      • Google
      • Facebook
      • Tiktok
    • Instruct
      • What is Q&A?
      • Taobao
    • WordPress
      • Code
      • Plugins
      • Themes
        • Flatsome
        • Theme Nevo
  • Share
    • WordPress
    • Code
    • Plugins
    • Tips
    • Windows
    • Apple
    • Graphics
    • Experience
  • Graphics documents
    • illustrator
    • Sketchup
    • Coreldraw
    • 3ds max
    • Enscape
    • Photoshop
    • Graphics Plugin
  • Course
    • Photoshop course
    • illustrator course
    • Coreldraw course
    • Edit video course
    • Course Sketchup
    • Autocad course
    • Website management course
  • Service
  • Software
    • Windows
      • Tips
      • Office
      • Necessary
      • Tools
    • Apple
  • Game
  • News
    • Technology
    • Review
EN
EN
VI
Hello!

  • Lost your password ?