Skip to content
  • About us
  • Contact
  • en_USEN
  • viVI
FacebookTwitterPinterest
HOWTOHOWTO
  • All
    • Tips
      • Google
      • Facebook
      • Tiktok
    • Instruct
      • What is Q&A?
      • Taobao
    • WordPress
      • Code
      • Plugins
      • Themes
        • Flatsome
        • Theme Nevo
  • ShareHot
    • 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
Hello!

  • Lost your password ?
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/09/2024 0 444 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

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.

How to use camera Raw in photoshop

By How To 08/12/2025

Camera Raw in photoshop is a tool that has been around since…

Instructions on how to make product mockups in Photoshop.

Latest instructions for using camera raw in photoshop

By How To 07/12/2025

Camera raw in photoshop is a correction tool…

Instructions on how to make product mockups in Photoshop.

3 Ways to create speed effects in Photoshop

By Tung Thai 06/12/2025 0

3 Ways to create speed effects in photoshop Speed effects…

Leave a Comment Cancel reply

Categories What is Q&A? What is the structure of that place?

What is Interior Design? How much does an interior design job pay?

12/12/2025
What is Material?

What is Material? Material application in the field of design

11/12/2025
What is the poster?

What are posters? 9 Tips for designing beautiful, quick Posters

11/12/2025
What does graphic design do? Is it easy to get a job?

What does graphic design do? Is it easy to get a job?

11/12/2025
Water is the water material in Enscap

Water is the water material in Enscap

11/12/2025

Recent comments

  • male1 year 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 © 2025 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_US EN
en_US EN vi VI