0% found this document useful (0 votes)
21 views

Mockup Guide

This Manual explains how to setup, make and use a mockup.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
21 views

Mockup Guide

This Manual explains how to setup, make and use a mockup.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

Illustrated

User Manual

Follow for more great stuff:


Behance | Dribbble | Facebook | Instagram | Creative Market | Twitter
Table of Content
3 List of Mockups

6 Editing Craft Beer Mockups

7 Editing a Smart Object

8 Add Selective Foil Stamping

9 Change Background

10 Editing the Visual Appearance of Your Design

11 Creating Deep-of-Field Effect


List of Mockups

01-craft-beer-mockup.psd 02-craft-beer-mockup.psd 03-craft-beer-mockup.psd 04-craft-beer-mockup.psd 05-craft-beer-mockup.psd

06-craft-beer-mockup.psd 07-craft-beer-mockup.psd 08-craft-beer-mockup.psd 09-craft-beer-mockup.psd 10-craft-beer-mockup.psd

11-craft-beer-mockup.psd 12-craft-beer-mockup.psd 13-craft-beer-mockup.psd 14-craft-beer-mockup.psd 15-craft-beer-mockup.psd

16-craft-beer-mockup.psd 17-craft-beer-mockup.psd 18-craft-beer-mockup.psd 19-craft-beer-mockup.psd 20-craft-beer-mockup.psd


List of Mockups

21-craft-beer-mockup.psd 22-craft-beer-mockup.psd 23-craft-beer-mockup.psd 24-craft-beer-mockup.psd 25-craft-beer-mockup.psd

26-craft-beer-mockup.psd 27-craft-beer-mockup.psd 28-craft-beer-mockup.psd 29-craft-beer-mockup.psd 30-craft-beer-mockup.psd

31-craft-beer-mockup.psd 32-craft-beer-mockup.psd 33-craft-beer-mockup.psd 34-craft-beer-mockup.psd 35-craft-beer-mockup.psd

36-craft-beer-mockup.psd 37-craft-beer-mockup.psd 38-craft-beer-mockup.psd 39-craft-beer-mockup.psd 40-craft-beer-mockup.psd


List of Mockups

41-craft-beer-mockup.psd 42-craft-beer-mockup.psd 43-craft-beer-mockup.psd


Editing Craft Beer Mockups

Place your design

Switch between metallic and matte label

Change the opacity of Highlights and Shadows


layers, to enhace design details

Change colors of individual elements

Change Background
Editing a Smart Object

 

Place your
design here All changes will apply
instantly to your file.

Expand the group and double click A new window will pop up.
RED Smart Object Layer thumbnail. Now place your design on top of
all layers. Hit Save and close.

Watch Youtube video tutorial:


youtube https://youtu.be/7R6nd6_OzTo?hd=1

7
Add Selective Foil Stamping

 

All changes will apply


instantly to your file.

Place your
design here

Expand the group and double click Expand selective foil group and place
RED Smart Object Layer thumbnail. your foil design inside subfolder, just
above the violet layer. Adjust position
hit save and close.

Your design must be on


 transparent background

8
Change Background

To change background color:


1. In the Layers Panel locate and expand Change BG group
2. Double click Change Color layer, marked with the green color
3. Choose the color and click OK

To replace background with texture:


1. Select the Texture Smart Object Layer from the Layers panel
2. Edit the Smart Object (see Editing a Smart Object)

Changing items color:


1. Locate and double click on green layers
2. Choose the color and click OK

Useful Tips & Tricks


1. Any layer that can change its color are marked green
2. For more natural look experiment with blending mode* and opacity just select Texture layer and change it’s blending mode, Multiple or
Linear Burn are good for light backgrounds, for dark we recommend Hard Light, Linear Light or Normal
3. Blending mode also works with changeable color items
4. You can also change brightness and contrast of Background layer (last one in each group) it will give hard spot light effect
* How to change blending mode, you can read on the next page.

9
Editing the Visual Appearance of Your Design

Experimenting with Blending Modes and Opacity is a


good way to make your design look more appealing.
You can find them on the top of the Layers Panel.
Below you will find some examples of how you can use them, but we
highly recommend to read this article it will bring your Photoshop skills
to a new level.

On most mockups you will find layer named Overlay


Effect (marked yellow) it gives an effect of paper on
editorial mockup. Sometimes your design is too bright
or dark, to achieve more natural results, try to change
it’s Opacity and Blending Mode. We recommend to use
Screen, Soft Light, Hard Light and Overlay modes, but
you can try all of them. You can also change brightness
and contrast of this layer.

1. After you job with smart objects are done, play with Levels to achieve the desired brightness and contrast.
2. Rotate and crop your image to achieve different results.

10
Creating Deep-of-Field Effect

After creating your scene, you can create a depth-of-field effect to add focus to
an area in your image.

1. Finalize your design and flatten all layers by going to Layers > Flatten Image.
2. Go to Filter > Blur Gallery > Tilt-Shift
3. Play with settings to achieve desired results and hit OK.

11
We hope that this guide was useful to you.

Whether you need more help, or you’d like to


offer us some advice, feel free to contact us:
[email protected]

You might also like