What is mockup?

Mockups are graphical files that are used on a variety of topics such as logo, business card, poster, site template, etc. Mockups in Photoshop software are created as PSDs and, as mentioned, designers use mockups as a preview for their works. Suppose for example a graphic designer is designing a logo like a logo and wants to see the result of his work as a printed design on paper. To get customer satisfaction In general, the mockup allows the designer to make better decisions on the details of the design including color, size, style of display, and so on.

How to use Mockup in photoshop?

In the previous tutorial, we learned how to have a PNG file export from our logo in Illustrator environment. In this tutorial, we will learn to use a preview of your logo on a business card. To do this, simply purchase or download a custom preview file. I’ve purchased a mockup file as follows.

logo

In the mockup folder, there is a PSD file which if you open in Photoshop software we will see its layers as below.

logo

There is a smart layer (smart object) in the mockups layers, that you can open it by double clicking. This means that you can make any changes to the newly opened Smart Layer tab in the original photo. Now suppose we want to replace our logo with the current one. To do this, double-click on the smart layer that we need to modify the content as shown below. As shown in the following figure, in a new tab we will see the contents of that layer.

logo
logo

Just drag your logo here. Expand or move your logo to the size you want with the Move tool (V) as shown below. Then, as you can see in the Layers section, clicking on the eye mark next to each layer you can hide or show the layer. I have hidden the main layer just to see my favorite logo.

logo

Now by clicking close mark next to the tab and then click on “yes” to save the changes, we will be returned to the original image. And then we’ve replaced our logo.

logo
logo

I congratulate. You could use the business card mockups. Please ask your questions in the comments section.

For more learning click here