Animated Mockups Help

Choose your software:

#1 Paste here
Inside each project, you can find "Change This" compositions . Insert your image or animation inside these compositions and screens will be updated in the overall composition.
#2 Crop as you need
All compositions are more than 4k format, so you can position the devices in the scene and crop as you need.
To move or transform layers, first convert them to a separate composition, select the layers and run «Layer - Pre-compose...» from top menu
#3 Set size
Then you can crop the scene, select «Composition - Composition Settings» from top menu and set the size (recommended sizes for 4K 4096x2160 or 3840×2160).
Use «Composition - Add to Media Encoder» to export it to any format.
#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. Or you can just switch images in Fill panel.
Paste your design
#3 Select a screen
Find a layer called "Change This" and select it
#4 Launch a plugin
From top menu launch Mockup plugin
#5 Distort transformation
Choose a frame which you need to be displayed on the mockup and click on Apply button. You may also need to increase resolution or rotate a direction
#6 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.
#7 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