How to Create an Embossed Paper Logo Mockup in Adobe Photoshop
Building your own high-quality mockup is not as hard as it seems. In fact, it’s something anyone with a digital camera and some basic Photoshop knowledge can master. In this tutorial, I’ll show you how to create a realistic paper embossed logo mockup with Adobe Photoshop, and I’ll provide you all the resources that you need to get this done quickly!
In the top menu, choose Select > All, and then choose Edit > Copy to copy the selection to the clipboard.
Go back to the background document and choose, in the top menu, Edit > Paste to paste the perspective image over the background.
Rename the layer by double-clicking directly on the layer’s name in the Layers panel and changing it to “Perspective“.
2. How to Create the Smart Object
Set the foreground color to red (any color different from black is good).
Then choose the Rectangle Tool, move the cursor over the canvas, and click. You’ll open a small dialog box that allows you to enter precise dimensions for your new shape. Type 1353 x 1015 px and click the OK button.
Rename the layer by double-clicking directly on the layer’s name in the Layers panel and changing it to “Smart Object“.
With the “Smart Object” layer selected, choose, in the top menu, Layer > Smart Object > Convert to Smart Object.
What we’re going to do now is distort the red rectangle to fit the shape of the black perspective rectangle.
Choose Edit > Transform > Distort.
Click on the top right corner of the red rectangle and drag the corner until it touches the top right corner of the black rectangle.
In this step, it’s extremely important that we transform the red rectangle using only the handles at the corners of the bounding box.
Keep dragging the corners to fit the red rectangle into the black one:
Select the “Perspective” layer in the Layers panel and remove it by choosing Layer > Delete > Layer.
Now we’re ready to replace the red rectangle inside the smart object with a badge or logo to customize our project. Let’s go!
3. How to Get the Badge Ready With Illustrator
Now, for the purpose of this tutorial, we’re going to use a badge from a set available on Envato Elements. The site offers a wide range of high-quality badges and vector elements ready for use. Subscribe to unlock unlimited, high-quality badges, templates, photos and more for one monthly fee!
Open the vector .ai file with Adobe Illustrator. While you open the file, a window may pop up alerting you that the document uses fonts that are currently not available on your computer. Download the required fonts for the badge that we’re going to use.
For the purpose of this tutorial, I replaced the commercial fonts used in this badge with two free fonts: