By Design Bundles
4 Mins

How to Use Mock Ups in Photoshop

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

6 Related Photoshop Tutorials

How to use Mock ups in SCAL4

1- Open SCAL4 and then click on the file icon. 2- Click Place image. 3- Select the mock up image. 4- Resize and move your mock up. 5- Click on the text icon. 6- Write your text. 7-Select your font. I am using Pampkino from fontbundles.net 8- ...

How To Use Mock Ups in Canva

In this tutorial, we will go over how to use mockups in Canva. Mockups are used by designers to quickly showcase their designs and layouts in a real-life setting. It gives viewers an idea of how the final product will look without actually having to create a product.For our ...

How to Use Mock Ups in Cricut Design Space

1- Log into Cricut Design Space. Click on new project. 2- Click on Upload. 3- Click on upload photo. 4- Click on Browse. 5- Select your mock up. I am using Business Card Mockup from Design Bundles. 6- Click the simple image type. Click continue. 7- Select the ...

How To Use Mock Ups In Affinity Designer

In this tutorial you will learn how to use mockups in Affinity Designer. Mockups create a visual display for your designs allowing you an end result preview. Usually purchased in PSD formats, mockups can easily be customized in Affinity Designer. We will guide you through the process of using both ...

How to Use Mock Ups in Silhouette Studio

*Business edition used.1- Open Silhouette Studio. Click on the open icon.2- We need to import the blank mock up into silhouette studio. Go the library then import to library.3- Find your mock up and open.4- The mock up will appear in your library. double click on ...

How To Use Photoshop Filters

1- Open up Photoshop And select your image.2-Once your image is in your workspace right click on the background image in the layers palette.3- Select duplicate background and a new box will appear. Name your background copy and click OK4- Go to Filter > Filter Gallery. ( note ...