Design Bundles Net Logo
Menu
Cart
Search
  1. Home
  2. Design School
  3. How to Use Mock Ups in Photoshop

How to Use Mock Ups in Photoshop

Posted on 19th November 2016
Ensure that your file has been downloaded and unzipped to use. if you are unsure how to do this check the tutorial here.

1- Open Photoshop. Select file from the top panel.

ps1

2- Select the mock up file you would like to use.

ps2

3- The file will appear in your workspace.
On the right, in the layers palette you will see the smart objects. these are all editable. firstly we can edit the handle. Double click on it in the layers palette. This will open a new workspace.

ps3

4- In the new workspace you will see the transparent file. at this point you can change the colour of the bag handle.

ps4

5- Double click on the colour in the layers palette (1) then a new box will appear and you can adjust the colour you would like. Once the colour is picked click OK (2)
When you are happy with the colour click Ctrl+S to save the colour. this will automatically change the original mock up.

ps5

6- Click back on your original mock up. You will see the handle is now the new colour.

ps6

7- Select the logo smart object in the layers palette. Double click on it to edit.

ps7

8- The new workspace will open with the current mock up. Go to File in the top tool then Place Embedded. This will open a new window.

ps8

9- In the new window, find the file you would like to use. Once you find it select Place.

ps9

10- The new image will appear over the original one in the workspace. Double click on the new image and this will make it a smart object.

ps10

11- Now your new image is a smart object, go to the layers palette and uncheck the little eye in the original logo layer. This will make the original logo become not seen. (it is still there but Photoshop makes it invisible unless we select it again.
Press Ctrl+S (Cmd + S on Mac) to save your changes.

ps11

12- Go back to your original file and you will see your new image onto your mock up file!

ps12

Images are from Designbundles.net and the file is called Paper bag mock ups V2

Share this Tutorial

Have a question? Contact our Support for assistance.
ca image