Premium Product Mock-Ups - Help Guide

PREMIUM PRODUCT MOCK-UPS - HELP GUIDE
PLEASE NOTE:
“WHILE THE EXAMPLES IN THIS HELP GUIDE DEPICTS A DROPPER BOTTLE...

YOU WILL FIND THAT ALL T/S/O/B/G MOCK-UPS INHERIT SIMILAR FUNCTIONALITY,
FILE STRUCTURE & NAMING CONVENTIONS. THE GENERAL INFORMATION &
VISUAL GUIDES PROVIDED WITHIN THIS PDF CAN BE APPLIED TO MOST ANY & ALL
PRODUCT MOCK-UPS AVAILABLE IN THE MODERN APOTHECARY COLLECTION.”
Joshua
CREATIVE DIRECTOR
FOR VIDEO TUTS - TIPS & TRICKS PLEASE VISIT

THESOUNDOFBREAKINGGLASS.COM
CONTENTS
EDITING SMART LAYERS ............................................................................................... 1 CUSTOMISING COLORS ................................................................................................. 15
BASE FOLDER - IMPORTANT NOTES & INFORMATION .............................................. 2 COLORISING GLASS & TRANSPARENT OBJECTS - CUSTOM COLORS . ...................... 16
OPAQUE LABEL BASE ................................................................................................... 3 COLORISING OPAQUE OBJECTS - CUSTOM COLORS................................................... 17
SELECTING THE CORRECT BASE - OPAQUE LABEL ARTWORK .................................. 4 HIGHLIGHTS FOLDER .................................................................................................... 18
APPLYING YOUR ARTWORK - OPAQUE LABEL BASE ................................................... 5 HIGHLIGHTS FOLDER - IMPORTANT NOTES & INFORMATION . ................................ 19
FULL COLOR ARTWORK - OPAQUE LABEL BASE . ....................................................... 6 HIGHLIGHTS FOLDER - #SHADOW ADJUSTMENT LAYER INFO ................................. 20
1 COLOR ARTWORK - OPAQUE LABEL BASE . .............................................................. 7 BACKGROUND FOLDER ................................................................................................. 21
METALLIC FOIL ARTWORK - OPAQUE LABEL BASE .................................................... 8 BACKGROUND FOLDER - IMPORTANT NOTES & INFORMATION .............................. 22
TRANSPARENT LABEL BASE . ...................................................................................... 9 ISOLATE PRODUCTS WITH TRANSPARENT BACKGROUND (DEEP ETCH) . ................ 23
SELECTING THE CORRECT BASE - TRANSPARENT LABEL ARTWORK ...................... 10
APPLYING YOUR ARTWORK - TRANSPARENT LABEL BASE . ...................................... 11
FULL COLOR ARTWORK - TRANSPARENT LABEL BASE ............................................. 12
SINGLE COLOR ARTWORK - TRANSPARENT LABEL BASE ......................................... 13
METALLIC FOIL - TRANSPARENT LABEL BASE .......................................................... 14
© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

EDITING SMART LAYERS - GENERAL OVERVIEW 1
EDITING SMART LAYERS &

REPLACING ARTWORK (FIG.A)
1. OPEN UP THE LAYERS WINDOW DIALOGUE BOX AS SEEN IN (FIG.A)

ON THE RIGHT - (MENU » WINDOW » LAYERS )
BLENDING MODE
2. (RIGHT CLICK » EDIT CONTENTS)... (OR DOUBLE CLICK) THE

EDITABLE SMART OBJECT LAYER THAT YOU WANT TO EDIT.
THE EDITABLE SMART OBJECT LAYERS ARE ALMOST ALWAYS

COLORED GREEN IN THE LAYER DIALOGUE BOX
MAKE VISIBLE ONLY
WHEN THE NEW .PSB FILE OPENS, PASTE IN YOUR DESIGN. ONE “REPLACE LABEL
ART” LAYER HERE
YOU MAY NEED TO SCALE OR CROP DEPENDING ON YOUR ORIGINAL

IMAGE SIZE AND POSITION TO SUIT.
3. AFTER YOU ARE FINISHED SAVE AND CLOSE THE .PSB WINDOW
4. THE CHANGES WILL BE REFLECTED UPON RETURNING TO YOUR

