SuperZ

i'{{}};}-?*'
S
VDOWN & DIRWTRICKS
5u per
le
trELIX NtrLSON
tc
U
A
on
usually two responses:"How dare you mess
when an iconic logo gets revised or changed, there are
t
IV
lnthecaseoftheclassic
withaclassicdesign,';or"lt'saboutclamntime."Youeitherloveitorhatelt
Pictures'ManofSteelmovie)'ttnowhas
Supermanlogo(asseenintheteaserirarlerforwarnerBros
and appear-
tl"
ance,
fc
rogo maintains the originars time honored shape
a very textured rook and feer. The updated
of the new look
but lt definitely has a fresh feelto it. Here's our version
1(
ol
di
s
c
Open the SuperZ-paths.psd Choose the Gradtthumbent tool (G) from the Toolbox and clrck on the Gradient
Background
to
Foreground
nail (in the Options Bar) Choose
) sreeouE:
as
t
c
cl
the gradrent type. Click on the Ieft color stop under the
tr
gradient bar, then click on the Color swatch, choose a reddishthe right
brown color (R.16, G.12, B:9), and click OK Click on
reddlshcolor stop, click the Color swatch, choose the same
the
below
center
in
the
click
Now,
OK.
click
and
brown color,
swatch'
Color
the
Click
stop
color
third
a
gradient bar to add
N
tit
n{
ri{
St
click OK'
choose an orange color (R.219' G'126, B:49)' and
Editor'
Click OK to close I'he Gradient
SuperZ-paths psd used in
INAPP members may download the
this tutorial at http:/lmembers photoshopuser'com/magazne/
issue/april-2T13. All files are for personal use only'l
S
b(
o
l:
cob'
rym'
OI
rocarror:'qo
lr
oerete
o
ler
STEPTWo:
Clrck on Path
ci
1
fo
in the Paths Panel (Window>
Paths). Using the Pa[h Selec-
s
tion tool (A), click on onlY the
B€
top-left segment of the Path
Now click the Load Path as
O1
a Selection icon (the dotted
th
circle) at the bottom of the
portion of the path'
Paths panel to make a selection of only that
a New
Create a new layer (Layer 1) by clicking on the Create
2(
GI
the GradiLayer icon at the bottom of the Layers panel Choose
the Linear Gradient icon in the Options Bar' and
ent tool, click
right side of
click-and-drag a gradrent from the left toward the
.:
't
!o
ttr
(
o
l
0-
o
I
o
o
F
o
I
tr
o32
cll
th
ar
M
the selection.
a5
N
I
11
lis
ch
STEPTHREE: With the Path Selection tool,
select another
path segment in Path 1, load it as a selection, switch to the
Gradient tool, and add a gradient Repeat for each individual
segment. Deselect after completing the final segment
you the ability
lVote: Creating the gradients individually gives
path
segment lf
to control the direction and location of each
would
gradient
you were to choose the entire path at once, the
only go in a single direction
an
Pa
clan
ne
thr
an
Sci
th(
}
DOWN & DIRTYTRICKS
Click the Add a Layer Style icon (/x) at the botlJncheck
tom of the Layers panel and choose Bevel & Emboss
for Angle' and 45" for
Use Global Light, enter 3 px for Size, -96"
Contour
Altitude. Click the down-facing arrow next to the Gloss
srEP FouR:
Highlight
thumbnail and choose Rounded Steps Change the
to
Opacity
Mode
Highliqht
the
raise
Mode to Color Dodge,
click
Now
45ok
Io
Opacity
'
0O%, and lower the Shadow Mode
the left) Change
on the words "lnner Glow" (in the Styles list on
choose a
swatch'
the Blend Mode to Multiply, click the color
3 px
Enter
dark-brown color (R:BB, G:21, B:O), and click OK
'1
/J
\n
for Size. Don't click OK Yet.
)
Choose Gradient Overlay from the Styles list'
Gradient
Change the Blend Mode to Overlay Click on the
the type
as
thumbnail and choose Foreground to Transparent
srEP FlvE:
thumbnail'
Click on the left color stop under the gradient
as
Reflected
Choose
OK
click
and
color,
the
as
choose white
25o/o
to
Scale
the
Iower
and
Angle,
for
3"
the Style, enter -1
Choose MulNow choose Pattern Overlay from the Styles list
arrow
down-facing
the
on
click
tiply for the Blend Mode, and
top
the
on
icon
gear
the
to the Pattern thumbnail. Click
next
and select
right of the Pattern Picker, choose Artist Surfaces'
styles'
the
Stone (80 by BO) as the Pattern Click OK to apply
sTEP slXr
Click the Foreground color swatch in the Toola dark-red color (R:140, G:39, B:31)' and click
box, choose
(PC: Ctrl-click)
OK. Add a new layer (Layer 2) Command-click
Press
selection
on Path 2 in the Paths panel to load it as a
DeseOption-Delete (PC: Alt-Backspace) to fill the selection
folder' and
lect. Go to Filte>Filter Gallery. Click on the Texture
Texture 2OO%
choose Texturizer. Choose Sandstone for the
'
click OK'
and
Light'
for
Right
Top
for Scaling, 3 for Relief,
STEP SEVEN: Click the Add a Layer Style lcon and cnoose
for Size, lower the Highlight Mode
Choose lnner
Opacity to 65ok, and uncheck Use Global Light
Multiply' click
to
Mode
Blend
the
Set
list.
Styles
Glow from the
Bevel & Emboss. Enter 2 px
Opacity' and
the color swatch, choose black, enter 65% for
the Styles
rom
f
Overlay
200 px for 5ize. Choose Gradient
list. Click the Gradient thumbnail, I '1i:::"*
choose Foreground to TransParent,
click the bottom-left color stop, click
the Color swatch, choose whtte,
and click OK twice. Set the Blend
&d .f,-*:
d,.q." Gra
h"
.._I
:j
:
5.i
'
'.
i
t;f
:
!-,-ff.'
:i::..-r111-
ri
*"1'r:'1''i...*,*
*,"r.
!/
r,i..-
r,
Mode to Overlay, choose Radial , "---..*,. , ",,,
*;- :**'1.'-,.
as the Style, enter -90" for Angle,
;. ' ' -'1"a
and lower the Scale to 9B%. Choose
r':,i:::r:i::::"::::'r:ii::::
Pattern Overlay from the Styles list
Mode, , ,I* ,;;;. ,'.
arrow ' r i1 ] 3'i "
down-faclng
the
on
click
and
.:.:
next to the Pattern thumbnail. Click
-:;'.,-3.:.
the gear icon, choose Texture Fill, :l,. d*r-*'-li
Choose Multiply for the Blend
,
.
the
:,
and select Blistered Palnt
I
Scale to 175ok, and click OK to apply
Set
the
styles.
_l-'::
o
,
,
rU
o
l
tr
o
I
o
o
F
o
I
0-
:
".
3
3
3
.."*.;{' ,-'*"'*
i, :':;:-:::,'
l":::rlli:tt,ii::tl::ll::ltl:l1a:ati:lial:i:::illi:::
033
)
DOWN&DIRTYTRICKS)
STEP EIGHT: Add a new
)
layer
(Layer 3). Command-click (PC: Ctrlclick) on Path 3
Press
to load it as a selection.
Option-Delete (PC: Alt-Backspace)
to fill the selection. Press Command-F
(PC: Ctrl-F) to apply the last [ilter setting. Deselect. Now, press-and-hold the
Option (PC: Alt) key, click on the word
"Effects" under LaYer 2, and drag it to
Layer 3 to apply the same layer styles
srEP NINE:
Double-click the
n,d[1..qln
words "lnner Glow" under LaYer 3
so you can edit the laYer stYle. In
the Layer StYle dialog, raise the
&!!i
Opacity to 75o/o, and lower the
Size to 1OO px. Choose Outer Glow
f rom the Styles Iist. Change the
tu,.
E'r
i
i.
i
*.*.
.-]..!1'
l
:
]j'
,*.r'_-_* l;-
o!.i '...-.T':*
1
.:
.tl
tl
l
""- ,r'--...___'
a?:,:@]-,
Size. Finally, choose DroP Shadow
*_ .;i.
I
::
STEPTEN: Add a new
ld
j,',.---l
-- j,
Blend Mode to MultiPlY, click the
color swatch, choose black as the
'1
color, and click OK. Enter 0 Px for
from the Styles list. Uncheck Use
Global Light, enter 90" for Angle,
7 pxfor Distance, and 2 Px for Size.
Click OK to apPlY the stYles.
--ilr_---r
ii I :: IXgt-
,G
l:: i,:, i i ::::
.,, -...
::l:i_--r'
l l l i,
t : r
I
i:
it
i
:::rl l:
:r
:
t : :
:
r
l
r:::l
: r l
:
::
: : : :
r
i a:
l
laYer
s
(Layer 4). Command-click (PC: Ctrl-
a
click) on Path 4. Press Option-Delete
1PC: Alt-Backspace) to f ill
IrI.:rwa-l-
C
the selec-
tion. Press Command-F (PC: Ctrl-F)
to apply the last filter seLting. Deselect. Press-and-hold the Option (PC:
'I
r--., ..- S..
bi j_'"ll
l'
r- '"'r""""
c
,
l"
..""'..*, . .'"
Alt) key, click on the word "Effects"
under Layer 3, and drag it to Layer 4
to apply the same layer styles. Double-click on "lnner Glow"
under Layer 4, lower the Size to 50 px, and click OK to apply
the style.
5
N
l
r
tr
i
t
STEP ELEVEN: Add another new
layer (Layer 5) and change the blend
mode to Overlay. Press D then X to set
the Foreground color to white. Com-
U
mand-click (PC:Ctrl-click) on the Layer 2
l
thumbnail to load it as a selection.
Choose the Brush tool (B) from the
0
tr
o
I
0
o
Toolbox. Using a large, soft-edged
o
I
I
brush, paint a highlight area over the
top-center portion of the logo (see ex-
F
o34
ample). Don't deselect Yet.
:
c
8
c
B
5(
DOWN & DIRTYTRICKS
STEPTWELVE: Add
a new layer (Layer 6).
Change the blend mode
to Vivid Lrght, and lower
the Opacity to
35%
Us-
ing a large, soft-edged
brush, paint in a highlight over the top-center part of the logo. Duplicate Layer 6
(Layer 6 copy) by dragging it onto the Create a New Layer
icon. Change the blend mode to Overlay, and the Opacity to
100%. Deselect.
STEP THIRTEEN: Add another
new layer (Layer 7), and move it to
the bottom of the layers stack, but
above the origrnal Background layer
Command-click (PC: Ctrl-click) on
the Layer 1 thumbnail, then ShiftCommand-click (PC: Shift-Ctrl-click)
on the Layer 2 thumbnail to add it
to the selection. Press D to set the
Foreground color to black. Choose
the Gradient tool, click on the gradient thumbnail in the Options Bar,
choose Foreground
io Transparent, and click OK. Now, click-
and-drag a Gradient from the top toward the bottom of the
selection. Deselect. Use the Move tool (V) and click-and-drag
the shadow image you lust created down (see example).
sTEP FouRTeeN: Click the Add
a Layer Style icon and choose Outer
Glow. Choose Overlay
for Blend Mode,
a,tl
l
click on the color swatch, choose white,
click OK to close
the Color Picker, enter
85% for Opacity, 100 px for Size, and
click OK. Go
to Filter>Blur>Gaussian
Blur. Enter 3 Pixels and click OK. Add
sonre type
to complete the logo
rG
:
o
O
rU
0
l
0-
o
I
0
o
F
o
I
tr
i
i
u55