How to use Devices Mockup Bundle

Choose your software:

#1 Sketch's Plugin

You need to have Sketch 60+ version and Mockup Plugin
Download and install a free plugin

#2 Sketch on M1 processors

If you are running Sketch on Mac M1 processor you need to use Rosetta in order to launch plugins. Right click on Sketch icon, open 'Get Info' window and click on 'Open using Rosetta' checkbox

#3 Paste your design

Find 'Paste here" artboard and insert your design into it

#4 Mockup plugin

First of all, you need to turn on the plugin. To do so, open the Plugins → Mockup Plugin → Run Mockup or simply press ⌃⇧M

#5 Update

Find the “Change This” layer in the Layers’ panel, and in plugin window you will a list of all artboards. Choose an artboard that you have changed and click apply

#6 Changeable Colors

You can change the color of each element in the “Change Color” or "Clay" artboards. Find and choose the “Change Color” layer, and you’ll be able to choose any color or gradient in the Fills panel.

Cmd+Click

#1 Mockup Plugin

First of all you need to install the Mockup Plugin. This plugin needed for 3d transformation of your design

#2 Paste your design

Paste your image/content inside ‘Paste Here’ frame.

Paste your design

#3 Launch a plugin

From top menu launch Mockup plugin

#4 Switch to Distort

Click on the Distort tab

#5 Select a screen

Find a layer called "Change This" and select it. This will be set as a target for your mockup

#6 Distort transformation

Now choose a 'Paste here' frame (this will be used as a source) and click on Apply button. You may also need to increase resolution or rotate a direction

#7 Clay version (Changeable color)

Each scene in Presentation kit is also contains Clay version (or Changeable Color). That's a beautiful and popular clay stylisations. You can color device as you like.

#8 Color as you like

To do so you need select a "Change Color" layer. Open fill color and choose any color or gradient that you like

#1 Photoshop version

You need to have Photoshop CS4+ version or Photoshop CC+ version for 3d mockups.
Each file has different mockups – switch between them in the folders.

#2 Change this

Find the “Change this” layer, click twice on the icon and a new window will open.

Double click on "Change This" icon

#3 Paste your design

Insert your design in the window, save it and close.

Save Changes

#4 Clay version

Each scene in Presentation kit is also contains Clay version (or Changeable Color). That's a beautiful and popular clay stylisations. You can color device as you like.

#5 Change Color

Find "Change Color" layer and click on an icon, a Color Picker will be opened. Choose any color you like or add a gradient

#7 3d Mockup

Sometimes we use 3d mockups instead of smart objects. That's gives a realistic view of your design in curved screens.

#8 Change This

Find the 3d layer, under the‘Textures’ effect find ‘Change This’ and double click on it. Paste you design in opened window, close and save it

#9 Troubleshooting 3d Mockups

If you have a Photoshop CC and upper version, but 3d is not working for you – make sure you graphic processor is turned on. Click CMD+K (Ctrl+K) and go to Performance tab. Make sure that checkbox under the Graphic Processor is turned on

#10 Troubleshooting 3d Mockups

If the previous step didn't help, try resetting your Photoshop settings. To do this close Photoshop. Then press on Mac CMD+Control+Option and open it again. Message will pop up asking if you want to delete the Adobe Photoshop Settings file. Choose Yes

Presentation Kit Help

Choose your software: