HomeHow toHow to make a mockup on Adobe Photoshop

How to make a mockup on Adobe Photoshop

To launch a good idea, you need to expose it in the best way. The look is usually the one that helps the most in this process, in addition to knowing how to sell it, of course. Not sure how to make a mockup to share your ideas and impress a newsstand? So let’s take care of it.

- Advertisement -

Trade Gift Card With Legit Chinese Vendor on WhatsApp

It is possible to create a custom mockup, with photos taken by you or a professional hired, using a screenshot, or 3D of an object. For those who are in a hurry or do not wish to venture into the world of photography, it is possible to make use of free image banks.

How to make a mockup on Adobe Photoshop

  1. Take a photo of the object or product you want to present (it can be a cell phone, in the case of an application, a computer, a website, billboard, book, etc.); Or download a photo from an image bank (if you are a beginner, produce or opt for frontal photos, in order to have less headache in obtaining a realistic result);
  2. Open Adobe Photoshop ;
  3. Menu “File” > “Open”;
  4. Or follow the shortcut “⌘ + O” ( macOS ) or “Control + O” ( Windows ).

With the image open, follow a few steps to insert your project image in the desired area.

  1. Create a layer above the image layer;
  2. With the pen or selection tool, draw a shape, covering the area where you want to apply an image;
  3. Enter any colour in this area;
  4. Select the layer that you coloured, click on it with the right button and choose the option “Convert to Smart Object”;
  5. If necessary, adjust the perspective in Menu “Edit” > “Transform” > “Distort”; Lower the opacity for a more realistic result. The manipulated layer will be in transparency so you can follow the curves and movement of the base on which you are creating the mockup;
  6. Press “Enter” to confirm the adjustments and return the image to 100% opacity;
  7. To add the image to the defined area, double-click on the Smart Object – a new tab will open;
  8. Menu “File” > “Open” and insert the image in the new tab, save it and return to the tab where the main image is located;
  9. Save your project in a safe place.

In the example of the tutorial, I used a white sheet, to later transform it into a photographed postcard, but you can use a beautiful environment, such as your desk, your smartphone with a nice, blurred background, a wall, a billboard, an ecobag, a mug… It takes more work, yes, but nothing like creating your own mockup library. Not everything is ready on the internet, some mockup options have already been used a lot. Value your work. Show your difference in the details. 

- Advertisement -

Trade Gift Card With Legit Chinese Vendor on WhatsApp

George Philip
George Philiphttps://betechwise.com
George Philip is a seasoned tech professional with a deep-rooted passion for all things tech-related. His mission is to demystify complex tech topics and provide you with the insights and knowledge you need to navigate the ever-changing world of technology. With a keen eye for detail and a talent for making the intricate seem simple, George crafts engaging content that explores how technology impacts your daily life, your workplace, and the broader global landscape. Whether you're eager to stay updated on the latest gadgets, intrigued by emerging tech trends, or simply looking to understand how digital innovations shape our world, George's writing is your trusted source for clarity and expertise. Feel free to reach out to George via email at [email protected] for inquiries, collaboration opportunities, or to engage in thought-provoking discussions about the fast-paced world of tech. Stay informed, stay connected, and let George be your guide in the tech-savvy universe.


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

- Advertisment -

Most Popular