MAIN .PSD FILE ONLY AFTER SAVING THE .PSB.
<--- REPLACE LABEL ART & <--- REPLACE ARTWORK ~ NOTES: GLASS BASED PRODUCTS
• IF THE MOCK-UP YOU HAVE PURCHASED IS A GLASS BASED PRODUCT IT MAY CONTAIN 2 LAYER TYPES TO CHOOSE FROM: ONE CALLED “<--- REPLACE LABEL ART ~ *BASE - OPAQUE LABEL - (SHOW // HIDE)” &
THE OTHER CALLED “<--- REPLACE LABEL ART ~ ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)”. THE OPTIONS ARE RELATIVE TO THE BASE FOLDER LAYER OPTION YOU HAVE SELECTED. SO SELECT THE RELATIVE ONE
OF THESE OPTIONS & TURN THE OTHER LAYER OFF.
THE REASON THERE ARE TWO OPTIONS HAS SIMPLY TO DO WITH THE LAYER MASKING - THE SLIGHT PROTRUSION OF THE OPAQUE LABEL ON THE GLASS IN THE “*BASE - OPAQUE LABEL - (SHOW // HIDE)” BASE IMAGE
HAS A SLIGHTLY DIFFERENT LAYER MASK ON THE LABEL ARTWORK THAN THE “<--- REPLACE LABEL ART ~ ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)” BASE IMAGE OPTION. SO MAKE SURE YOU ARE USING THE
RIGHT LABEL SELECTION OR YOUR ARTWORK MAY APPEAR WITH A SLIGHT OVERHANG ON THE LABEL ON THE VERY LEFT & RIGHT EDGES OF THE PRODUCT IF THE WRONG LAYER OPTION IS VISIBLE.
SO FOR EXAMPLE IF YOU HAVE THE “*BASE - OPAQUE LABEL - (SHOW // HIDE)” LAYER VISIBLE IN THE BASE FOLDER - CHOOSE THE “<--- REPLACE LABEL ART ~ *BASE - OPAQUE LABEL - (SHOW // HIDE)” LAYER
TO ENSURE YOUR LABEL ARTWORK WILL BE MASKED CORRECTLY.
**THE LABEL ARTWORK “SMART LAYERS” ARE CLONED HERE IN EACH LAYER/FOLDER, SO YOU ONLY NEED TO CHANGE ONE SMART LAYER TO AUTOMATICALLY CHANGE THE ARTWORK IN THE OTHER SMART LAYER/S**
• IN GENERAL SMART LAYERS ON OPAQUE PRODUCTS OR TRANSPARENT PRODUCTS WITH OPAQUE LABELS WILL HAVE THE BLENDING MODE “MULTIPLY” APPLIED TO THEM. (FIG.A) - SMART LAYERS DIRECTLY VISIBLE OVER
TRANSPARENT PRODUCTS MAY HAVE THE BLENDING MODE “NORMAL” OR “SCREEN” APPLIED TO THEM - SO BE SURE TO CHECK THE LAYER BLENDING MODE & ALTER THE MODE IF YOU ARTWORK IS NOT APPEARING AS EXPECTED.

BASE FOLDER - IMPORTANT NOTES & INFORMATION 2
DEPENDING ON THE MOCK-UP YOU HAVE - IT MAY CONTAIN 2 FOLDER SETS TO CHOOSE FROM INSIDE THE MAIN BASE FOLDER. (SELECT & MAKE VISIBLE ONLY ONE FOLDER HERE!)
THE REASON THERE MAY BE TWO OPTIONS IS BECAUSE SOME MOCK-UPS ARE PROVIDED WITH ADDITIONAL ABSTRACT OBJECTS OR SHAPES IN THE SCENE. FOR YOUR CONVENIENCE, WHERE
PRACTICAL THE SAME COMPOSITION HAS BEEN RENDERED WITHOUT THE ABSTRACT OBJECTS - FOCUSING ONLY ON THE PRODUCT. SO IF YOUR MOCK-UP CONTAINS A “BASE - NO OBJECTS”
FOLDER & A “BASE - WITH OBJECTS” FOLDER IN THE BASE FOLDER. CHOOSE ONLY ONE FOLDER SET & MAKE VISIBLE THE PREFERRED SCENE WITHIN IT. TURN THE OTHER FOLDER OFF.
{
{
CHOOSE ONLY 1 FOLDER OPTION FROM WITHIN THE BASE
FOLDER & TURN ON THE 1 SUB LAYER WITHIN IT THAT YOU
WANT TO WORK WITH.
BASE - NO OBJECTS - (SHOW // HIDE) BASE - NO OBJECTS - (SHOW // HIDE)

**LABEL TYPES - FOR PRODUCTS** *BASE - OPAQUE LABEL - (SHOW // HIDE) ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)
YOUR (GLASS) BASED PRODUCT MOCK-UP MAY ALSO
CONTAIN 2 BASE OPTIONS TO CHOOSE FROM.
• ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)

• *BASE - OPAQUE LABEL - (SHOW // HIDE)
THE OPTION YOU CHOOSE HERE WILL ALSO

DETERMINE THE CORRESPONDING
“<--- REPLACE LABEL ART...” SMART LAYER /
FOLDER SET YOU WORK WITH, AND ANY OTHER
CUSTOMISABLE OPTIONS RELATING TO THE
“BASE” - LABEL TYPE YOU HAVE SELECTED.

THIS INCLUDES SELECTING THE CORRECT
FOLDER FOR COLORISING GLASS PRODUCTS &
ANY PACKAGING IN SITUATIONS WHERE THE
2 LABEL TYPE OPTIONS ARE MADE AVAILABLE.
• FOR SOLID BASED PRODUCTS SUCH AS A CAN OR BASE - WITH OBJECTS - (SHOW // HIDE) BASE - WITH OBJECTS - (SHOW // HIDE)
ANY OPAQUE PACKAGING YOU MAY FIND *BASE - OPAQUE LABEL - (SHOW // HIDE) ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)
THERE IS ONLY ONE BASE LABEL OPTION.

3
SELECTING THE BASE -

OPAQUE LABEL

CHOOSING
SELECTING THE CORRECT YOUR
BASE - FOR BASE
OPAQUE LABEL ARTWORK 4
* BASE - OPAQUE LABEL - (SHOW // HIDE)
* MAKE THIS LAYER VISIBLE (AS SHOWN ABOVE) WHEN OPTING FOR AN OPAQUE
LABEL OR SOLID LABEL LOOK.
(BE SURE TO TURN OFF VISIBILITY FOR THE LAYER -

‘BASE - TRANSPARENT LABEL’ OPTION)
RELATED ACTIVE LAYERS / FOLDERS
THE LAYER SETS BELOW ARE THE OTHER MAIN RELATIVE LAYERS YOU’LL NEED TO
HAVE VISIBLE (AND TURNED OFF) IF YOU WANT TO CUSTOMISE THE LABEL & GLASS
COLOR WHEN USING THE TRANSPARENT LABEL BASE OPTION
^BASE - TRANSPARENT LABEL’ - (SHOW HIDE) *BASE - OPAQUE LABEL - (SHOW // HIDE)

5
APPLYING YOUR ARTWORK

OPAQUE LABEL BASE

CHOOSING
FULL COLOR ARTWORK YOURBASE
- OPAQUE LABEL BASE 6
• PASTE YOUR DESIGN INTO THE “<--- REPLACE LABEL ART ~ *BASE - OPAQUE LABEL…“
LAYER USING ARTWORK WITH A TRANSPARENT BACKGROUND.
CUSTOM COLORS -> CUSTOM LABEL COLOR ~
• SET THIS LAYER TO VISIBLE IF YOU WANT TO COLORISE THE ‘WHITE”

BASE LABEL ON THE PRODUCT SEPARATELY FROM YOUR “REPLACE
LABEL ART” - ARTWORK LAYER.
• SET LAYER BLENDING MODE TO “MULTIPLY” FIG.2
• ON THE ‘REPLACE LABEL ART…” LAYER ITSELF, TURN OFF ALL OTHER LAYER STYLE OPTIONS
AVAILABLE AND MAKE VISIBLE THE “GRADIENT OVERLAY” FX. THIS ADDS A SHADOW ON YOUR
ARTWORK TO REDUCE FLATNESS. (DOUBLE CLICK TO EDIT THE GRADIENT OVERLAY % OPACITY)
*IF YOU WANT TO ACHIEVE THE SAME LOOK (AS SEEN ON THE RIGHT)
WHILE BEING ABLE TO COLORISE THE BASE LABEL SEPARATELY • COMBINED WITH THE SHADOW ADJUSTMENT LAYER BELOW (BE SURE TO ADJUST THE LAYER
FROM YOUR ARTWORK LAYER. PASTE IN A TRANSPARENT PNG OR % OPACITY HERE ALSO)… YOU CAN FURTHER CONTROL THE SHADOW INTENSITY OVER YOUR
PSD (NO SOLID BACKGROUND) INTO THE SMART LAYER & USE THE:
“CUSTOM COLORS” -> “CUSTOM LABEL COLOR ~...” LAYER,
LABEL ARTWORK TO MATCH CLOSER WITH THE AMBIENT SHADOWS ON THE PRODUCT
TO COLORISE THE BASE LABEL COLOR. SEE - FIG.2 (ABOVE)
OPTIONAL - PRODUCT SHADOW ADJUSTMENT
OR
PASTE IN YOUR FULL COLOR DESIGN ON ANY OPAQUE LABEL BASE

(USING EITHER A JPG,TIFF PNG, PSD, ETC…) - PASTE INTO THE: # SHADOW ADJUSTMENT LAYER - OVER LABEL (SHOW // HIDE)
“<--- REPLACE LABEL ART - *BASE OPAQUE LABEL” LAYER.
(ADJUST THE SCALE AND POSITION OF YOUR ARTWORK) AND SAVE • IT IS A GRADIENT OVERLAY (WHICH YOU CAN ADJUST)
THE .PSB & RETURN TO YOUR MAIN LAYOUT.
• THIS OPTIONAL ADJUSTMENT LAYER ADDS A SHADOW OVER YOUR LABEL ARTWORK TO
REDUCE FLATNESS & MATCH CLOSER WITH THE SHADOWS & HIGHLIGHTS ON THE PRODUCT
• SET LAYER BLENDING MODE TO “MULTIPLY” - (BE SURE TO CHECK OPACITY % LEVEL)
BECAUSE YOUR “<--- REPLACE LABEL ART” SMART LAYER IN THIS INSTANCE WILL USE THE BLENDING MODE “MULTIPLY”
(RATHER THAN “NORMAL”, (AS PER THE TRANSPARENT LABEL BASE OPTION) - IT NATURALLY INHERITS THROUGH (MULTIPLY)
THE SHADOWS ON THE BASE LABEL - SO YOU MAY NOT NEED TO USE IT. YOU CAN TURN IT ON OR OFF TO YOUR LIKING.

1 COLOR ARTWORK - CHOOSING YOUR
OPAQUE LABEL BASEBASE 7
• PASTE YOUR DESIGN INTO THE “<--- REPLACE LABEL ART ~ *BASE - OPAQUE LABEL…“ LAYER
WITH A TRANSPARENT BACKGROUND - EITHER AS A SINGLE COLOR DESIGN OR CONVERT
YOUR DESIGN TO A SINGLE COLOR INSIDE THE SMART LAYER USING THE COLOR OVERLAY
LAYER FX.
AVAILABLE AND MAKE VISIBLE ONLY THE “GRADIENT OVERLAY” FX. THIS ADDS AN AMBIENT
SHADOW OVER YOUR ARTWORK TO REDUCE FLATNESS. (DOUBLE CLICK TO EDIT THE GRADIENT
OVERLAY AND ADJUST THE % OPACITY FOR THE EFFECT)
• COMBINED WITH THE SHADOW ADJUSTMENT LAYER BELOW (OPTIONAL) - (BE SURE TO ADJUST
THE LAYER % OPACITY HERE ALSO)… YOU CAN FURTHER CONTROL THE SHADOW INTENSITY
OVER YOUR LABEL ARTWORK TO MATCH CLOSER WITH THE SHADOWS ON THE BASE PRODUCT
# SHADOW ADJUSTMENT LAYER - OVER LABEL (SHOW // HIDE)

• IT IS A GRADIENT OVERLAY (WHICH YOU CAN ADJUST)

METALLIC FOIL ARTWORK - OPAQUE LABEL BASE 8
• WITH YOUR ARTWORK PLACED IN THE SMART LAYER - TOGGLE THE LAYER FX OPEN.
*(BE SURE TO USE AN ORIGINAL DESIGN WITH A TRANSPARENT BACKGROUND - PNG OR PSD)
• FIG.1
• MAKE VISIBLE THE “PATTERN OVERLAY” FX AND THE “GRADIENT OVERLAY” FX - (AND ALSO
THE “BEVEL & EMBOSS” IF YOU WANT YOUR ARTWORK TO APPEAR SLIGHTLY RAISED
OFF THE SURFACE OF THE PRODUCT).
• DOUBLE CLICK THE “PATTERN OVERLAY” FX TO BRING UP ITS DIALOGUE BOX (SEE • FIG.1)
• DOUBLE CLICK ON THE PATTERN IMAGE TO BRING UP AVAILABLE PATTERN TEXTURES -

SELECT YOUR PREFERRED TEXTURE (GOLD OR SILVER - OR YOU CAN ADD YOUR OWN) AND
ALSO MAKE ANY NECESSARY TEXTURE ADJUSTMENTS HERE IF NECESSARY.


9
SELECTING THE BASE -

TRANSPARENT LABEL

CHOOSING
SELECTING THE CORRECT YOUR
BASE - FOR BASE
TRANSPARENT LABEL ARTWORK 10
^BASE TRANSPARENT LABEL - (SHOW // HIDE)
^MAKE THIS LAYER VISIBLE (AS SHOWN ABOVE) WHEN OPTING FOR A TRANSPARENT
LABEL OR CLEAR STICKER LOOK ON YOUR PRODUCT.
(BE SURE TO TURN OFF VISIBILITY FOR THE LAYER - ‘BASE - OPAQUE LABEL’ OPTION)
RELATED ACTIVE LAYERS / FOLDERS
THE LAYER SETS BELOW ARE THE OTHER MAIN RELATIVE LAYERS YOU’LL NEED TO
HAVE VISIBLE (AND TURNED OFF) IF YOU WANT TO CUSTOMISE THE LABEL & GLASS
COLOR WHEN USING THE TRANSPARENT LABEL BASE OPTION
*BASE - OPAQUE LABEL - (SHOW // HIDE) ^BASE - TRANSPARENT LABEL’ - (SHOW HIDE)

11
APPLYING YOUR ARTWORK

TRANSPARENT LABEL BASE

CHOOSING
FULL COLOR ARTWORK YOURLABEL
- TRANSPARENT BASEBASE 12
• PASTE YOUR DESIGN INTO THE “<--- REPLACE LABEL ART ~ ^BASE TRANSPARENT - LABEL“
LAYER (PLACE ARTWORK WITH A TRANSPARENT BACKGROUND).
**WARNING** SOME SMART LAYERS MAY HAVE LAYER STYLES & FX APPLIED
TO THEM - BE SURE TO TURN OFF ANY REDUNDANT VISIBLE
LAYER FX WHEN YOU WANT YOUR ARTWORK TO REFLECT
YOUR ORIGINAL FULL COLOR DESIGN
AVAILABLE AND MAKE VISIBLE THE “GRADIENT OVERLAY” FX. THIS ADDS A SHADOW ON YOUR
ARTWORK TO REDUCE FLATNESS. (DOUBLE CLICK TO EDIT THE GRADIENT OVERLAY % OPACITY)
• COMBINED WITH THE SHADOW ADJUSTMENT LAYER BELOW (BE SURE TO ADJUST THE LAYER
% OPACITY HERE ALSO)… YOU CAN FURTHER CONTROL THE SHADOW INTENSITY OVER YOUR
LABEL ARTWORK TO MATCH CLOSER WITH THE SHADOWS ON THE PRODUCT
OPTIONAL LABEL SHADOW ADJUSTMENT

BECAUSE YOUR “<--- REPLACE LABEL ART” SMART LAYER IN THIS INSTANCE WILL USE THE BLENDING MODE “NORMAL”
(RATHER THAN “MULTIPLY”, (AS PER THE OPAQUE LABEL BASE OPTION) - YOU MAY WANT TO USE THIS TO ADD ADDITIONAL
SHADOWS OVER THE ARTWORK. YOU CAN ADJUST & TURN IT ON OR OFF TO YOUR LIKING.

1 COLOR ARTWORK - CHOOSING YOUR
TRANSPARENT LABELBASE
BASE 13
LAYER WITH A TRANSPARENT BACKGROUND - EITHER AS A SINGLE COLOR DESIGN OR
CONVERT YOUR DESIGN TO A SINGLE COLOR INSIDE THE SMART LAYER USING THE COLOR
OVERLAY LAYER FX.
AVAILABLE AND MAKE VISIBLE ONLY THE “GRADIENT OVERLAY” FX. THIS ADDS AN AMBIENT
SHADOW OVER YOUR ARTWORK TO REDUCE FLATNESS. (DOUBLE CLICK TO EDIT THE GRADIENT
OVERLAY AND ADJUST THE % OPACITY FOR THE EFFECT)
• COMBINED WITH THE SHADOW ADJUSTMENT LAYER BELOW (OPTIONAL) - (BE SURE TO ADJUST
THE LAYER % OPACITY HERE ALSO)… YOU CAN FURTHER CONTROL THE SHADOW INTENSITY
OVER YOUR LABEL ARTWORK TO MATCH CLOSER WITH THE SHADOWS ON THE BASE PRODUCT
OPTIONAL LABEL SHADOW ADJUSTMENT


METALLIC FOIL ARTWORK - TRANSPARENT LABEL BASE 14
LAYER (MAKE SURE YOUR ARTWORK WITH A TRANSPARENT BACKGROUND.
• FIG.1
• TURN OFF ALL OTHER LAYER STYLE OPTIONS AVAILABLE AND MAKE VISIBLE THE “GRADIENT
OVERLAY” AND “PATTERN OVERLAY” FX (AND ALSO THE “BEVEL & EMBOSS” IF YOU WANT YOUR
ARTWORK TO APPEAR SLIGHTLY RAISED OFF THE PRODUCT SURFACE).
• DOUBLE CLICK THE “PATTERN OVERLAY” TO BRING UP ITS DIALOGUE BOX (SEE • FIG.1 AT LEFT)
• CLICK ON THE PATTERN IMAGE TO BRING UP AVAILABLE PATTERN TEXTURES - SELECT YOUR
PREFERRED TEXTURE (GOLD OR SILVER OR YOU CAN ADD YOUR OWN).
OPTIONAL LABEL SHADOW ADJUSTMENT (LOCATED INSIDE THE “HIGHLIGHTS” FOLDER)


15
CUSTOMISING COLORS

COLORISING GLASS & TRANSPARENT OBJECTS - CUSTOM COLORS 16
• FIG.4 • LOCATE THE CUSTOM COLORS FOLDER…
• INSIDE THAT LOCATE THE RELATIVE “GLASS COLOR - …” FOLDER YOU ARE WORKING WITH.
(SELECT EITHER THE GLASS COLOR - OPAQUE LABEL OR GLASS COLOR - TRANSPARENT LABEL).
* MAKE VISIBLE ONLY 1 FOLDER OPTION BELOW!
• DOUBLE CLICK THE RELATIVE HUE / SATURATION ADJUSTMENT LAYER IN THE LAYERS
WINDOW TO BRING UP THE HUE SATURATION DIALOGUE BOX - (SEE FIG.4)
• MAKE SURE THE “COLORISE” CHECK BOX IS SELECTED
• USE THE HUE / SATURATION / LIGHTNESS KNOTS ON THE SLIDER TO SELECT YOUR DESIRED
COLOR - EXPERIMENT WITH THE PARAMETERS TO SEE THE VARIATIONS.

COLORISING OPAQUE OBJECTS - CUSTOM COLORS 17
LOCATED IN THE CUSTOM COLORS FOLDER - ARE THE RELATIVE SUB-FOLDERS FOR CUSTOMISING YOUR PRODUCT (AND ANY OBJECTS IN THE SCENE). FOLDERS ARE CLEARLY LABELED FOR YOUR
CONVENIENCE AND WHERE POSSIBLE YOU WILL HAVE THE OPTION TO COLOR ENTIRE PARTS OF A PRODUCT WITH A SINGLE CLICK (FULL MASK) - OR COLOR PARTS OF THE PRODUCT INDIVIDUALLY
(SEPARATE MASKS) - AS SHOWN IN THE EXAMPLE BELOW USING THE DROPPER CAP.
• THIS EXAMPLE COLORS THE ENTIRE CAP IN 1 CLICK
• DOUBLE CLICK THE RELATIVE SOLID COLOR

ADJUSTMENT LAYER IN THE LAYERS WINDOW • THIS EXAMPLE COLORS PARTS OF THE CAP SEPARATELY
TO BRING UP THE COLOR PICKER - (SOLID COLOR)
DIALOGUE BOX - (SEE FIG.5) • DOUBLE CLICK THE RELATIVE SOLID COLOR
ADJUSTMENT LAYER IN THE LAYERS WINDOW
• CHOOSE YOUR COLOR & CLICK “OK” TO BRING UP THE COLOR PICKER - (SOLID COLOR)
DIALOGUE BOX - (SEE FIG.5)
• CHOOSE YOUR COLOR & CLICK “OK”
• COLOR PICKER - (SOLID COLOR) ADJUSTMENT LAYER
* DEPENDING ON THE OPTION YOU CHOOSE - BE SURE TO

TURN THE OTHER FOLDER OFF! SO YOUR COLOR IS
NOT BEING MULTIPLIED THROUGH THE FOLDER LAYERS.
* THIS SAME COLOR FUNCTIONALITY IS AVAILABLE FOR ALL

PRODUCTS WHERE POSSIBLE. FOR EXAMPLE IF
YOU HAVE A BOX IN THE SCENE, THE OPTION TO COLOR
THE INDIVIDUAL SIDES OF THE BOX SEPARATELY
OR COLOR THE ENTIRE BOX THE SAME COLOR WITH ONE
CLICK WILL GENERALLY BE AVAILABLE FOR YOUR
CONVENIENCE.
FIG.5

18
HIGHLIGHTS FOLDER

HIGHLIGHTS FOLDER - IMPORTANT NOTES & INFORMATION 19
THE HIGHLIGHTS FOLDER CONTAINS THE HIGHLIGHT ADJUSTMENT LAYERS FOR THE PRODUCTS & OBJECTS IN THE SCENE. DEPENDING ON YOUR MOCK-UP, YOU MAY FIND REFLECTION, SHINE &
AMBIENT SHADOW LAYERS/FOLDERS. YOU ARE ONLY GENERALLY REQUIRED TO ADJUST THE LAYER OPACITY % ON THESE OR TURN ON OR OFF ANY OF THESE LAYERS YOU WANT TO USE.
THE EXAMPLE BELOW USES “CAP” REFLECTION LAYERS THE EXAMPLE BELOW USES “BOTTLE” REFLECTION & SHINE LAYERS AND SHOWS
THE DIFFERENCE BETWEEN THE REFLECTION ON THE PRODUCT WHERE NO
REFLECTION OR SHINE IS USED - (FIG.8) & WHERE REFLECTION & SHINE LAYERS ARE
TURNED ON WITH AN OPACITY OF 90% (FIG.9)
(FIG.8) (FIG.9)
THE EXAMPLE BELOW SHOWS THE DIFFERENCE BETWEEN THE
REFLECTION ON THE PRODUCT WHERE NO REFLECTION IS USED
(FIG.6) & WHERE 80% LAYER OPACITY IS APPLIED TO THE NIB &
GRIP LAYER (FIG.7)
(FIG.6) (FIG.7)
REFLECTION - NIB LAYER REFLECTION - NIB LAYER

REFLECTION - GRIP LAYER REFLECTION - GRIP LAYER
• REFLECTION OFF • LAYER OPACITY 80% • REFLECTION & SHINE LAYERS “OFF” • REFLECTION & SHINE LAYERS “ON”

HIGHLIGHTS FOLDER - #SHADOW ADJUSTMENT LAYER INFO 20
OPTIONAL LABEL SHADOW ADJUSTMENT (LOCATED INSIDE THE “HIGHLIGHTS” FOLDER)

COMPARISON BELOW - OPAQUE LABEL VERSION
SHOWN WITH & WITHOUT THE LABEL #SHADOW ADJUSTMENT LAYER
DOUBLE CLICK THE GRADIENT FILL WHEN YOU CLICK THE Gradient THIS WILL
LAYER (LOCATED IN THE HIGHLIGHTS BRING UP THE GRADIENT EDITOR AS SHOWN
FOLDER) - TO BRING UP THE GRADIENT BELOW (FIG.11). USE THE KNOTS ON THE
FILL DIALOGUE BOX AS SHOWN BELOW. GRADIENT SLIDER TO CONTROL & ADJUST
THE COLORS AND POSITION AS DESIRED.
THEN CLICK THE Gradient! (FIG.10)
(FIG.10)
(FIG.11)
• #SHADOW ADJUSTMENT LAYER “ON” • #SHADOW ADJUSTMENT LAYER “OFF”

21
BACKGROUND FOLDER

BACKGROUND FOLDER - IMPORTANT NOTES & INFORMATION 22
DEPENDING ON THE MOCK-UP YOU HAVE - IT MAY CONTAIN 2 FOLDER SETS INSIDE THE BACKGROUND FOLDER. OTHERWISE PROCEED AS DESCRIBED.
THE REASON THERE MAY BE TWO OPTIONS IS BECAUSE SOME MOCK-UPS ARE PROVIDED WITH ADDITIONAL ABSTRACT OBJECTS OR SHAPES IN THE SCENE. BE SURE TO CHOOSE THE CORRECT
LAYER THAT APPLIES TO YOUR INITIAL BASE OPTION SET-UP & LABEL TYPE SELECTION. SEE EXAMPLE BELOW.
FOR EXAMPLE IF USING A “BASE WITH OBJECTS” AND A “BASE OPAQUE LABEL” SETUP- YOU WOULD NAVIGATE THE RELATIVE FOLDER TYPE ... AND THEN SELECT THE RELATIVE CUSTOM
BACKGROUND LAYER AS HIGHLIGHTED BELOW. - (DOUBLE CLICK ON THE LAYER TO OPEN THE SOLID COLOR PICKER AND SELECT YOUR BACKGROUND COLOR).
{
{
CHOOSE ONLY 1 FOLDER OPTION FROM WITHIN THE
BACKGROUND FOLDER & TURN ON THE RELATIVE SUB
LAYER WITHIN IT RELATIVE TO YOUR BASE & LABEL TYPE.
BASE - NO OBJECTS - (SHOW // HIDE) BASE - NO OBJECTS - (SHOW // HIDE)

**LABEL TYPES - FOR GLASS PRODUCTS** *BASE - OPAQUE LABEL - (SHOW // HIDE) ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)
YOUR GLASS BASED PRODUCT MOCK-UP MAY

CONTAIN 2 BASE OPTIONS TO CHOOSE FROM.
• ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)

• *BASE - OPAQUE LABEL - (SHOW // HIDE)
THE OPTION YOU CHOOSE HERE WILL ALSO

DETERMINE THE PARTICULAR
“<--- REPLACE LABEL ART...” SMART LAYER
FOLDER SET YOU WORK WITH, AND ANY OTHER
CUSTOMISABLE OPTIONS RELATING TO THE “BASE” -
LABEL TYPE YOU HAVE SELECTED.
MOST LAYERS & FOLDERS ARE NAME DESCRIPTIVE

& WILL INDICATE WHICH BASE IMAGE THEY RELATE
TO - SO IT IS CLEAR WHICH LAYERS YOU MAY BE
REQUIRED TO TURN ON AND OFF.
BASE - WITH OBJECTS - (SHOW // HIDE) BASE - WITH OBJECTS - (SHOW // HIDE)
*BASE - OPAQUE LABEL - (SHOW // HIDE) ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)

ISOLATING PRODUCTS WITH TRANSPARENT BACKGROUND (DEEP - ETCH) 23
TO ISOLATE OR EXPORT YOUR PRODUCT (AND OR OBJECTS) IN THE SCENE WITH A TRANSPARENT BACKGROUND SIMPLY FOLLOW THE STEPS BELOW.
1) TOGGLE THE -MASK- VISIBILITY FOR THE “HIGHLIGHTS” FOLDER TO VISIBLE ON. (HIDE THE ‘RED X’ ON MASK).
2) TOGGLE THE -MASK- VISIBILITY FOR THE RELATIVE “BASE” LAYER/FOLDER THAT YOU ARE USING - TO VISIBLE ON. (HIDE THE ‘RED X’ ON MASK).
3) TOGGLE -LAYER- VISIBILITY FOR THE “BACKGROUND” FOLDER TO OFF - (HIDE LAYER VISIBILITY COMPLETELY)
4) SAVE AS PNG or PSD.
IN THIS EXAMPLE WE ARE USING A ‘BASE WITH

OBJECTS’ AND A ‘*BASE - OPAQUE LABEL’.
THE EXAMPLE SHOWS (FIG.12) UNAFFECTED
WITH BACKGROUND VISIBLE & (FIG.13) WITH
BACKGROUND HIDDEN & OBJECTS NOW ISOLATED
USING THE SETTINGS ABOVE.
(FIG.12)
(FIG.13)

FOR VIDEO TUTS - TIPS & TRICKS PLEASE VISIT
THESOUNDOFBREAKINGGLASS.COM

Premium Product Mock-Ups - Help Guide

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Premium Product Mock-Ups - Help Guide

Uploaded by

Copyright:

Available Formats

PREMIUM PRODUCT MOCK-UPS - HELP GUIDE

“WHILE THE EXAMPLES IN THIS HELP GUIDE DEPICTS A DROPPER BOTTLE...

FOR VIDEO TUTS - TIPS & TRICKS PLEASE VISIT

EDITING SMART LAYERS ............................................................................................... 1 CUSTOMISING COLORS ................................................................................................. 15

OPAQUE LABEL BASE ................................................................................................... 3 COLORISING OPAQUE OBJECTS - CUSTOM COLORS................................................... 17

1 COLOR ARTWORK - OPAQUE LABEL BASE . .............................................................. 7 BACKGROUND FOLDER ................................................................................................. 21

SELECTING THE CORRECT BASE - TRANSPARENT LABEL ARTWORK ...................... 10

APPLYING YOUR ARTWORK - TRANSPARENT LABEL BASE . ...................................... 11

FULL COLOR ARTWORK - TRANSPARENT LABEL BASE ............................................. 12

SINGLE COLOR ARTWORK - TRANSPARENT LABEL BASE ......................................... 13

METALLIC FOIL - TRANSPARENT LABEL BASE .......................................................... 14

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

EDITING SMART LAYERS &

1. OPEN UP THE LAYERS WINDOW DIALOGUE BOX AS SEEN IN (FIG.A)

2. (RIGHT CLICK » EDIT CONTENTS)... (OR DOUBLE CLICK) THE

THE EDITABLE SMART OBJECT LAYERS ARE ALMOST ALWAYS

YOU MAY NEED TO SCALE OR CROP DEPENDING ON YOUR ORIGINAL

4. THE CHANGES WILL BE REFLECTED UPON RETURNING TO YOUR

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

BASE - NO OBJECTS - (SHOW // HIDE) BASE - NO OBJECTS - (SHOW // HIDE)

• ^BASE - TRANSPARENT LABEL - (SHOW // HIDE)

THE OPTION YOU CHOOSE HERE WILL ALSO

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

SELECTING THE BASE -

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

* BASE - OPAQUE LABEL - (SHOW // HIDE)

(BE SURE TO TURN OFF VISIBILITY FOR THE LAYER -

RELATED ACTIVE LAYERS / FOLDERS

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

APPLYING YOUR ARTWORK

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

CUSTOM COLORS -> CUSTOM LABEL COLOR ~

• SET THIS LAYER TO VISIBLE IF YOU WANT TO COLORISE THE ‘WHITE”

• SET LAYER BLENDING MODE TO “MULTIPLY” FIG.2

OPTIONAL - PRODUCT SHADOW ADJUSTMENT

PASTE IN YOUR FULL COLOR DESIGN ON ANY OPAQUE LABEL BASE

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

OPTIONAL - PRODUCT SHADOW ADJUSTMENT

# SHADOW ADJUSTMENT LAYER - OVER LABEL (SHOW // HIDE)

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

• DOUBLE CLICK ON THE PATTERN IMAGE TO BRING UP AVAILABLE PATTERN TEXTURES -

OPTIONAL - PRODUCT SHADOW ADJUSTMENT

# SHADOW ADJUSTMENT LAYER - OVER LABEL (SHOW // HIDE)

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

SELECTING THE BASE -

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

^BASE TRANSPARENT LABEL - (SHOW // HIDE)

RELATED ACTIVE LAYERS / FOLDERS

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

APPLYING YOUR ARTWORK

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

OPTIONAL LABEL SHADOW ADJUSTMENT

# SHADOW ADJUSTMENT LAYER - OVER LABEL (SHOW // HIDE)

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

OPTIONAL LABEL SHADOW ADJUSTMENT

# SHADOW ADJUSTMENT LAYER - OVER LABEL (SHOW // HIDE)

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

OPTIONAL LABEL SHADOW ADJUSTMENT (LOCATED INSIDE THE “HIGHLIGHTS” FOLDER)

# SHADOW ADJUSTMENT LAYER - OVER LABEL (SHOW // HIDE)

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

© THE SOUND OF BREAKING GLASS - CREATIVE STUDIO - AUSTRALIA THESOUNDOFBREAKINGGLASS.COM

• FIG.4 • LOCATE THE CUSTOM COLORS FOLDER…

* MAKE VISIBLE ONLY 1 FOLDER OPTION BELOW!