Professional Documents
Culture Documents
PHOTO WORKSHOP
Expert brushwork | Split tones | Simulate 3D | Professional printing | Warp Transform | Interview: Dylan Cole
SPLIT
TONES
Stunning mono images with key
lighting and toning effects
FRE
CH
FROARAC
M T
E
WO DAZE3RS
£55 RTH D
*
HOW TO…
EXPERT
6-PAGE MASTERCLASS
Simulate 3D in Photoshop
Transform shapes and perspective
Use pro printing techniques
Showcase your work online
SHAREYOUR
ARTWORK NOW
VISIT OURWEBSITE AT
www.advancedphotoshop.co.uk
www.advancedphotoshop.co.uk
ISSUE 42
ISSN 1748-7277 £5.99
42
9 771748 727009
Cover image
“This was a quite-fast personal project. I wanted to
capture the sense of strength that you are filled with
after you have overcome something hard and Imageer:
devastating. The whole image was created from MICHAL IVAN
scratch in Photoshop CS3 with my Wacom Intuos 2
tablet. I used my custom-made brushes: mostly
texture variations of hard, round brushes and various
splatter brushes. I started this as a very simple shape,
THIS IMAGE WAS A
which I was modifying until I was satisfied.”
/
QUITE-FAST PERSONAL
PROJECT
http://perzo.cgsociety.org
4
Advanced Photoshop
10
Advanced Photoshop
NOT
compatible with Photoshop 7, CS, CS2 and CS3. As an
added bonus, DAZ is also offering a free 3D Bridge
Starter Bundle, valued at over $320 containing several
textures, hairstyles and poses.
HOT
3D PACKAGE: Studio 3D Bridge is available as a beta for free now, and “With a community of over 500,000 members, DAZ’s
you can also get the 3D Bridge Starter Bundle, which includes a range of goal is to continually bring 3D to the masses, and this
source files, including EmotiGuy, pictured above
product allows artists of all levels to incorporate 3D into
their workflow,” says Dan Farr, president of DAZ 3D.
The full first version of the Studio 3D Bridge software COTTON MONSTERS
will be available in spring this year, with the beta valid From $28
until 30 June 2008. http://cottonmonster.com
See our disc this month, where you will find DAZ’s 3D These cute critters are the work of
Studio Bridge for you to try out as well as the FREAK Jennifer Strunge and there are so
package, which contains some of the most popular many designs to choose from, there’s
fantasy figures, worth $109. one for everyone!
iPHONE AND
iPOD TOUCH
£329 (for 16GB models)
www.apple.com/ukstore
If you haven’t hopped on the iPhone or
iPod touch bandwagon yet, Apple has
now released models with double the
memory at less than double the price.
Apple Aperture 2
Apple has updated its popular image-management and NEW AND PHOTOSHOP
NOT
IMPROVED:
photo-editing suite, Aperture, to make it faster, easier to use
and more powerful than the first incarnation.
The latest version MISTAKE
of the image- www.tennessean.com
There are over 100 new features, including a streamlined management
software is Red faces all around at the Memphis
user interface and a new image-processing engine. The available for just Flyer, which accidentally printed a
tools have been overhauled too, with options for highlight £129, or £65 as Photoshopped image rather than a
recovery, colour vibrancy, local contrast definition, soft- an upgrade real one changing the entire context of
edged retouching, vignetting and RAW fine-tuning. the piece – kicking off a new debate
“Many of the most respected photographers on into the ethics of photomanipulation.
assignment all over the world trust Aperture to organise,
edit and deliver their images,” says Rob Schoeben, Apple’s
vice president of Applications Product Marketing. “With its
ADOBE STOCK
£19.99
simpler interface and lower price, anyone can take full www.adobe.com/products/
advantage of Aperture’s power.” creativesuite/stockphotos/
Working perfectly with Mac OS X, iLife, iWork, .Mac and Adobe’s royalty-free Stock Photo
Apple print products, this is sure to be a popular choice with www.apple.com/uk/aperture image service will be discontinued.
Mac users. Available for £129 from www.apple.com/ukstore. Standalone uninstallers are available
to remove it from CS packages.
11
Advanced Photoshop
DIARY
reputed to have ‘the
form factors. world’s fastest burst
First up, Casio has announced five new additions to its shooting performance’
range of EXILIM products, with the most exciting being the
DATES
Pro EX-F1. The name gives a lot away, with its connotations SAMSUNG NV24HD
of professional quality and super-speed being its main (FAR RIGHT):
selling points. As well as capturing at full, high definition, it The NV24HD offers
high-definition shooting
will process up to 60 frames per second at the maximum
in a compact case for
six-megapixel resolution. Also being released are four even better images
compacts: the EX-S10, the world’s thinnest 10.1-megapixel
camera; the EX-Z80, which is both slim and stylish; and Samsung has strengthened most of its popular series
CAMERA PRESS AT 60 finally the EX-Z200 and EX-Z100 with wide-angle 28mm with new models. In the L-series of affordable, easy-to-use
Until 1 April lenses and 4x optical zooms. Prices are to be confirmed. compacts are the L100, L110 and L210, costing £99, £129
www.npg.org.uk Fujifilm has been even busier over the last couple of and £149 respectively, which feature a choice of
months and has added a whopping six new models to colourways and auto-everything features. The NV series,
National Portrait Gallery, London,
cover every type of user. The F100fd is our favourite, as it which is known for its style credentials as well as high-
England
offers a 12-megapixel CCD, ISO sensitivity to 12800, wide quality shooting, introduces the NV24HD (£249), the
dynamic range and face-detection technology. If you rely company’s first HD camera. Also coming to the NV range
LAUGHING IN A on your camera for perfect source images, then this are the NV4, NV30 and NV40, which all offer improved
FOREIGN LANGUAGE sounds like the one to cover all situations. Prices are yet to
be announced.
noise reduction.
Until 13 April
As well as this promising compact, look out for the
www.haywardgallery.org.uk
budget J10 and J50, the DSLR-styled S100FS, the 12x www.casio.com / www.fujifilm.com /
Hayward Gallery, London, England optical zoom F1000fd, the ten-megapixel S8100fd and the www.samsung.com
stylish Z20fd, which comes in five colours.
BABE (BRISTOL
ARTISTS BOOK
EVENT)
21-22 April
UK students at Microsoft Design Expo
The UK is being represented at the Microsof t Design
www.arnolfini.org.uk
Expo 2008 by students from the University of
Arnolfini, Bristol, England
Dundee in an annual design challenge. This is the
first time that the university has been invited to be
MAINSAIL ARTS part of the event, and are the only British
FESTIVAL organisation going.
19-20 April The students have been selected from Dundee’s
www.mainsailartsfestival.org Innovative Product Design and Interactive Media
Vinoy Waterfront Park, St Petersburg, Design courses, and will compete with other design
USA schools from across the world. The challenge set by
Microsof t this year is in the area of learning and
FOTOFEST education, and is looking for solutions to improve
daily life over a wide variety of users.
Until 20 April
“This is a great challenge for our students and INTERACTIVE MEDIA DESIGN: Students from this course will be
www.fotofest.org
one they are really relishing,” says Polly Duplock, undertaking challenges set by Microsoft at the Design Expo 2008
Various locations, Houston, USA
programme director for the Innovative Product
Design course. “Our courses in Innovative Product
Design and Interactive Media Design – and the
close relationship they enjoy – puts the University of
Dundee in a unique position within the United
Kingdom to tackle challenges such as those set by
the Microsof t Design Expo.”
The students are currently working on their ideas,
before one team is chosen to represent the
university, and the UK, at the Design Expo.
www.dundee.ac.uk:80/design/
bsc-innovative-design.php /
http://imd.dundee.ac.uk/ INNOVATIVE PRODUCT DESIGN: UK students will compete with design
schools from across the world at the Microsoft Design Expo 2008
12
Advanced Photoshop
UP:
BINARY SO
pe d fo r M IT ’s Media
“Develo s
ks to the user
Lab and spea te tools and
of ap prop ria
, digital or
technologies . Tools:
otherwise
ustrator,
Photoshop, Ill icture”
LiveP
14
Advanced Photoshop
15
Advanced Photoshop
A POEM:
ING YOU
I’M WRIT nnot be taught, it can
ca
“Creativity the process
overed and
only be disc is just endless”
ing
of discover
16
Advanced Photoshop
17
Advanced Photoshop
ys a
otomanipulation pla d
TED HUMANS: “Ph re use
WHEN GOD CREA an d Sm ud ge too l we
e. The Clone Stamp rn tools
big part on this on The Dodge and Bu
g effect on the face. rity”
to create the meltin g dro ple ts sol ida
s to give the meltin
were used afterward
18
Advanced Photoshop=
SPARKLE:
“Collaboration wit
h
Theo Aarstma
(sumeco.net).). He
applied the 3D sha
pes
from Cinema 4D an
dI
spruced it up in
Photoshop. A lot of
line
and brushwork ag
ain
with various white
layers set on overla
y
and screen”
19
Advanced Photoshop
Mailbox
Do you have a question or opinion about the
magazine? Email your thoughts to
advancedpshop@imagine-publishing.co.uk
or visit www.advancedphotoshop/forum
SUBJECT: Brush compatibility FREE BRUSHES: We will aim to include the image files
of brushes on our CD in the future
FROM: Colin Richardson
My girlfriend signed me up for a subscription
as a birthday gift, as I love using Photoshop.
But I have been trying to import the brushes
that come with the CD, but they all say that
they’re for the wrong version of Photoshop. Is
there a way to convert them for use with
Photoshop 7 at all?
I don’t like the new versions of Photoshop
since CS, CS2 and CS3 seem to be getting
more and more silly with their interfaces and
the need of a super computer just to press a
simple button. Anyway, I can’t afford it in the
first place.
Editor replies: Hi Colin. Thanks for your email. Editor replies: Our Premium Collections
We’re sorry that you have been unable to bookazines have proved very popular and
use the great brushes on our CD. We will unfortunately we have sold out of Volume 1. If
endeavour to make sure that we include the you want tutorials collected from earlier issues of
PNG image files for all brushes in the future the magazine, then why not check out our
where possible so that you can use these to these instructions would lead to a rather large eMag? This is a collection of the full contents of
generate your own brushes, as can all users of image! The dimensions should be 230mm x 16 issues of Advanced Photoshop on one DVD,
pre-CS Photoshop packages. 297mm, which is the size of a full-page in this with all the CD files you need to complete the
very magazine. We apologise for any confusion tutorials. It is available from the Imagine eShop
SUBJECT: Bookazine misprint caused by this. For anyone yet to check out our (www.imagine-publishing.co.uk) now.
FROM: Steven Baron latest bookazine, you can get The Premium
I am in the United States and recently I Collection from the Imagine eShop (www. SUBJECT: Easier upgrades
purchased The Premium Collection Volume 2. imagine-publishing.co.uk) and it includes 256 FROM: Terence
On page 85, in the first step of the Creating pages of tutorials and inspirational images with You gave totally the wrong answer to a reader
Photomontages tutorial, written by Stewart all the resource files needed on the CD that (Upgrading Issues, Mailbox, Advanced
Michael Bruce, we are directed to open a new comes with it. Photoshop 39). He has a Mac two years or so
window that is 230mm x 2,397mm. That is a old and wanted to upgrade. How long is it
very odd-shaped canvas. Is that a misprint SUBJECT: Bookazine availability since you installed on a Mac I wonder…
and if so, what should the correct FROM: Jason Linn On installation or first start-up of your new
measurements be? I recently bought the Advanced Photoshop: computer you are given the opportunity to
The Premium Collection Volume 2, and I was import all your old user profiles, documents,
Editor replies: Thank you for pointing this out wondering if you guys still sell the first settings and applications from your old Mac.
Steven. This is indeed a misprint – and following volume to that? Thanks so much! All you need to do is connect the old Mac with
a FireWire cable to the new one and voilà! all is
transferred. You don’t even need to re-enter
“WE WILL ENDEAVOUR TO MAKE authorisations or codes and your new desktop
looks the same as before. You can at any other
SURE THAT WE INCLUDE THE PNG time run the Migration Assistant, which will do
this when you wish to. Note that only
IMAGE FILES FOR ALL BRUSHES” documents in your Home folder will be
transferred, but there’s no problem
22
Advanced Photoshop
FROM: kirk_3d
Right, the Cmd/Ctrl+J copies the selection
to a new layer, but only if you are currently
on a layer with something inside the
selection. (In Graphic1’s case I’m guessing
that should be the Background layer.)
EASY UPGRADES:
Migration Assistant
on a Mac can help
you transfer your
settings, files and
applications from an
old Mac to a new one
23
Advanced Photoshop
On the web
www.advancedphotoshop.co.uk
Our website and readers’ forum is perfect for
showing off Photoshop creations. We present
the best images on the site this month. Log on
and upload to get your images here next issue!
STAIRWAY TO HEAVEN
ARTIST: Jena DellaGrottaglia
Readers’ challenge
EMAIL: autumnsgoddess@aol.com
WEB: www.autumnsgoddess.deviantart.com
“The model here is a great friend of mine,
Sinisa Gavric. Some time ago I had asked THE RESULTS – NOVEMBER
him to take some pictures for me so that I
could make him an angel. Check out our monthly Readers’ Challenge at www.
He did this and I didn’t create anything for advancedphotoshop.co.uk/forum and scroll down to the
ages. So about two weeks ago he asked me Peer Pressure section. Keep an eye out for the most recently
when I would make the picture. And this is announced challenge; winners are decided via an online poll.
the result! We’re pleased to announce the winner of our ‘Chinese New
Credits in this are also AnaRasha, Al- Year’ theme: Derek H. Cinalli, aka dcriler. “This image was
wafyh-stock, Bonnita-Stock and my own (all
painted using CS3 and a Wacom tablet. When I first thought
found at deviantART).”
about creating this image, dragons and fireworks came to
mind. I started researching Chinese New Year and quickly
learned that young children will often make their own lantern
VISUAL PLAYGROUND for the festival. It was then the concept for my image popped
ARTIST: Rik Oostenbroek into my head. It’s about a young girl who, in the middle of
EMAIL: rik@secretshowcase.com
making her own lantern (I had to build one myself to reference
WEB: www.secretshowcase.com
it), started daydreaming about what she loved the most during
Rik Oostenbroek is a successful 18-year-old graphic
designer from the Netherlands. Using his creativity and Chinese New Year: the fireworks. The image, with revisions,
imagination, he has proved himself on various online took around 12 hours to complete. I’d like to thank my family
communities out there that he is different and original. for the support and AP for publishing my art!”
Of course, all this spotlight has resulted various client
work and he is a respected and well-known artist. “This
piece was created using part of a 3D render by Joakim
Olaussen. I was in need of a place to chill at the time, so
this is it — a playground full of visual joy. 100% freestyle
illustrated in Adobe Photoshop.”
THE WAVES
ARTIST: Rebecca Parker
EMAIL: rebecca_parker@mac.com
WEB: www.rebecca-parker.co.uk
“The image The Waves is of the popular model Ivory
Flame. We used a Pre-Raphaelite painting by Dante
Gabriel Rossetti of redheaded Lizzy Siddal for the
basis of the pose. I added the waves and the spray
to represent the freshness and feel of the sea. The
outdoors features in all of my work as I live in a rural
place by the sea, so most of my images are based
on my own life and surroundings. The image was
created in Photoshop CS3. I use a Nikon D70 digital
camera for my model portraits. The background
image was purchased from www.istockphoto.com.”
24
Advanced Photoshop
DYLAN COLE
Professional matte painter, with
a number of huge movies under
his belt, and co-author of
Ballitic’s d’artiste: Matte Painting,
Dylan Cole shares his thoughts
D
ylan Cole describes himself as “just where we see a world that exists within a HUDSON CITY
a big goofball, sci-fi geek, guitarist, vending machine, for which Cole produced (ABOVE): “Hudson
River School meets sci-fi.
metal head and fisherman”, but around 30 matte paintings. More recently, he It is as blatant as possible
we’d describe him as one of the most has just finished up some work for an HBO mini and I had a lot of fun with
influential matte painters, concept artists series about John Adams, recreating colonial it. I coerced my wife,
Bethany, into posing for
and art directors around today. Boston and New York. It is this final project that me in the backyard. This
The 28-year-old American has three Cole hopes to continue with in the future: is generally the type of
work that I will do if left to
instructional DVDs from The Gnomon Workshop “These period dramas are the type of work I
my own devices”
(www.thegnomonworkshop.com) on matte- would like to do more of. I have done a lot of
painting techniques and was one of three co- fantasy and sci-fi, and that always has a strike
authors of Ballistic Publishing’s d’artiste: Matte against you because the audience knows it is
Painting. As well as sharing his skills with the not real no matter how well you create it. The
world, he has an incredibly successful career as a invisible stuff is always a fun challenge to see if
matte painter for a number of Hollywood you can truly fool people.”
blockbusters including The Lord Of The Rings: The ICETRAIN AT
Return Of The King, Daredevil, I, Robot, Chronicles Young start SUNSET (RIGHT):
“This is a painting I did
of Riddick, The Aviator, The Golden Compass and Becoming an artist has always been part of for Daniel Simon’s book,
The Chronicles of Narnia. You may have also seen Cole’s plans: “I started out wanting to be a Cosmic Motors. Daniel
designed the vehicle
the work that he has done for Coca-Cola on a comic-book artist from ages 10 to 15. I then and gave me an initial
commercial/short film called Happiness Factory started dabbling in painting and that render to work with”
26
Advanced Photoshop
27
Advanced Photoshop
28
Advanced Photoshop
29
Advanced Photoshop
immersed in it for almost a year. You just As well as his father, other artists have
don’t get that connection to a project when inspired and enhanced Cole’s techniques: “Over
you are helping out for a few weeks on a the last several years, I have worked closely with
handful of shots, which is how freelancing is Robert Stromberg, who is an amazing matte
most of the time.” painter. I have really learned a lot about
Nowadays, Cole does many different kinds of composition and the power of simplicity. Like a
work: “I am a freelance matte painter and lot of artists starting out, I had the tendency to
concept artist working out of my home, so that overcomplicate things and have too much
means getting dressed and shaving are kept to a detail, simply because I could. Robert really
bare minimum… or at least as little as my wife showed me how a simpler composition is much
can stand! Over the past year, I have worked on more effective. With matte painting, it is about
at least one feature film, commercial, leading the viewer’s eye and conveying a
LOS ANGELES (TOP): “I
flew into Los Angeles at this videogame, fashion advertising campaign, message in a very short amount of time.”
time of day and took a photo movie poster or TV mini series. It is the variety
that is buried under all of
those large structures”
that I love! Plus it is a bit of a guarantee that if Going digital
one industry goes south a little bit, such as the These days Photoshop plays a big part in Cole’s
ROCKS ALONG THE recent writers’ strike in Hollywood, that there is workflow, but this is something that surprises
BEACH (MIDDLE): “Dusk something else for me to work on.” him: “It is incredibly ironic that I became a digital
is one of my favourite times of
day, because the lights are Despite his college education, most of Cole’s artist, because when I was in high school, I
starting to come on but there skills have been self-taught or handed down wanted nothing to do with digital. I was a total
is still enough light in the sky” from his father who shared his own advice on traditional snob who thought I could do
SUNSET CITY the rules of composition: “I was very fortunate in anything with real paint and couldn’t be
(BOTTOM): “I had never that my dad had a very good knowledge of bothered learning this computer gimmick! Well,
done a painting in this palette. perspective and he had taught me one-, two- the joke was on me!” Photoshop is now key to
With the exception of a little
cloud texture, this is all just and three-point perspective by the time I was 11 his process, as he explains: “Photoshop is my
painted in Photoshop” years old. That has served me amazingly well.” main tool and I cannot imagine doing my work
30
Advanced Photoshop
32
Advanced Photoshop
T
his tutorial covers a whole range of Photoshop’s functions, but takes a particular look at two relative
ON THE DISC
newcomers: the Warp Transform tool and the advanced Brush settings.
A more general area explored here is using Photoshop to produce 3D effects. Photoshop is an excellent tool On the CD you will find the initial render
for simulating 3D as results can be produced far more quickly as well as giving a higher level of control than a 3D needed to start this tutorial and a
photo used to create some lighting effects
application could. While an exploding 3D effect can easily be done using particles and modifiers in a 3D program, the later on.
end result will be much harder to control compositionally.
To follow this tutorial you must have at least a medium understanding of Photoshop. It is not one for beginners. OUR EXPERT Nik Ainley
Due to the number and complexity of techniques being used not everything is spelled out in black and white and a Nik Ainley is a freelance illustrator and designer based in the
good knowledge of Photoshop terminology is required. UK. He has worked for many clients including Adobe, MTV and
British Airways but still finds time for personal art work.
Please note that Photoshop CS2 or CS3 is required for this tutorial for access to the Warp Transform tool.
6 Render ready
Now we are ready to start pulling the head apart.
It’s a good idea at this point to create a copy of your
7 Magic wand
To make the job of selecting panels to pull off the
head much quicker we are going to use the Magic
head in case you ever mess up and need to go back. Wand tool. We could trace around them individually but
Just copy the layer and turn its visibility off. this would take ten times as long and the result wouldn’t
be much better. Set your Magic Wand so that it has a
Tolerance of about 10 with both Anti-alias and
Contiguous checked.
What is
Jitter?
8 9
When dealing with Photoshop’s advanced Brush
Panel selection Pulling apart
tools the term Jitter pops up a lot. Basically it
means ‘variation’ and represents how much We are going to pull pieces off in several goes to Cut the selected panels from your face and place
Photoshop will randomly vary a value. For give us more control over where they end up. Start at them into a new layer. Roughly realign them to where
example, if the Size Jitter of a brush is set to the top of the head and start selecting panels at they used to be. This is where we get to play with the
100%, whenever you use this brush the resulting random with the Magic Wand tool. Stick to the right- Warp Transform tool. On your new layer, right-click and
shapes will come out randomly sized between hand side of the face as we want the left-hand side to choose Warp from the menu. Now pull the corners and
1% and 100% of the original. Foreground/ remain recognisable throughout. lines of the transform box up and away from the face.
Background Jitter on the other hand represents
how much Photoshop will vary the brush’s
colour between your current foreground and
background colours. A setting of 100% means
they will be randomly distributed between the
two. Note that here it will work out the in-
between values by mixing the two colours, not
by using the spectrum. Hence a Jitter from blue
to yellow will not produce any green.
11 Clean as you go
This can be a fairly messy business, but
Photoshop’s tools should give you the control you need
to have the face come apart exactly as you want. Go in
and move individual panels around if you want. Add a
layer mask to the original face layer and use it to hide
panels that now look out of place on the far right.
13 Brushing up
It’s time to supplement our head with lots
more flying particles, this time created from scratch in
14 The right brush
What we want for this image is a brush that
looks like a few pieces of panelling randomly arranged,
Photoshop. To do this we are going to use some of the which we will need to make. Create a new Channel and
more advanced Brush settings available. fill it with white. Now use the Polygonal Lasso tool to
draw out two or three panel shapes quite close to each
other and fill with black, something similar to that
shown in the screengrab. Keep the shapes quite generic
as we will be repeating them a lot and don’t want this to
be too obvious.
35
Advanced Photoshop
18
(Edit>Preset Manager). Keeping your workspace
tidy will help you find what you need when you Spray and pray
start on a different project. Create a new
layer and use your brush to
scatter new panels around
the right side of the head. Just
play around and delete any
that look out of place. Use
several layers and intersperse
these with the panels you
chopped out of the head to
make sure the new ones are
at different levels.
19 New tones
We decided to change the colours of the
picture now as we often do when working on a picture.
20 More spraying
To create even more movement in the
image, add a lot more particles out to the right of the
21 Background work
The back is looking a little plain right now. To
make things a bit more interesting you can overlay any
To do this without flattening down, create adjustment picture. Generally these should be smaller than the interesting texture above the Background layer. Use a
layers at the top of your layer stack. We used a Color previous panels, so before using the Panel brush reduce Soft Light blending mode on this layer to keep the
Balance layer to add more red into the highlights and the diameter under Brush Tip Shape in the Brushes effect subtle. On another layer use a soft brush to add a
cyan to the shadows. Use a Hue/Saturation layer to drag palette. Again, just play around with your brush until you few cloudy details. If you have time you can add far
the oranges round a bit to red. get what looks right. more interesting things.
36
Advanced Photoshop
24 Bright eyes
The eyes are a little dull and could do with
a touch of colour. Draw out two rough circular
selections over the irises of each eye and create a Hue/
Saturation adjustment layer above the head. Set this to
Colorize and change it to blue. To fix the shape, brush
black onto the layer’s mask at the top and bottom where
it overlaps the eyelids.
37
Advanced Photoshop
the
art of
advertising
© Peter Jaworowski
© Adhemas Batista
© Adhemas Batista
38
Advanced Photoshop
F
PLAYSTATION 3 (ABOVE): or the designer the world of advertising of blue-chip clients since meeting on the Graphic
Stunning PlayStation 3 images can offer great rewards, both financially Design degree course at the London College of
created by Peter Jaworowski for and creatively. It’s a chance to shine in the Printing. Now based in New York, they have worked
UK advertising campaign ‘This Is
Living,’ the official slogan for spotlight, see your work alongside famous names, and with dozens of leading companies in little over five
PlayStation 3 in Europe be involved with international brands and large-scale years, including Coca-Cola, Pepsi, Nike, Levi’s, Microsoft
campaigns whose heightened visibility should raise and Greenpeace. Originally known for their editorial
COCA-COLA (LEFT & FAR
your profile significantly. It’s also an opportunity to work, attracting advertising jobs was essential, due in
LEFT): Leading artists and
designers, including Adhemas collaborate with advertising agencies, art directors, part to the notoriously low budgets offered by UK
Batista, were asked to contribute account managers, marketing departments, publishers, although editorial budgets improve
to the Coca-Cola Remix Art photographers, stylists, fashion designers, models and significantly in the US.
Project. All depicted their own the brands themselves. For anyone used to providing “In the early days of Vault49 we treasured editorial
interpretation of ‘The Coke Side
of Life’ philosophy solutions from initial idea to finished design it can also briefs because they were one of the few opportunities
be a challenge, maintaining creative integrity while available to us to get name recognition,” explains John
OAKLEY (CENTRE LEFT): pleasing corporations with established brand Glasgow. “The front cover we created for Flaunt
Part of a set of eight illustrations
identities and shareholders to keep happy. magazine in 2003 seems to have been a pivotal point in
by Peter Jaworowski, whose
work has featured in numerous As Vault49 (www.vault49.com), Jonathan Kenyon our career and is referenced by many of our clients as
magazine and online profiles and John Glasgow have built an impressive portfolio the first time they became aware of our work.”
39
Advanced Photoshop
Creative Q & A
Case Study
Q Does the client provide all the elements, logos Today the pair have learnt to view editorial briefs as
wallpapers produced by Pawel Nolbert, commissioned
and copy that you have to incorporate? by worldwide advertising agency DDB and Endorfine free advertising, a magazine’s readership more
A
and grief, but they’re definitely the most appealing in
It depends on the job, but often Bleed sets the
concept, develops the style, and sets up the terms of budgets and exposure,” says Glasgow. “It is
websites for Pepsi. The different elements are through our successful advertising work, which pays for us to
a developed tool kit folder sent and incorporated by experiment and take time away from commercial
other agencies on retail, events and advertising. briefs, so we greatly value the material benefits of such
40
Advanced Photoshop
ensuring we communicate his message, as do the FANTA (ABOVE): As Hello Color, Pawel Nolbert
creatives and account handlers on multi-million dollar produced this wallpaper design for drinks brand Fanta,
commissioned by creative studio Ars Thanea
agency accounts.” With so much financially at stake it
NIKE AIR (RIGHT): Set of billboard illustrations for a
can also be best to avoid politics when so many want Nike Air Lab exhibition in Warsaw, Poland, designed by
their say. “The larger the company and the more Peter Jaworowski, who has also produced a series of
money involved and that can mean there’s a lot more Nike press ads
people to please,” warns Glasgow. “The best agency art
directors shield the designers from internal and client straight on the phone to fellow students, teachers and high street stores to website banners and mobile
politics and form a close team with their creatives, a few professionals we knew, asking them questions devices. Hello Color’s (www.hellocolor.com) Polish-
rather than exchanging power-plays.” such as: ‘What is a purchase order?’ and ‘What the hell based designer and illustrator Pawel Nolbert has risen
is a Chromalin and how can we provide one?’” to the challenge, creating striking work for clients such
Know the jargon Quick to learn, the team at Vault49 made sure they as Citroën, Nike, Coca-Cola and McDonald’s. Seeing
Making the step from small editorial jobs to large were never caught out twice by the same question such work finished and displayed for all to see is a
advertising campaigns requires both self-belief and and learnt on the job as advertising commissions rewarding experience. “It’s always nice to see that your
the ability to at least look like you know what you are came in, researching accordingly. Even now they are work is exposed to a high number of people that see it
doing. For those trying to get a foot through a not too big to admit they frequently need to do their everyday on a billboard, on the street or in the subway
potentially lucrative door, dealing with big budgets homework. “There are many occasions even now and it’s even more exciting to know what feelings the
and bigger advertising agencies can seem daunting. where we commit ourselves to requests, then take a advertisement brings out in people,” enthuses Nolbert.
“When we built Vault49 we had no idea how to handle crash-course in building the knowledge-base we need “I usually have a lot of positive feedback on my work
discourse with international brands and large ad to fulfil those requests. We’re thirsty for new made for extensive advertising campaigns for big
agencies,” remembers Glasgow. “Many of their challenges as much as anything else.” clients and it keeps me motivated to do more of that
meetings would involve them seeming like the strong, New challenges help build new skills and attract kind of work and to do it the best I can.”
silent types when presented with a series of new clients and opportunities. The nature of As a freelancer Nolbert will generally deal with the
advertising jargon, acronyms and technical requests. advertising means your work is potentially seen by advertising agency or creative agency who have
The reality is we would leave the meeting and be millions everywhere, from magazines, billboards and commissioned him rather than the clients themselves,
the agency acting as bridge between the two. The
MY WEBSITE FILLED WITH PROJECTS included in the ad. “That makes the whole process
41
Advanced Photoshop
© Vault 49
Although little direct contact can mean lack of clear MASTERCARD (RIGHT): Vault49’s ad for
communication, this is rarely unique to major MasterCard, just one of the many blue-chip companies
advertising jobs. “Every client has some higher or lower the duo have worked for. Founded in May 2002,
expectations as to how the final artwork will look in Vault49’s impressive portfolio spans typography,
photography, illustration, and art direction
the end. Whether it is a small web illustration or a huge
billboard, it’s not always easy to get the point right, produce quality projects and post them around the
especially in advertising, where there is a strong web on different design portals and online galleries,
emphasis on a creative idea. Sometimes it takes a lot you can attract interest from advertising agencies.
of different approaches to redraw that perfect shape Starting off can be difficult, but success breeds
that the client or the creatives from the agency drew success,” insists Jaworowski. “When other companies
in their minds,” says Nolbert. see what you are capable of they will be more likely to
hire you.”
Attracting clients Showcasing only your best work along with a
The growth of the internet has helped blur the willingness to collaborate and work under duress can
boundaries between design studios collaborating on also reap rewards. “Brands really care about their
briefs and individuals such as Nolbert working mostly product as well as advertising presence. They need to
on their own. While it’s clear both can compete to feel that you will help them attract more clients with © Vault 49
attract those potentially lucrative advertising jobs, your work. That’s why you need a well-crafted
individuals need to work hard to promote their skills. portfolio, but you also need to have skills to
“I just try to do my work well and to have my website collaborate with a team or work under pressure.” myself or even ask someone in a different country to
up to date, filled with cool projects that catch the eyes Jaworowski’s own endeavours to promote his work take a photo, although that wouldn’t be the same. A
of the industry,” explains Nolbert. “I focus on being are helped by London-based agent Début Art, who friend did tell me he saw my work for Oakley all over a
shown on a lot of design portals and blogs and other also helps to promote the work of Vault49. “Having shop near Disneyland. It was very uplifting to know
design-related websites, as that’s where the clients some really good representation and help from my that one of my friends recognised it with a smile on
know me from.” agent is great, and generally most of the projects I do their face.”
Also based in Poland, Peter Jaworowski, are international,” explains Jaworowski. Although that For someone used to supplying art for editorials,
professionally known as The Hejz (www.hejz.com), is can mean never seeing the work as it was intended to working to scale to produce images for advertising
another who has embraced the internet to catch the be seen. “The main problem with my work is that most billboards, posters and in-store graphics can be a new
attention of international corporations such as Nokia, of my projects are going everywhere else in the world challenge. Vector images can be easily scaled, but
Nike, Coca-Cola, Intel and Samsung. “When you except Poland. It’s really hard to see some of the stuff pixels deteriorate once enlarged. “It’s impossible to
make a billboard campaign in full size and 300dpi
OF GOODIES AND GRIEF, BUT THEY’RE an image to the scale of 1:10 and decrease the dpi to
42
Advanced Photoshop
Creative Q & A
Case Study
QA
Born in São Paulo, Brazil, And specifically what role did VCCP play?
Adhemas Batista is an art O2 is one of its main accounts and VCCP usually
director, designer and come up with a number of creative routes
illustrator based in Los
Angeles, California, where before any campaign gets the green light.
he attracts an international
client base from around Q Did you have more or less the same creative
freedom working with others?
Q
add to the image. You need to have in mind that each Finally, what advice would you give to others
company has its own brand book that you have to strong vibrant online portfolio and the ability to hoping to attract similar big name clients?
A
obey. You need to see a little with the eyes of the network and promote new work on creative websites If you consistently put out quality work, keep
client. They will usually want a really nice illustration and blogs, has helped him attract international clients. your portfolio up-to-date, believe in what you
but at the same time they don’t want to cover or “The secret is to keep your name out there and in do, the big guns will come and find you. Lastly, your
overcrowd their product.” people’s minds,” insists Batista. “The most important work needs to be compatible with the world of
thing is to reach the right people. The buyers of your advertising. If you’re doing mad abstract 3D stuff,
Target your audience work, the creative managers and the creative directors, don’t expect Muller Light to knock on your door.
Born in São Paulo, Brazil, art director, designer and need to know you exist.”
illustrator Adhemas Batista (www.adhemas.com) has Another key to success, suggests Batista, is to
worked with some of the most creative advertising showcase the kind of work you wish to attract,
agencies and large companies worldwide. Now based targeting potential advertising clients with work that
in Los Angeles, clients include Toyota, Absolut Vodka, might fit their vision: “Organise your portfolio with the
Coca-Cola, Symantec and Microsoft. For Batista the work you want to attract, and don’t show things that
most evident difference between editorial and you don’t want to do again. If you sell coffee and
advertising work is the timeline: “Usually advertising people know that you sell coffee, those interested in
work offers a little bit more time to get things done, coffee will come to get coffee, but if you no longer like
and does have a bigger budget.” Attracting clients to make coffee, try to show only your teas, and people
from far-flung places including Berlin, London, Oslo, who like tea will come.”
New York and Paris was triggered initially by some Ultimately, working with cutting-edge designers
crucial exposure a few years ago. “I got some exposure may add much needed credibility, especially to tired
for my work in 2005, and since then I’ve received brands, but the fundamentals of advertising remain
periodic emails from clients around the globe.” paramount. Maintaining a strong, clear message while
Fortunately, so far Batista has had more or less free being creative can be tricky, requiring many skills to
creative reign despite the size and status of many of combine the two, but the best designers achieve this © Radim Malinic
his clients. A distinct marketable style, along with a to strengthen both the brand and their own standing.
43
Advanced Photoshop
44
Advanced Photoshop
A transformation of shapes and perspective – creating videogame and film industries. His work has been featured in the
Ballistic Publishing series Exposé. Some of his clients include
I
n this workshop you’ll learn some quick shortcuts to creating detail without painting every little window,
light, hole and port in a large spaceship structure. You’ll also learn how to add colour and atmosphere to what
would otherwise be a very dull black void of space. To prepare for this workshop you’ll need to take a look at some
reference photos of similar subject matter including silver or reflective metal, space nebulas and space shuttles.
It’s important to just get an idea of how these industrial design elements are constructed. In order to prepare the
colour palette used here we’ve produced a colour table based on a photo of some silver metal through the use of the
‘Save for web’ option and switching the file to a GIF, which will break the main colours down into a table that can be Image
saved. Photoshop has every tool you need to perform this task and it’s very easy to produce crisp as well as painterly
shapes, patterns and strokes through a variety of tricks. You always learn something new about Photoshop even after
years of use.
reference
Prior to starting any piece of work, be it
illustration or concept art, you should always
1 2
grab relevant references to the subject matter.
Thumbnail composition Speckled transition We’re not painting a space nebula in the
The first step is to create thumbnail sketches to Using the Gradient tool, choose two colours of painting, but we’re using the colours created by
get the composition right – you can see the ones for this similar hue and a small difference in value angled from its energy to provide some added interest to the
tutorial on the disc. Each thumbnail consists of similar one corner to another. With a Custom brush, lay down a background. We’ve also got a space shuttle
elements that were necessary for this scene; the main couple of strokes as shown in the screengrab and then engine, a silver reflective portion of a car and a
focal point being the large spacecraft accompanied by a use the Smudge tool and Motion Blur filter to give the space station on hand. Some of these photos will
few planets and stars. It’s kept simple in each flat colour a bit of texture. This is to offset the smooth make up the colour scheme and others may be
incorporated as photo textures, but all of them
composition, but each thumbnail varies the layout, size colour transition, which is too boring to work on top of
will be used as reference.
and spacing of these objects, along with varied lighting. in this sort of project.
3 Perspective
Off canvas set a vanishing point and just lay down
a couple of quick perspective lines. This doesn’t need to
be too technical and it’s really just there as a guide. We’re
not looking to create a realistic 3D piece of art, more so
just the suggestion of shapes.
6 Planets
Refer to the thumbnail sketch that was chosen in
Step 1 and apply a Gradient fill to a circled selection. To
position the planets where they appear in the original
sketch they are kept on their own layer, as is the main
spaceship and background. This will allow us to
reposition and play with the layout of elements.
46
Advanced Photoshop
13 Blending in
The end result of Soft Light layers can be
blended to fit in perfectly with your existing colour
14 Value adjusting
As with most images, especially something
that consists of an industrial design element or
scheme and angles, or transformed to fit the correct perspective, the image is flipped. The values have been
perspective, shape or size. It’s simple to go in and add to adjusted to get the full range between the light and
the design element of the photo texture or erase areas dark platforms. We’ve fitted the photo texture into place
that don’t suit your concept. and added connecting curves to the circular panels. Shape
repetition
Throughout the image you’ll notice a repetition
of shapes. It’s the repetition of oval and circular
shapes that will help tie the whole concept
together. The spaceship consists of a number of
oval and circular shapes that complement the
shape of the dominant planets in view. The
repetition of shapes in this sort of concept will
help push the perspective and make it more
believable, as a similar object gets smaller in
depth. The majority of the repeated shapes take
place in the focal point.
15 Constructing
surface elements
In continuation with the circular
theme and curved angles, small
transmission and oval platforms
are added as well as large open
docking stations and port bays.
Some piping lines are defined
from values created by the
photo texture. This is why
producing low-opacity layers
can sometimes create
unexpected but efficient ideas.
47
Advanced Photoshop
19 Multiple arches
Reproducing the Bezier curve, we’ve taken
the Eraser and just erased a portion of the bottom edge.
20 Colour where it’s needed
We felt that the saturation could use a little
boost so we upped the level by a 12 count. However, if
21 Shining cluster of stars
We’re using a custom-shaped brush for the
stars. Under the Brush Presets select Scatter, Size and
On the duplicated curve we’ve erased more of the curve you only want to saturate a selection without affecting Angle Jitter, Minimum Diameter and Spacing. Then,
and set it above the original to produce a layered arch the rest of the image, just duplicate the layer and after duplicate the layer and apply a Gaussian Blur set to
design. This layer can just be duplicated, and boosting the saturation erase what’s not needed with a Overlay. Now duplicate it and set it to Screen. These
repositioned and transformed to fit around the soft-edged airbrush. Then, just flatten the two layers to layers will provide a nice glow effect and you can erase
remaining ports. create the final effect. where you want to lessen the brightness.
48
Advanced Photoshop
25 Warping space
To add a bit of smoky atmosphere we’re
using two custom brushes and the Warp Transform tool
26 Final corrections
With the image flipped for the final time,
we’re checking the large ports and decided to correct
27 The once over
The image is, in effect, finished. At this point
you can make last-minute details and adjustments. In
to give the smoke a more fluid look in space. We’re the angle in which they were first set. To do this, just our case, edging is bulked up, values and hues are
working at a larger scale, but this effect will be shrunken select the area and duplicate the selection. Then, using checked and adjusted. It’s often best to leave yourself a
and then duplicated and distorted to be placed around the Perspective Transformation editing option, we’re full day to walk away from the painting and then come
another portion of the ship. Overlapping two colours set fixing the angles so they appear to fit better on top of back to it and check these things again. This is to see it
on a low opacity brings out a multitude of hues. the panels. with fresh eyes in case you missed anything.
49
Advanced Photoshop
50
Advanced Photoshop
Welcome spring in style with a colourful photomanipulation recommend trying out the brush
techniques on your own
S
photographs to see what effects
pring marks the transition from create some interesting effects combined with you can create.
winter into summer. So for this tutorial blending modes. The trick here is not to OUR EXPERT Vince Fraser
we are going to add some warm spring overpower, but complement the original Vince Fraser is a freelance digital illustrator based in London
colours to a cold black-and-white photograph source image with subtle elements. Once you who has worked for various clients including British Airways,
PC World, BBC and T-mobile. He has ten years’ experience in
using brushes, blending modes and the have completed this you can experiment with the field of digital arts. Visit: http://thedb.com/vincefraser or
Gradient tool just to name a few. With a basic your own findings and combine the www.myspace.com/vincefraser. The model image used
here is courtesy of www.myspace.com/ricokinnard.
understanding of the brush features you can techniques to create inspiring work.
1 Background texture
Let’s start by creating a new file, setting
the Width to 230mm and the Height 297mm,
with a resolution of 300dpi. Choose a Color
Profile of your preference – we’re going to use
RGB as standard. We also tend to set the screen
display to Proof Colors – Working CMYK (Cmd/
Ctrl+Y) so we can preview our work in CMYK
mode while working in RGB. This gives you a
clear idea of what you will end up with and you
won’t get any nasty shocks later. Open the
resource images folder on the CD and drag
‘Texture.jpg’ into the canvas.
WHEN YOU’RE
could be a number of reasons for this but the main reason
is usually memory (RAM), so you may need to upgrade your
PAINTING TO
computer just so it can cope with the tasks better. Also a
faster processor and video card play a big factor too, but if
GET GOOD
you have a relatively new system you shouldn’t need to
worry about this too much. Also try shutting down any
programs that are open when you are using Photoshop as
51
Advanced Photoshop
7 Model
Import the file named ‘Model.jpg’ found
on the CD. We’re going to use this image as our
8 A stroke away!
To make a selection of the model, use
the Magic Wand tool with the ‘Add to selection’
main focal point for the composition. Simply setting active and select the background first
make a selection around the portrait; this can be then go to Select>Similar. Once this is done
done using either the Magic Wand or Pen tool. simply inverse (Shift+Cmd/Ctrl+I) the selection
We prefer to use the Pen tool for greater while it is still active. Create a new layer called
accuracy and control. Once this is done simply ‘Model Stroke’ and create a white stroke with a
copy and paste it into the canvas and slightly Width of 4px with an Outside location around
resize it down using the Transform>Scale tool so the outline of the model, then go to
it fits comfortably. Select>Modify>Expand and expand the
selection by 20 pixels. Repeat the stroke with a
Width of 3px. Do this a few times, but changing
the Expand selection to 50 pixels and the
Stroke Width to 2px, then set the blending
mode to Overlay. Last, duplicate the layer and
set to Overlay.
52
Advanced Photoshop
12 Enhance colours
With a very large 500px soft brush
set to 20% Opacity, gently paint over the
bottom of the canvas slowly building up the
depth of colour. When you are happy with
what you have created here, set the blending
mode to Overlay. You don’t need to be very
accurate when you’re painting to get good
results, as this style is very freehand. Once
again duplicate this layer.
13 Face
Go back to Step 7 and using the
Polygonal Lasso tool with a 30px Feather make
a selection around the model’s face and copy
(Shift+Cmd/Ctrl+C) and paste into your
document (Shift+Cmd/Ctrl+V). Again it doesn’t
have to be accurate .You should now have a
layer with just the model’s face, which we
rename as a ‘Face’ layer and move it to the top
of the Layers palette.
14 Advanced Shadow
Techniques
15 Make-up
Using the right colour combinations
are very important and can make or break an
Duplicate the original ‘Model’ layer then add a illustration, so we are going to add a bright
layer mask and gently mask over the outline green streak of colour over the eyes of the
areas of the model and rename the layer model. First, duplicate the ‘Circle ring’ layer from
‘Model Copy Mask’. Step 4 and adjust the colour to a green hue
using the Image>Adjustments>Hue/Saturation
command and rename it ‘Green Circle Eye Mask’.
Mask out the areas you don’t want using the
layer mask and finally add a Gaussian Blur filter
with a Radius of 8px on the layer so you get a
nice soft feel. Set the layer to Overlay.
53
Advanced Photoshop
17 More make-up
Using the same techniques in Step
10, we add more colour to the hair, this time
18 More background colour
Create two separate layers called
‘Blue Brush’ and ‘Olive Brush’. Repeat the brush
using a purple and orange brush over different techniques used earlier varying the size and
areas to accentuate the hair again on separate opacity each time while changing the blending
layers and named accordingly. Not forgetting to modes. Again the key to this is to use a large
experiment with the blending modes. Then we brush with a low opacity in the areas where
add some pink blusher using a very soft brush there isn’t much colour without over doing it.
just over the cheek area and a peachy colour of Use the Lighten blending mode for the ‘Olive
the eyelid set to Overlay mode. Make a Brush’ layer and the Overlay mode for the ‘Blue
selection around the lips of the model and fill it Brush’ layer.
with a purple colour. Gaussian Blur the layer and
19
set it to Overlay.
More vectors
To make the composition more
interesting we add a few finishing touches
using some vector shapes supplied on the CD.
With the ‘Vector circle’, ‘Star’ and ‘Tree’
Photoshop files open, experiment with colour
adjustments, blending modes and opacities on
each one.
AND ‘TREE’ FILES set to Screen. Duplicate this layer and set to
Overlay, then finally duplicate it again but this
Brush’ layer over the bottom of the canvas and
an ‘Aqua Brush’ layer over the face area with
OPEN, EXPERIMENT time move it to the bottom left-hand side. both layers set to Overlay.
WITH COLOUR
ADJUSTMENTS,
BLENDING MODES
AND OPACITIES ON
EACH ONE”
54
Advanced Photoshop
56
Advanced Photoshop
W
ouldn’t it be great to come up with The Photoshop techniques used are not that
ON THE DISC
your own design for a car? Building hard to follow, whatever your skill level, but you
a concept car might seem like a will need a sketch to work on in the first
There are no files on the disc for
difficult task and often uses 3D programs to instance. Let your imagination run wild, or stick this tutorial. You will need a sketch
render the original image, but we’re going to to a more conservative design – it’s up to you. of your own to start working on.
show you a much easier way. By making use of layer groups and proper
We’ll be starting from a sketch and then using naming conventions, it is easy to keep track of OUR EXPERT Emre Husmen
Paths and the Dodge and Burn tools to make our project, enabling you to come back in at any Our tutor, Emre, is currently studying in his second year of
realistic paintwork, including highlights and point and make changes to the design or colour Transportation Design in Istituto Europeo di Design Torino.
He is also working as one of the Hot Wheels illustrators.
shadows for that ‘studio showcase’ feel. as suits your needs.
1 In the beginning
Open your base sketch. You can render it
in any size, but if you want to get it printed, aim
Start with a sketch
for half a page at 300dpi as a minimum.
Duplicate the image layer (Cmd/Ctrl+J), create a This image started with a sketch, which
new empty layer in between and fill it with is shown to the left. It is important at
this stage to get the perspective right
white. Over the top layer create four main
so that it helps when you are adding
groups of layers and rename them as ‘body’,
your light sources to the image. As
‘headlights’, ‘windows’ and ‘wheels’. This will be
we’re looking at concept cars, you can
more organised and save us some time.
choose to have a little fun with your
sketch. Or you can build up a realistic-
2 Starting to render
3
Reduce Layer 1’s Opacity to 30%, so that
we can clearly see the layers below it. Take the Filling the paths with colours
Pen tool and start creating a path around the Keep creating new paths as you have just
shape of the car, then make a selection. Open a done for the air intakes and grills at the front of
new layer in ‘body’ group, add your path layer to the car and fill them with dark grey in new layers.
this, then fill that path with midtone red colour. You can use your existing paths to create new
We prefer red because it is easier to use Dodge shapes using the options in the Make Selection
and Burn tools on it. command when you right-click on paths.
57
Advanced Photoshop
6 Shadow and
tyre surfaces
Create another path as
the shape of the shadow
and fill it with black in a
new layer. Also fill the
tyre holes with black in
another layer.
58
Advanced Photoshop
13 Paint job
To make body paint look shiny, we
have got to select the reflection parts first and
put a little contrast in those areas with the
Dodge or Burn tools. We can also make the
cores darker with the Burn tool. Then, start filling
the lighter areas with a soft, white airbrush, but
don’t make it too white. We’ve also added new
rims to the drawing from a reference picture but
you can draw them yourself if you prefer, or
source your own image.
14 Adding shine
On this step, we
used 100-200px and 20%
15 Final rendering
Merge all the layers above the
shadow layers, duplicate and apply to the lower
Exposure with a white layer a Filter>Blur>Motion Blur effect with a 90
airbrush on a new, top layer. degree Angle and 700px Distance. Then flip it
Then we used a 3-5px and vertically and remove the extra parts. Now you
100% Exposure white, hard, can change the background to the way you want
round brush to make some it to be in the final shot and add some colour with
parts look shiny. an Overlay blending mode. You can also easily
change the colour of the car by adjusting its hue
and saturation with the Cmd/Ctrl+U command.
59
Advanced Photoshop
60
Advanced Photoshop
I
f you’re anything like us, some of the While photomontage techniques are
ON THE DISC
fondest memories you may have as a common these days, the montage process
On the CD, you’ll find a line
child are the times spent with building we’ll outline takes a different course. drawing, which will serve as the
blocks. Those tiny blocks of plastic or wood Instead of blending images to form a more blueprint for this tutorial (‘line_
work.tif’), an ‘Elements.psd’ file
could be a fuselage on a jet airplane one day abstract piece, we’ll start out with a tight idea containing pieces of her
and a castle’s gateway the next – they were first and then loosen things up as we go. To mechanics, ‘Decals.psd’ and the
limitless. They allowed you to start from the achieve the look of our mechanical angel, it final low-res layered PSD for
reference. The texture used for her
ground up in creating anything your will be necessary to handle and organise a body is freely available from www.
imagination allowed. large volume of layers, which may turn some sxc.hu, image number ‘721445’.
The process explained in this tutorial follows people away. If you’re looking for a more OUR EXPERT Tyson Koerper
in the footsteps of the mighty building block, time-sensitive demonstration, we encourage Tyson Koerper is a full-time freelance illustrator
as it demonstrates how Photoshop lets you you to simplify the line drawing or skip the and designer, and has been an avid Photoshop artist for
over seven years. Visit www.tkoerper.com
build complex images one piece at a time. rendering of some of her bodily segments.
2
To carry out the mechanised angel idea, we hand-drew her
Set up your workspace wings and placement of additional elements. We made
Open ‘line_work.tif’ from the source sure that each segment of her body was broken down into
files on the CD at the back of this issue. Go to a single shape, which is key to this particular process. It’s
Edit>Select All, then copy and paste this image also important not to get too carried away at first and
into your ‘Mech_Angel.psd’ document on its overwhelm yourself in the beginning, as you can still add
own layer. Name this layer ‘Line Work’ and place segments later.
it above your Background layer. Set this layer’s
Opacity to about 50% using the slider in the
Layers palette.
61
Advanced Photoshop
BUILDING BLOCK” new shape you need (see step 4), or print the
piece and work freehand.
62
Advanced Photoshop
12 Create a vent
13
Use your Pen tool to create a path
that follows the contours of her left side torso. Render the vent
Make a new layer in the layer group containing Use your Brush tool and set its Mode
her mid-section at the top of the layer stack, to Multiply, Opacity to 30%, Size to 30px and set
name it ‘Vent’ and make a selection from this your Foreground Color to black. Begin shading
path with a 1 or 2px Feather, the same as you from the top of your selection, one pass of the
did in step 5. Turn this path into a selection. brush at a time, and work your way down,
leaving the black to taper off near the bottom.
This gives the illusion that the metal flairs out at
the top and tapers towards the bottom.
63
Advanced Photoshop
64
Advanced Photoshop
P
hotographers embracing the almost surreal edge using the originality of split
ON THE DISC
dynamics of Photoshop CS3 will no toning. You’ll discover the full creative potential
Users can apply all the effects in
doubt enjoy the benefits of its black- of Photoshop’s tools, specifically the benefits this tutorial on three dramatic
and-white creative science. However, before that Channels can provide, how Curves and scenes provided on this month’s
CD. Each comes with its own
this, photographers had to use an array of Levels coupled with blending modes can create appealing perspective and
techniques that excelled the aesthetics of their subtle yet potential image-changing effects, and dramatic skyline, so pick whichever
imagery. This technique tutorial will reveal two even a little trick known as the overlay-neutral one you like.
such practices that can be applied across the layer, which works much like the method OUR EXPERT Adam Smith
most common versions of the software. painting with light. Adam’s job is to relate to the readers contemporary
techniques and styles and this tutorial is no exception, with
We introduce the techniques of key lighting No other software will provide photographers
Adam endorsing the technique to create stunning photo
and split toning, showing you how to create with such opportunities as Photoshop and here effects and have fun in the process. Photographic post-
complementary greyscale compositions for both you’ll be getting two for one so read on and production is a huge use of Photoshop, so he will unravel
just a couple of possible processes here.
screen and print, then bring them back with an create that next, original snapshot.
66
Advanced Photoshop
2 Applying curves
Select the Curves option and in the
Curves dialog box click and drag from the
3 Skyline selection
Naming this layer ‘Sky’, apply Levels from
the ‘Create new fill or adjustment layer’ options,
centre to the top left. Apply an Output of clicking OK instantly. Now Cmd/Ctrl-click the
172, Input of 145. Selecting Channels layer, selecting Clipping Mask. This will isolate
Ctrl-click the Blue Channel thumbnail. the levels effect to your ‘Sky’ layer only.
Activate your layers once more and choose Open your Levels options and apply Input
Select>Similar, using the Lasso tool to make Levels of 65, 1.00 and 245 or values that at least
appropriate deselection. Now Copy>Paste an create a soft exposure between the light and
individual sky layer. shadow play.
67
Advanced Photoshop
10 Fine comb
At this stage you can always go back
over the image adjusting, as all layers are live. Be
11 Hue and saturation
Start by applying Hue/Saturation from the ‘New fill or adjustment layer’ options. Activate
the Colorize option, setting Hue to 25, Saturation to 100. Now select Image>Apply Image and click
as meticulous as possible. What you’ll end up OK. Now, duplicate the new Hue layer and press Cmd/Ctrl+I, inverting the effect. Open your Hue/
with is a high contrast black-and-white image. Saturation dialog box for this layer, applying a Hue of 195.
But for that little extra tone why not apply some
split toning?
68
Advanced Photoshop
70
Advanced Photoshop
MOUSE PROBLEMS
I’ve been saving up my pennies now for
some time and am thinking about changing
my office computer to suit my creative
needs. I’m looking for a high-end
performance mouse to go with it, as a lot of
my work is labour-intensive, producing quite
a bit of commercial design. I suppose I’m
looking for something practical, comfortable
with a few new additions to show off to my
creative buddies. Any ideas?
Adam T, Manchester
71
Advanced Photoshop
P
hotoshop’s creative sciences are well known for making complex
practices simply accessible. Web Photo Gallery is an option that adheres
to this value. Selecting File>Automate>Web Photo Gallery (Mac) or
Program Files/Adobe/Photoshop CS3/Presets/Web Photo Gallery (Windows)
activates options providing creatives with the opportunity to produce a home
page with subsequent thumbnail images and gallery pages, sporting full-size
imagery. A multitude of interface style options are provided to satisfy the aesthetic
wants of every user.
The Web Photo Gallery dialog box
OUR EXPERT Adam Smith provides users with a set of concise
Staff writer Adam Smith has been an avid user of options, split into three distinct
Adobe Photoshop for over seven years and has seen
sections. Select from the Styles drop LARGE VIEW: Thumbnails can be clicked on CUSTOMISE: You have a few layout options
many modifications, recognising and appreciating the
to preview a larger version, but be sure to add a that can be applied to your pages to show off your
awesome benefits of evolving creative sciences. menu in the Site options one of the 20 copyright notice work at its best
presets available, including Centred
Frame, Dotted Border and Flash. Upon clicking Destination, users Large Images – You can
Modify After entering your email, you can
browse to your images using the Source
must select a folder in which to store
the images and HTML pages for the
activate ‘Add numerical links’, which
places a numeric sequence relating to
Web Photo Gallery allows users to Images options. Alternatively, you can produced gallery. Next users can your gallery pages. This option is again
customise templates through choose images before opening, using assume a more creative stance by available for some site Styles only. The
editing its HTML files. For example, the Selected Images in Adobe Bridge. selecting the Formatting Options. Resize Image option resizes the source
to set the background colour of the Click the Include All Sub folders option. These include six preferences, each images. You can select a preset size
page to green, replace the token
with specialist design properties: from the drop-down menu or enter a
%BGCOLOR% with ‘%33D608%’. All
THUMBNAIL PREVIEW: When choosing a custom value. You can also choose
tokens must be in uppercase, and
begin and end with the % symbol.
Style, the Web Photo Gallery provides an active
thumbnail to give users a visual indication of the
General – This provides you with Constrain for Height, Width or Both.
intended layout file extension solutions, encoding and JPEG Quality determines the quality
metadata options. The Extensions drop- of images.
down menu offers you the choice to
choose from either .htm or .html as the Thumbnails – This option allows
extensions. You can then apply further users to define the Border pixel size, the
options such as using UTF 8 encoding for thumbnail resolution and define the
URL, add width and height attributions amount of image Columns and Rows.
for images and preserve all metadata. Titles Use determines what captions are
displayed, including Copyright, Filename,
Banner – This provides the ability to Descriptions and Credits, and again Font
input text options that appear on each style and size are applicable.
individual gallery page. You can choose
to incorporate Site Name, Photographer, Custom Colours – You can
Contact Info, Date, Font Type and Size. define your own page complexion using
These options are limited to Arial, Courier these options. Not applicable with all
New, Helvetica and Times New Roman, style options, it allows you to select tones
sizes 1 to 7, and operate with certain from the Color Picker palette for gallery
Style types only. elements including Background, Banner,
Text, Active Link, Link and Visited Link.
72
Advanced Photoshop
P
eer Pressure has once again been inundated with a volume of great
artworks. The chosen entries this month offer an array of insights into the
creative mind, sharing and revealing individual approaches and skills. We
always include your email and web address, so interested parties can get in touch.
All you have to do is send us high-quality TIFFs or JPEGs (RGB or CMYK) at 300dpi,
which can be printed at a minimum size of 15 x 15cm. Send us low-res versions to
advancedpshop@imagine-publishing.co.uk – we’ll get back to you for higher-
resolution work if needed. Alternatively, log on to our forum at www.
advancedphotoshop.co.uk/forum. We cannot provide individual image assessment.
Each issue we select one image to be ‘Best in Show’, and that lucky person will
win a fantastic prize, courtesy of The Illustration Source (www.illustration-source.
com), which is a great way to get your work seen. So, what are you waiting for?
78
Advanced Photoshop
Unique designs
NAME: Michael Mahy
EMAIL: michael.mahy@gmail.com
WEB: www.michaelmahy.be
79
Advanced Photoshop
Surreal
manipulations
NAME: David Waters
EMAIL: david@ishbu.com
WEB: http://ishbu.com
SOURCES: sxc.hu, stockxpert.com and crestock.com
80
Advanced Photoshop
show
same time!
I only really got into using Photoshop in my first
year of my course, when I spent the whole summer
prior to my first semester trying to learn everything I
could about Adobe programs, so that I got a bit of a Sponsored by…
head start. Not only is Miranda Adria this
I find most of my inspiration from deviantART, month’s Best in Show, she has also
which gave me somewhere to display my work won a year’s full Option 3
and get some critique at the same time. I’m not membership to The Illustration
ashamed to say that I’m on there most days, or on Source, worth £150 and Featured
some kind of portfolio site looking at new techniques Artist slot for April. The Illustration
and finding out what’s new and what I could do next Source Ltd is the newest source of
original art, freelance illustrators,
with my artwork.
photographers, artists and
I’ve explored all sorts of different techniques designers on the net. Visit www.
through Photoshop, I love creating photomontages, illustration-source.com for more
but more recently I’ve been focusing on developing information. If you’d like to stand a
my illustrative work within this medium. I’m chance of winning an Illustration
particularly inspired by some of the great traditional Source portfolio, send your images
artists and illustrators such as Arthur Rackham, to advancedpshop@imagine-
Edward Burne Jones and Susan Seddon Boulet.” publishing.co.uk.
JACK FROST: “Jack Frost was created when I was in a very wintery mood. Image requirements
I scanned in a pencil sketch and went from there. Photoshop’s blending You’ll stand a better chance of
modes did a great job of making the icy wings have a more translucent seeing your work in print if you
and shimmery feel” adhere to the following criteria:
make sure that your images are
high-quality TIFFs or JPEGs (RGB or
CMYK), 300dpi minimum, and can
be printed at 15 x 15cm minimum.
Don’t forget to include a small text
file detailing how you created your
work as well.
81
Advanced Photoshop
Portrait pieces
NAME: Asif Iqbal
EMAIL: aiqbal66@gmail.com
WEB: www.asifiqbal.net
82
Advanced Photoshop
84
Advanced Photoshop
I
n today’s society of instant access, the One fact still remains certain. For well over a century, colour model, including Light Magenta and Light Cyan.
proficiency of all art styles is on the dramatic creatives have benefited from an expanding selection The benefits of this serve to increase the apparent
rise. Swept aside are the notions that an art of print solutions. From the emergence of screen- resolution and colour gamut, allowing smoother
education will put you in good stead and many artists printing in 1907, through to inkjet, dye-sublimation gradient transitions in produced work and in essence is
are going it alone, developing competent techniques and digital press as early as 1993, artists have so many seen to be an economical alternative considering the
and methods. prominent modes, as well as materials, to show off use and scale of the creative product.
But is this widespread digital supremacy affecting their work. McFaul, the seaside south-coast international design
the more traditional standards of presentation? Is the Modern enthusiastic designers and artists should studio, has endorsed such methods when related to its
world of print suffering or in decline due to the fervour not underestimate the potential of such home-based own small-scale projects. Ollie Munden, McFaul’s lead
for these online galleries? Or like many other creative hardware. Companies such as Canon, Epson, Mimaki designer, explains: “The only thing we print in-house is
disciplines, is it evolving and transgressing boundaries and ColorSpan, to mention a few, have provided our portfolio. The quality of desktop printers is pretty
to prosper and survive? professional solutions that have ultimately expanded good, and the one we’ve been using for years is still
It’s certainly beneficial to be educated in all the horizons of artists, producing products such as going strong and giving us great prints.” He goes on to
occurring and existing methods if you really want portfolios, limited-edition prints and gallery work. The add: “We did three bespoke designs inspired by the
your artwork to perform to its full potential. After all, inkjet print process has not only founded a new graphics from the Carhartt shop redesign and had
presentation is two-thirds the creative law. Without industry, but also has transgressed into its own them printed as limited-edition Giclée prints on
fully understanding its capabilities, the work itself will category, known as Giclée, a name given to distinguish Somerset Fine Art paper.” If it’s good enough for top
no doubt fail to aesthetically deliver. How should an fine-art prints from the commonly known industrial Iris producers like McFaul, it surely benefits the enthusiast
artist stage their composition? What factors define the Proofs at the time of the early Nineties. market, propelling design to a professional standard.
correct choices? Does the product itself determine it But Giclée printing is defined by more than mere But Munden does seem to suggest that the design
all? These are aspects we strive to discover, informing title. This process, commonly applied in the or idea eventually determines the most appropriate
you of innovative and paramount print practices in reproduction of two-dimensional, photographic and print process, in most cases, and when furthering this
the process. computer-generated artwork, employs the CcMmYK line of questioning, he insists: “For any commercial
85
Advanced Photoshop
work we will always use one of our printing partners. suited to very flat graphic style.” Spot UV, or UV Coating,
That way we know that everything will be spot on and is a process that applies ultraviolet cure coating to
obviously using these printers enables us to think specific spot locations on an image. This is suitable over
about printing in its widest sense, which, for us, is a range of material including smooth, uncoated papers
exactly why we do what we do!” and heavyweights. Drying virtually instantaneously
Liberal thinking and working with these preferred when exposed to the correct level of UV light, design
partners, providing professional practice, has seen projects can resolve quickly, and printed pages with UV
McFaul studio produce some of the most innovative Coating applied can be very shiny or flattened to a
and imaginative print projects in recent times, notably matte finish.
the 2007 Christmas design of Carhartt’s Covent Garden Munden suggests another conscientious alternative
flagship store. by saying: “Clear UV on black or white is lovely! It adds a
new layer or dimension to the piece. It always provides
Thinking big the ‘wow’ factor when people first see it.” Duerden
Neil Duerden, freelance illustrator of 15 years and concurs by throwing his own preferred creative print
founder of Modern English, suggests that in certain method into the ring: “I love to use spot colours and
instances it’s the print process that determines the art when I get a brief that demands this or Spot UV, then
and design. When questioned if certain print material it’s even better. I also love it when you design
works best with certain styles, he adds: “This is just packaging that allows for special print procedures like
common sense. If you are designing a piece that’s foil on a cool board – the effect is so eye catching.”
going to be used for newsprint, you wouldn’t design Also known as ‘foil blocking’, this latter process can
complex graphics, you’d just use black and white.” This be a real magnum opus for package and graphic
©
Mc
rational thinking will certainly help designers like designers, but its influences are becoming common in
Fau
Duerden, who work to tight briefs, prevail and variant products. The basic process results in the foil
l
ultimately create artwork that delivers aesthetically. attaching itself to the product in the form of your
However, sometimes common sense goes out of the image adding panache and a selection of colours are
window and imagination prevails, as Munden says: “We available, with gold and silver most common. However,
have used a lot of Spot UV over the past year, which is be mindful that with foil blocking a lot of small details
can be lost, due to the solid nature of the material.
This element is something to be attentive towards.
Just because something looks attractive and exciting
does not mean it will work for every project, reiterating
FISCAL FAVOURITE: “Digital
printing is becoming so good. It’s
quicker and cheaper so it’s no
surprise that it is becoming more
widely used,” says Ollie Munden
of McFaul
86
Advanced Photoshop
87
Advanced Photoshop
bored without it
© Neil Duerden
88
Advanced Photoshop
Casio EX-Z1080
A compact that seems to implement numerous
creative devices. But are they practical?
Specifications
Manufacturer: Casio
Web: www.casio.co.uk
Price: £140/$279.99
Spec: Manual focus
41 BEST SHOT modes
2.6-inch TFT colour LCD,
115,000 pixels
USB 2.0 Hi-Speed compatible
11.4MB internal memory
Auto, manual, 6 fixed mode
white balance
1/2-1/1,000sec shutter speed
7fps high-speed continuous
shooting (1,600 x 1,200)
Summary: A resourceful camera, with
ACTUAL SIZE:
practical functions for all types of creative These two images
user. It doesn’t fail to meet the ever-evolving demonstrate just
how small the
standard of advancements in the popular camera is. The
EXILIM range. depth is just
24mm and it weighs
Rating: 4/5 only 125g
90
Advanced Photoshop
consumers. Now users can select BEST SHOT STYLISH FEATURES: Anti-Shake DPS reduces blur
that can be caused by shaky hands and subject
options for movie-based capture as well as movement by utilising high shutter speeds and
still, the most innovative of which being the sensitivity settings. It also offers a dedicated YouTube
For YouTube alternative. Corroborated by the shooting mode. This is not a product without a sense of
style, however. Implementing aesthetic choice, the EX- WIDE: Again, there are no distortions at the wide
EXILIM series’ Engine 2.0 high-performance Z1080 comes in four standard colours: blue, black, grey end of the zoom range, and images are sharp right
image-processing module, all video captures and pink, so you can look good while out and about, to the very edges
adhere to a high-compression rate. This serves whilst being reassured of good quality
up small file size at high visual quality. The the results ultimately pleasing. Both in
modern H.264/AVC video encoding, together gloom and the brilliance of the bright day
with this YouTube capture mode, ensure that sun, the EX-Z1080 coped extremely well.
users are able to shoot and save movies on This camera controls harsh highlights
this camera at optimum size, quality and other and exposure, allowing the vibrancy of
settings suitable to YouTube. Users can easily colour to shine through. Exposure is not
locate and access the BEST SHOT option by blown and shadows are detailed. The colours
clicking the BS button on the back of the produced were fantastic and vibrant in green
camera and it comes standard with the and blues especially. No barrel distortion or
unique YouTube Uploader for Casio software, pincushion distortion is noticeable at either
enabling users to upload movies to YouTube end of the zoom range either.
in as few as two steps. The one reservation that some artists may
Other standard options are the EX-Z1080’s have, especially those perhaps using heavily
11.4MB internal memory, which will get you a textured resources, is that again this camera’s
few shots before inputting a memory card. zoom is somewhat wanting. This was
But considering the memory card device, apparent in its counterpart product, the EX-
coupled with this hardware’s rechargeable 1200. It provides a 3x optical zoom, which in COLOURS: Saturation is generally very good and
lithium-ion battery technology, creative and all fairness isn’t brilliant in scope, but it does there is little magenta fringing to be seen in high-
traditional users alike will be able to record still combine this with a 4x digital zoom to contrast areas of the scene
an impressive photography resource. This supply a 12x zoom in all, though digital zoom
super-life addition, once fully charged, does lead to increased pixelation. However,
impressively allows users to take no less than the capability of the zoom will suit most
370 shots. So those supplying stock for creatives and those of you with interest in
online, royalty-free sites such as stock.xchng digital painting may well find this camera
and iStockphoto.com can really get a good also productive.
day’s work in one shoot, benefiting the bank Styles such as figurative and portrait are
balance in turn. complemented alike by more of the EX-
Of course, we try to be subjective about Z1080’s face-detection technology. Combine
all our products as to obtain a balanced this with the auto-tracking AF system using
review for our readership and so we took motion analysis technology, and you have SCENE MODES: Pick the right BEST SHOT mode
this hardware for a test run. After a photo photography that maintains both sharp focus for the scene that you are shooting to get the right
spread of tones and contrast
shoot session in varied locations, we found and correct exposure for a human face. 5
91
Advanced Photoshop
Image Doctor 2
The latest upgrade to Alien Skin’s retouching software
Manufacturer: Alien Skin Software identifies each specialised category, for instance ‘Soften deep
Web: www.alienskin.com wrinkles or oily skin’ (Skin Softener filter). Upon activation, the
Price: £101.60/$199 selected setting will apply its own remembered controls.
Req: Photoshop CS2 or later, Photoshop Elements 4 or These can, of course, be manipulated further in the Basic
later (Mac), Photoshop Elements 5 or later (Win) menu through a set of easy-to-manoeuvre slide bars. All
1,024 x 768 or greater monitor resolution seemingly effortless you may well think, however this is
Intel Pentium 4 processor, Windows XP still a software with a few teething problems when
or later (Win) concerning performance.
PowerPC G5 processor or Intel processor, A prime example is the Smart Fill filter. What we felt
Mac OS X 10.4.0 or later (Mac)
may well be a real defining factor for this product, eventually
SOLUTION: When you want to remove an object from a transverse SMOOTH BLENDING: This software does excel in providing solutions
background, use multiple selections for best effects that offer smooth blending with the balance of the photo
92
Advanced Photoshop
C D-Art: Innovation in CD Packaging Design is a best- involves another innovative section, Extending the Experience. provides so many fine, inspirational
visuals and work processes. With its
selling title that presents some of the finest CD covers This concerns innovative examples of furthering the
informative and aesthetic nature, it’s a
from around the globe. From the introduction, the newest consumer’s CD experience, through contemporary creative
real tour-de-force concerning CD art.
innovations and changes in this design industry are addressed modes such as changing the insert booklet into a full-blown
Rating: 5/5
and incorporated. It deals with developments in the music book or computer-readable imagery on the disc. 5
industry in terms of presentation, packaging material and new
work produced, all presented in depth in the inclusive chapters.
These sections provide a true wealth of case studies, each
accompanied by dynamic and attractive imagery and
annotations, revealing processes, equipment used, record
labels and the responsible design studios. Each example
provides insight into how the designers involved in these
disciplines truly excite the senses of sight and touch.
The attractive and clear-cut layout of this title enables a
totally enjoyable and understandable aesthetic experience,
with evident learning along the way. But it seems to be a bit
more concerned with relation and inspiration than education.
It’s a real keepsake that will keep the creative juices flowing.
After all, the album cover has provided some of the graphic
design industry’s finest examples and this book puts them out
93
Advanced Photoshop