BOOK MOCKUP KIT VOL2
A PDF to help you start with PSD and Smart Objects
hi and thank you for purchasing this package.
The zip includes 14 PSD (7 PSD premade scenes).
Each PSD is organized in sub-folders with named layers, for
easier and more intuitive navigation. Below a step by step guide
to start edit your mockups.
Table of content
1. Before start
2. Layers organization
3. Change contents
4. Edit colors
Before start
This mockup kit is part of the "Simplified" category.
(Take a look to the item description for the Advanced version).
Below are the main differences between Simplified and
Advanced categories of my mockups.
SIMPLIFIED ADVANCED
Easy to use
Separated items
Editable templates
Movable objects
Package weight
Price
Layers organization
Before start editing your files is better to know how they are
organized.
All items are organized into subfolders, located within the primary
"Edition" folder. Editable elements are marked with blue color and
each smart object has the name "Place your design here (double
click to edit)".
The FX folder includes all scene effects. You can adjust individual
values as you like but it's best to know what you're doing, otherwise
it's best to leave everything unchanged.
Change content
Note* For this tutorial i am gonna using the [Link] file inside the BLANK FOLDER.
1 Open your PSD using Adobe Photoshop or any related software.
Open the “Edition” folder and find the sub-folder of the element you need to edit (eg. “Front box 1”
Then, double click the blu-marked smart object named “Place your design here
(double click to edit)”.
2 If a pop-up opens, click yes. A new document will open.
Double click the
thumbnail of the layer
3 The document will appear as follows in the main screen and in
the layers panel :
4 As you can see, inside the document you can find a random grid design and
a layer named "Safety zone".
Drag from your computer your new design and drop it into the artboard
and adjust it to your needs.
Don’t forget to deselect
the eye icon of the safety zone
before save the file
You can at this point
delete this layer.
5 Once done save by click ctrl+s (cmd+s on mac) or go to the top menu
and choose File > Save. Close the window and go back to the main document.
Repeat the process with the other Smart Objects .
If everything done correctly your design should be now updated.
Edit colors
There are two ways to manage the color, within the design you are
going to insert, or from the main folder of the element, inside the
EDITION > ELEMENT using the relative solid color layer (eg. “Pages
color”). In the first case you will need to use a design with a preset
background color, while in the second you will need a design with a
transparent background.
Example of design managed di-
rectly into the relative smart
object,
Example of design that will be
managed from the main MOCKUP >
ELEMENT > COLORS folder.
Thanks for your trust!
Don't forget to check out my other products on my shop page.
And don't hesitate to contact me for any help request or problem.
Have wonderful days in your life.