How to use Branding Mockups

Choose your software:

#1 Low-res and hi-res

There are 2 versions of this product available. Lower resolution and high resolution. We recommend to use low resolution, it’s much faster, takes less disk space and suitable for most projects, especially web projects. At any time you will are able to download high-resolution version also if you need

#2 Mockups

In order to use mockup, you need to find ‘Change This’ layer in the layers panel. Double click on its icon. A new window will open. Insert your artwork in this window, then close it and save the changes. The design of the object will be updated.

#3 Foil Mockups

In some objects it is possible to add a foil. To do this, expand the folder ‘Foil’, select the desired foil color and insert your design, as well as in the usual mockup.

#4 Fine-tune Mockups

Change the opacity of ‘Shadow’ and ‘Reflection’ layers to fine-tune mockup

Scene Creator

#5 Creating scenes

The process of creating scenes is very simple. You simply drag objects into a new scene.
To get started, open a few files with items. Create a new file or use pre-made scenes and just drop items that you need.

Each item is grouped into folders, select the ‘Move Tool (V)’ and in the top panel the Auto-Select: Group option. This makes it easier to select objects in the file and drag them into the scene.

#6 Hard Shadows

You can add shadows to any of your top view scenes. Add shadow png to the top of layers and choose blending mode: Linear Burn. Decrease Fill value.

#7 Glow

Also, you can add glowing effect. Add glow texture and set blending mode to Screen, then decrease Fill value

3d Mockups

#8 3d Mockups

Sometimes we use 3D mockups in Photoshop. This function allows you to insert a design in Photoshop and pull the texture onto the 3D model. Often this feature allows you to make more realistic shapes on mockups.
To insert your design, double click on the "Change This" effect and insert your design. Then close and save the window.

#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

#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

#10 Troubleshooting 3d Mockups

Branding Presentation Kit Help

Choose your software:

Scene Creator

3d Mockups