Instructions for Editing the Photo Display PSD

This is a tutorial to hep you use photo display mockup.

Step 1: Edit Single Photo

Below is default setting on the mockup file. Double click layer Photo to change its content.

instruction photo frame

Step 2

You may find this dialog box. Just click OK.

instruction photo frame

Step 3

The layer is opened as a separate file. Paste your photo. You can remove layer border to hide white border on the photo. Here, I’m using autumn stock photos.

instruction photo frame

Step 4

Save and return to mockup file to see the changes.

instruction photo frame

Step 5: Add Push Pin-1

Click eye icon on front of pin icon to reveal it. Inside group push pin-1 you can find layer color. Select it and open adjustment panel to change push pin color.

instruction photo frame

Step 6

Change the settings.

instruction photo frame

Step 7

You can customize its position using tool move. Click eye icon to reveal second push pin.

instruction photo frame

Step 8: Add Push Pin-2

Click eye icon on front of group push pin-1 to hide it. Click eye icon on push pin-2.

instruction photo frame

Step 9

Select layer color.

instruction photo frame

Step 10

Open adjustment panel and change available settings.

instruction photo frame

Step 11

Click eye icon on second pin to add it. Use tool move to set its position.

instruction photo frame

Step 12

You can create another pin if you want. Make sure the pin group is selected. Activate tool move. Alt-drag to duplicate pin.

instruction photo frame

instruction photo frame

Step 13: Add Transparent Tape

Click eye icon on front of one of the set. Each set is different.

instruction photo frame

Step 14

You can still customize the tape individually. Select tape group and use tool move to move it.

instruction photo frame

Step 15

You can also transform it. Hit Ctrl + T and drag to rotate the tape.

instruction photo frame

Step 16: Subtle Highlight

I also add subtle highlight on the photo.

instruction photo frame

Step 17

There are another subtle highlight on bottom of the photo. Below, you can see the difference with and without highlight.

instruction photo frame

Step 18: Shadow

You can choose between regular or irregular shadow under the photo.

instruction photo frame

Step 19

You can select available shadow on bottom of the photo.

instruction photo frame

Step 20: Stacked Photo

Let’s stacked some photos. Click eye icon on front of Stacked Photos to reveal them. Double click layer to change its content.

instruction photo frame

Step 21

Paste your image and save.

instruction photo frame

instruction photo frame

Step 22

You can hide uneeded photos by clicking on its eye icon.

instruction photo frame

instruction photo frame

Step 23: Change Background

You can change the background easily. Double click layer texture.

instruction photo frame

Step 24

Paste the picture. I use another photo from autumn set.

instruction photo frame

Step 25

Double click the picture and select Color Overlay to add white color and keep the picture subtle.

instruction photo frame

Step 26

Save the texture file and close it.

instruction photo frame

Step 27

The background is automatically updated.

instruction photo frame

Step 28: Paper Clip

Click eye icon on front of group layer paper clip to reveal paper clips.

instruction photo frame

Step 29

Use tool move to fix its position.

instruction photo frame

Step 30

Activate layer color inside the clip to change its color.

instruction photo frame

Step 31

Open Adjustments panel. Change available settings.

instruction photo frame

Step 32

Here’s the final result.

instruction photo frame

As you can see there are so many possibilities with this mockup. For example, you can combine the paper clip with push pin. I hope you enjoy this mockup. If you stil have any question feel free to ask me directly.