Adobe Photoshop CC 2018 Tutorial – Converting a white paper to a mockup psd file

Have you ever tried to create a mock PSD (Adobe Photoshop File) file for your own photoshop projects or portfolios? or you just download them from google?.

 

 

 

Well, if you want to know convert a simple white paper image to a mock PSD file that you can insert into it your own projects (drawings, photos , arts , etc.).In This tutorial we are going to make our mock file using something called “Clipping mask” and “Convert to smart object” options in Adobe Photoshop.

Files you need for this tutorial:

1 – Paper image that I used: https://ibb.co/cOABRT

2 – Any image or drawing that you want to add it into paper.

This is how our end mock file will look like:

So, Let us starts!

Step 1:

You start you open you Photoshop and open the paper file.

 

Step 2:

Using Polygonal Lasso Tool   make selection around the top left corner of the paper without selecting the shadow (We want the shadow to be on our drawing that will be on the paper).

Step 3:

While the corner selected we hit Ctrl+C to copy then Ctrl+V to paste a copy of the selection. A new layer will show on layers panel with the selected part (We want that part later to be above our art). Double click on this layer and rename it to “Left corner”.

Step 4:

We open our art file or whatever file you want

Step 5:

After opening our art file, it will open in a new window. We drag the image to paper file. Then we resize it to fit the paper in a proper way.

Step 6:

We want our art to look realistic on the paper. So we select the art layer and in blending mode menu we select Multiply (It will mix the colors of the art with paper mesh).

Step 7:

We set the opacity to 80% above layers panel.

Step 8:

As you notice that our art is showing above the left corner part layer that we have created before. So, we want our image to be under it by going to layers panel and drag “Left corner Layer to the top”.

Step 9:

Now we want to get ride of the extra part on the top left corner from the art. We will will do that using “Clipping mask” option. Select our art layer and right click ; from options select create clipping mask. Now that extra part disappeared.

Step 10:

We will make our art as smart object by right click on art layer and select “convert to smart object”.

 

 

Step 11:

If we want to change or replace the art without affecting our paper project , we double click on the art layer. It will open in a new tab as a separate file , so we can opne any new art and drag it to our smart object window.Then we close it and click save. And now you can see that our new art showing in the paper.

 

That’s all! If you need more details you can watch the video tutorial on my YouTube channel in the beginning of the post.

 

Ramez Amr

About

Site owner and founder, and an accountant who interested in graphic and web design.

Leave a Reply

Your email address will not be published. Required fields are marked *

Return to top of page