Beruflich Dokumente
Kultur Dokumente
VANISHING
Robin Preston | A history of Photoshop | Design challenge | Create fantasy lighting effects
POINT
The definitive guide to CS2’s
revolutionary feature
52 GH
S ES
-REIMAGE’S
HI OCKIS ISSU
ST TH D
ON EE C
FR
HOW TO…
£5.99
18
Master fantasy lighting
771748 727009
ISSN 1748-7277
Design distressed effects
Get the most from Warp
Create artwork using type
ISSUE 18
9
6-PAGE SPECIAL t
GIVE IT A GO 7 30
If you’d like to get your work in the next issue of
Advanced Photoshop, why not give this springtime
tutorial a go and send in your efforts?
ISSUE #18
inside... 24 LETTERS 7 10
Our readers’ comments and feedback
Adobe’s right-hand man talks
7 12
Wacom, Nikon and the future
INSIGHT
News and showcases from around the globe
All the latest events, exhibitions and awards 12
Sarah Howell continues to wow her audience 18
Musical graphics masters Asterik show all 20
We check out Kerry Roper’s portfolio 22
HELPDESK 7 78
Your technical traumas shared with fellow readers
and answered by our expert
THE COVER
If, like us, you were blown away by
the creative talents of our cover
RESOURCES 7 85
Vital assets to improve your Photoshop work
illustrator, Sarah Howell, turn to
page 18 where you’ll see some more QuarkXPress 7: The Preview 86
of her beautiful work
Plug-ins 90
Typographic sites 92
Books 94
.
THIS MONTH’S CD 7 96
B E .. Superb stock art, all the project files to go with
UBSto pa £s ofce
S rn ave pri
Tu d s ver 36 48
an e co Photoshop through
the ages
Find out what ‘Goddess’
meant to our imageers
th
6
Advanced Photoshop
7 30
effects with a punch!
TURN PHOTOS INTO DIGITAL ART
Integrate hand-drawn elements into your images
FEATURES
INTERVIEW: ROBIN PRESTON 7 24 LIGHTING EFFECTS
Master the art of fantasy lighting
7 42
The digital wonder and aspiring developer shares his secrets
A HISTORY OF PHOTOSHOP 7 36
DISTRESSED EFFECTS 7
Learn how to use textures to create distressed effects
56
How Adobe’s app has helped design a new world
INSIDER INFO
THE AP CHALLENGE 7 48 WARP
Think you’ve mastered it? Think again
7 62
Two designers, one brief
7
Advanced Photoshop
Mailbox
Send your emails about the magazine
to the editor at advancedpshop@
imagine-publishing.co.uk
TIPS, IS RIGHT UP
Another reason for me writing was to recommend On page 93 of Advanced Photoshop 16 you
a great tutorial writer called Derek Lea – I’m sure that mention the Invigorator 3D Plug-in. In your review it
MY STREET”
this name would ring a bell with some of your team? looks interesting, but the plug-in has already been
His tutorials have been featured in a number of discontinued for Photoshop, Illustrator and Freehand.
magazines. I think his work is amazing and he is my Or did you have a preview of a newer version, as this
source of inspiration. I would love to see some of his plug-in was only available for OS 9, not for OS X? (The
tutorials in the mag, as I’m sure other readers would. After Effects version is still available.) request an article, is it possible to make a good
Would it also be possible to have some of my work On another note I did like the interview with comparison (with tutorials) between Photoshop and
featured in the exposure section? You can see Charles Darby, so keep up the good work. If I might Corel Painter for drawing?
Editor replies:
Hi Rutger, thank you for your email. At the time of
going to press on issue 16, the 3D Invigorator from
Zaxwerks was still readily available. For more plug-in
inspiration, check out Zaxwerks’ site (www.zaxwerks.
com) or head to page 90 onwards where you’ll find
plenty of help in your search for that perfect plug-in.
10
Advanced Photoshop
Straight to
the point
A foreign affair
Subject: Hello from the United States
From: Mary Lynch
I just purchased issue 16 of your magazine from
the bookstore and it is every Photoshop user’s
dream. I purchased a subscription and would
like to know how I can get all the back issues as
soon as possible. Please let me know the cost,
including shipping. Great magazine!
Editor replies: SUBJECT: Design dilemma
Congratulations on taking that first step towards FROM: Ben Cowan Subject: Early issues
going solo, it’s often the hardest one. Hopefully you I picked up issue 16 of Advanced Photoshop and From: Magnus Westerlund
found last issue’s feature on starting your own design was wondering about the background behind all the Hello there, lifesavers! Well, I stumbled upon one
studio helpful, but if you need more advice check out workshops. Is there a specific reason that they have a of your truly amazing magazines a while back
this month’s interview in which Robin Preston gives beige background or is this purely for aesthetics? and I have been a subscriber ever since. What I
tons of advice for anyone starting out. Most other magazines that I purchase have white really want right now is to buy the first issues as
backgrounds that I occasionally find difficult to read. well, which I didn’t have a chance to buy.
SUBJECT: Commercial artist Please could you let me know? The first issue I bought would be the October
FROM: Ian Keltie 2005 issue, and I want every single one before
Hey guys, just wanted to pat you lot on the back as Editor replies: that, no matter what the cost. Please, oh please
I’ve just picked up issue 17 of your Advanced It’s sometimes surprising how few of our creative help me out here!
Photoshop magazine. I’m a commercial artist with readers comment on the design of the magazine
clients such as The New York Times and Time Out, compared to the editorial, so it’s always great to hear Subject: Subscriptions from Denmark
and this type of magazine, with all its Photoshop what you think. These backgrounds are used mainly From: Daniel Griffin
tips, is right up my street. I’m looking forward to the to break up the magazine and you’ll find these pages Hi Advanced Photoshop team. I’ve bought
next magazine. are workshops in our techniques section. Just flip to your excellent magazine and would now like to
page 56 or 64, where you’ll see two more great subscribe to it. How would I go about doing that
SUBJECT: Peer appreciation examples of our workshops in action. from where I live in Denmark?
FROM: Den Cops
Just a quick note to thank you for featuring my work SUBJECT: Best in show Subject: Out in the sticks
in the Peer Pressure section of your magazine. FROM: Jon White From: Mark Forester
Congratulations to the whole team for putting the I just wanted to drop you all a quick line to thank you Greetings Photoshoppers! I live in pretty rural
magazine back on track. for recommending The Greatest Show On Earth in part of Ireland, and the newsagent I usually go
your last issue. I went along and am now a definite to to get my issues of Advanced Photoshop
fan of the wondrous Vault49. They truly are at the top seems to have a pretty erratic supply, well, either
of their game. that or I get there and he’s sold out of the few
issues that he did have in! Is there a way to get
GO PUBLIC: So, you think you’re good enough to SHOW ON EARTH IN please contact our Customer Interface by email
at photoshop@cisubs.co.uk or by phone +44
11
Advanced Photoshop
www.noisefestival.com
DESIGNED BY INSECT:
Created by the masters of illustration, DESIGNED
BY DANNY
include Ch
Insect, Stagman demonstrates the ris Cunningh BROWN: Other cont
Jeremy Fish am, CALMA ributors
design group’s admiration for all , Dreph, Pu ,
re Evil, Kid Ac Pete Fowler, Inky,
things dark and twisted ne and Swoo
n NYC
12
Advanced Photoshop
A new world
On from 10 June to 10 September at the
Design Museum in London is My World: The
The web winners
New Subjectivity In Design. Exploring the Founded in 1996, the Webby Awards
emergence of a new subjectivity in design, are the leading international honours
this exhibition features new work from for websites. Among this year’s
British designers including Daniel Brown, nominees are Beck, BabyCenter,
Committee, Doshi Levien, Neutral, Peter BoingBoing, Bloglines, and Bank of
Traag, Alison Willoughby and Wokmedia. America. The nominees only had to wait
Conceived as a touring exhibition – it will until 9 May to find out who had won,
also appear in Lithuania, Slovenia, Portugal, but it’s on 12 June that the winners
Norway and Estonia – the event is aimed at will be celebrating in style at a swanky
the advanced design market. Looking into 10th annual gala event in Wall Street,
MATLO: D New York.
technology, entrepreneurship, localisation oshi
shop inspire Levien probes cultu
d ral
and transformation, My World is designed to production: by Indian markets. D identity in a prototyp Nominees were named in over 65
Henry Wat es e
create a platform for a series of interactive son Potterie ign: Doshi Levien, categories, ranging from fashion,
s, photogra
ph: John M
events designed to reawaken the fires of oss politics, and social networking to
creativity. For more information, check out banking and employment. New
www.designmuseum.org. categories making their debut this year
include political blog, business blog,
LUNUGANGA: Wokmedia tries to industrialise nature by creating
shelves in the twisting forms of twigs and roots. Design: Wokmedia podcast, and best use of video or
moving image.
“For a decade, the Webby Awards has
honoured the new and groundbreaking
websites that have changed the way we
work and live,” said Tiffany Shlain,
founder and ambassador of the Webby
Awards. “This year’s nominees provide
us with an inside look at where we’re
going next.”
The Webby Awards are presented by
the International Academy of Digital
Arts & Sciences, a global
organisation with over 500
members including David
Bowie, Richard Branson,
Anita Roddick, Matt
Groening, Jamie Oliver, and
fashion designer Max Azria.
To check out all the
winners of the 10th Annual
Webby Awards, head
across to www.
webbyawards.com.
13
Advanced Photoshop
FOWL PLAY:
Grandad And The
Dead Bird, designed
by Hannah Taylor,
Cambridge School
SNEAKER of Art, BA Illustration
SP
Shoe, design EAKER:
ed by Timot
Drake, Cam hy
br
Art, BA Illus idge School of
tration
SAYING SOMETHING:
Mouth, designed by
Jan Martin, University of
West of England, MA Multi-
disciplinary printmaking
14
Advanced Photoshop
DIARY
Connection, check it out before your graduate show allows you to create comic book art from photographs),
hits, as it offers a feast of inspiration and advice. new trends and upcoming design events. You’ll also
Dedicated to helping students and their teachers find find links to design-oriented forums and articles.
free resources for using Adobe software products in All you need to do is log on to www.adobe.co.uk/
DATES
coursework, projects and career preparation, the site is education/designschools and get downloading all the
a gold mine of information. As well as loads of free tips resources you need.
TURNER PRIZE
NOMINEES
ANNOUNCED
16 May
www.tate.org.uk
ADOBE LIVE!
24-25 May
London
DESIGN AND
NATURE 2006
24-26 May
The New Forest
BLACK
BRITISH STYLE
Until 29 May
Sunderland
GRAND DESIGNS
LIVE
2-4 June
FREE EXCHANGE: The site also London
includes links to an online forum where
you can exchange ideas, tips and
resources with your fellow designers 1001 INVENTIONS
ge
Test your knowled
Until 4 June
Manchester
ho
and find out w
e to ge t all Anne Robinson iz fro m
It’s tim ith a new qu
the w ea ke st Ph ot oshop link is w
otoshop Pr of es sio na ls. FOOTBALL FEVER
sociation of Ph ters 9 June - 10 July
the National As menus, or ie nt at io n, fil
s, drop-down Design Museum, London
Covering layer on g other questio
ns, this
ali ng Br us h am hop ace
He
and th e you’re a Photos
to see whether
quiz is de sig ne d
g 20 minutes (o
r less) to an sw er th e 20 10TH WEBBY
or dunce. Takin you’re a
ll learn whetherD THE LAMBre: su
be ginn
“Thlts
er ,
is are AWARDS GALA
questions, you’ THE WOLFusAN on ce your started 12 June
iate or ad va nc ed
of my
er
ear lier pieces, when I first gory,
intermed is on e
ad va nc ed
le. ca te
roug th h
to wit
enthing e thi s sty New York
geexpt therim pefee l, iz.
rt qu
collated. If you I wantedte toqu
it n haes a rea
ve tio thee-s
in lag
nsl col extyle
ts out ofg
an othe r com po nen
owin
you can answer almost as(e
the
if I had cut r your own gl
Although ther
e’s noa maprgaizezinexc phtoto
orep
fograph. The mountains
on pieto
ce w
of w
conw .cre te that V&A: MODERNISM
w or beg
th acak,phsootogeoft tio, and the grae.ss
aancras
a
pride) it’ s w ell nt pa le dg 14-15 July
d test your know to use all
was lying in my fro
r.com/quiz an m my front yard. I try
photoshopuse was taken fro graphy for textures and V&A Museum, London
of my own photo
15
Advanced Photoshop
18
Advanced Photoshop
19
Advanced Photoshop
20
Advanced Photoshop
CHASING VICT
ORY: Making th
come out of the e
torso was a chall drawer seem to
Don Clark. With enge for imagee
a helping hand r
Jeff Gros and Cla from photogra
rk’s favourite Ad pher
result is flawles obe app, the en
s d
BLEEDING TH
ROUGH: Made
series within th as part of a
e CD packaging
Through’s The for Bleeding
Truth album, th
Trustkill Record is im
s was created by age for
photographed Don Clark and
by Jeff Gros
21
Advanced Photoshop
NATIVE WEAPON:
“Ultimately my
compositions aim to
engage the viewer
long enough to
convey a relevant
message or idea”
DEVIL’S GUN: By
combining texture,
photography and
illustration, Roper’s work
has a raw, edgy appeal
22
Advanced Photoshop=
23
Advanced Photoshop
TOTALLY
DEVOTED
Eighteen years ago, Photoshop
was a mere glint in Adobe’s eye
and Robin Preston was just
starting his career. Almost two
decades on, Preston and
Photoshop could become the
most potent pairing yet
E
ighteen years is a long time for anyone
to be in the digital arts. After all,
Thomas Knoll had barely conceived
Photoshop and nobody but techno-geeks
talked about email or the Internet back then.
However, out of the creative chasm came
Robin Preston: “We had our first creative
system in 1988; it cost around £850,000!”
Although these days it seems as though every
other person has a hankering for a career in
Photoshop art, it hasn’t always been so. “I started
working with Photoshop 2 in about 1993,” Robin
explains. “At that time it wasn’t the professional
software it is today, people didn’t want to work
on it but preferred other software. Over the last
few years it’s grown to be so professional and,
because I’ve basically grown up with it, there isn’t
anything I really can’t do with it.”
PUFFHAIR (ABOVE TOP): NISSAN HUNTING
Despite his obvious aptitude for the (ABOVE): “I’m trying to move AIRPORT (RIGHT): Robin
New challenges digital arts, Robin is reluctant to away from cars because I think that achieves image perfection with ease.
As with many top Photoshop artists, it has been a embrace some programs. “I don’t use cars will all be created in 3D in the “What’s good for me is that because I
3D because it is still too technical for not-to-distant future. That’s the come from this illustration
busy year so far for Robin. As well as working on me. I always say it’s missing the last importance of Photoshop and what’s background I can actually illustrate
countless new projects, both commercial and bit of dirt a real image has” happening now” in Photoshop photographically”
24
Advanced Photoshop
I’M AN EFFERVESCENT
IDEAS MAN, THEY JUST SORT
OF BUBBLE OUT OF ME
25
Advanced Photoshop
NINTENDO TWIST: “The new filters and things in Photoshop are not
really new to me. I was working with Warp 15 years ago. I’ve been waiting for it
to come along. This image I created for Nintendo was created completely in
Warp. A lot of people think it’s 3D but it’s not”
26
Advanced Photoshop
personal, Robin’s been dipping his fingers into a artist because now I’m doing everything.” Much SOCKDOG These don’t belong to me but I hire 200 gigs of
few new pies. “I’ve just spent the day at Adobe has changed over those years, not least the work (ABOVE LEFT): space as I believe strongly in working virtually.”
An image from one of
because I’m going to be doing lectures and Robin now finds himself doing. Robin’s more However, it is not the technology that makes
things for them in the near future. I can’t give “I’ve done work for Saatchi & Saatchi, commercial moments, Robin’s work so eye-catching, it is his philosophy.
this can be viewed
away too much at the moment as it’s still in the Coca-Cola, Mercedes, Ford, Mazda, Nissan, along with his other
“The way I create a lot of my images is by using
planning stages,” he divulges. “I’ve started to basically every car company you can think of. I do industry work at a technique I call dirty concepts. What I do is get,
develop for Photoshop actual photographic quite a lot of work for Nissan in Germany and they www.nw-5.com say, 15 images I’ve been looking at, I’ll make JPEGs
brushes too. These brushes are 300dpi and they come up with some quite funny ads and weird of them then chuck four or five layers at them, like
STREET
start out at 2,500 pixels – basically the biggest concepts, which is always fun.” FOOTBALL doing a rough sketch, then put them aside. I
you can make. And because they’re (ABOVE RIGHT): might leave them for a week then go back to
photographic, anything you can do with a Working practice This image was
comped from nine
them and start working them, as you would in
pixellated image you can do with these brushes.” But it’s not just his clients that have evolved over elements. Perfect days gone by. When I was studying illustration my
Already a beta tester for the software giant, the years. Robin was quick to jump aboard all the perspective gives it a forte was watercolour. Before you did a
Robin’s dip into development doesn’t stop with latest technological advances. hyper-real appeal watercolour you’d make a sketch. So I work to that
Adobe. “I’m the senior – I always say senile – “I’ve been using a Wacom tablet for 18 years principle of how artists used to work, because
evangelist for Wacom. I don’t go to every trade now. I was one of first people to ever use a tablet that’s what I believe we are.
show, but they usually use me for larger things. I and now I simply couldn’t produce the images I There are a lot of people who manipulate
was at Focus On Imaging earlier this year giving produce with a mouse. It would be impossible; I images and a lot that do what I’d call retouching
talks for Wacom, Adobe and also Nikon. I want to need the pressure sensitivity. I look upon the pen but very few around that are actually trying to
get into development. I want to push the as a brush.” create art. A lot of my clients say they appreciate
boundaries. It’s only now that the industry is As well as his love of the tablet, Robin’s the kind of things I do because I’m always trying
becoming interested in people like me and computer setup has become fairly impressive too. to take it one step further.”
they’ve begun to realise they need to talk as “I have five Macs, all networked. Two new iMacs,
professionals to professionals.” one with Intel, a 2.8 G5 double processor with Seeking inspiration
Just like the field within which he works, Robin four gigs of memory. I’ve also got two servers Although producing 15 image ideas doesn’t
has come a long way over the past two decades. which are Mac minis – one for print and one daunt the digital artist, asked how he comes up
After studying illustration at St Martins School of images – three laptops and, for my clients, I have with his concepts, he struggles for an answer. “I’ve
Art he started his professional life as an illustrator, big servers in London, Germany and New York. got a weird head! One of my agents once
where he fell into airbrushing and
retouching. “Then, over the last
four years or so, I’ve been forced I CALL MYSELF A DIGITAL ARTIST
into photography by my clients,
which is why I call myself a digital BECAUSE NOW I’M DOING EVERYTHING
27
Advanced Photoshop
ATTIC FAIRY: “I said to me I’m an effervescent ideas man, they generally I try to keep away from looking at other
mainly take the images just sort of bubble out of me.” people’s images. Not because I think they’re not
myself, although I do
occasionally use other However, one inspiration is clear when Robin good, because their images are fantastic, I just
photographers. In the starts talking about his passion for weird and believe if you start looking at other people’s work
last few years my clients
have started to ask me
wonderful artist Dali. “I like him because he too much then you start, even if you don’t want
to shoot everything as painted photo realistically, so that’s the sort of to, copying what they’re doing.”
they trust me and I direction I’ve gone in.” But as we all know, after 18 years it’s not just a
found it wasn’t as
difficult as it looked” As with so many of his peers, Robin’s matter of inspiration – motivation can begin to
inspiration doesn’t come simply from the likes of wane too. However, as he explains, Robin has a
Dali or his peers. “I’m a very visual person, I can no solution to keep him on track. “My work changes
longer read a book and it can take two weeks just constantly. I always try to be on the edge of
to read a newspaper. But visually I’ll watch a lot of technology and try to be two years ahead of
television, in fact I often work with a television on what’s going on. What I’m trying to do is go back
at the same time. It helps me stop and take a to my roots as an artist and produce
break otherwise I’d keel over after ten hours photographic art for my own satisfaction.”
straight in front of the computer!”
When it comes to finding inspiration in his The next gen
contemporaries, Robin is wary. “I try to keep away Looking forward to both the direction of the
from everybody else. I buy your magazine, but world of Photoshop and those who would follow
in his footsteps, Robin has some ideas on the
28
Advanced Photoshop
APOCALYPTIC SPRAYER: “A
lot of things that influence me come
from TV. If I’m watching a news
program I often find inspiration –
one image was about what was
happening in Paris with the youth”
29
Advanced Photoshop
30
Advanced Photoshop
Turn photos
capturing your own images,
and there is a great
satisfaction in working on
your own photos. However,
when the time comes and
you need something that
into artwork
you can’t capture in your
own home, like a penguin,
then stock photography is the answer. The
iStockphoto image used for this tutorial is file
‘istock_000000755348’. Make sure that you get
the right copyright for the way in which you’re
planning to use the image.
S
pring is here and, if you’re anything like me, you’ll be booking a summer holiday, digging out last
ON THE DISC
season’s sunglasses and shopping on eBay for flip-flops. With the appearance of the sunshine, you
You’ll find all the elements you need to
transform iStockphoto’s image number may also be wondering whether or not to brave the move of using bold, bright colours in your
755348 into a piece of vector artwork on illustrations. Well, the answer in my opinion is yes, you should be. It’s time to be confident, be bold, and turn
this issue’s cover disc. Either head to
iStockphoto to buy the same image or take
up the saturation levels on that shy pale palette you’ve been using.
a source photo of a friend. As well as braving a new spectrum of colour, you will also be reminded of some of the options scanning in
OUR EXPERT Kev Speck hand-drawn elements can bring to your work. It enables you to turn an ordinary vector illustration into your own
A year after first stepping foot on the shores of illustration, Kev Speck personalised version. Anyone nowadays can create a silhouette, fill it with block colours and call it an illustration, but
has already achieved what many dream of, having worked for clients there are more stages than that if you look past the obvious, and creating depth and texture are great aspects to any
such as Peugeot, V2 and Toni and Guy.
illustration. Plus, we’ll discover a use for the Stamp filter! Who would have thought it…
31
Advanced Photoshop
7 Dress up
Now refer back to your original model image.
Again zoom in, and this time just trace around the
8 Out there!
It’s time to inject your own artistic touch and do
something to the image that breaks it up a bit. I’m going
9 Hair we go again…
You are probably sick of tracing this woman by
now, but this is the last time you’ll have to lasso anything
model’s outfit. Once you’re finished, fill the area and to drop onto the head of the model a kind of crown or for a while. Zoom in again and repeat step seven, this
drag it onto your illustration. Place it over the hat shape in the same colour used for the layers earlier. time with the hair. It’s a longer process; how long you
photograph then deselect the original photograph to As the image develops you can tweak and alter your choose to spend on it depends on how detailed you
show you what you’ve created so far. earlier adjustments, but for now be bold and do want the hair to look.
something different and a little bit crazy.
10 Flip to Filter
It’s time to use the Stamp Filter. You may or
may not be aware that the majority of filters have been
11 Stamping your model
There isn’t too much to do here other than
look at the selection the computer generates on your
overused and so are rarely applied by today’s top behalf and alter it slightly until you’re happy with the
illustrators. Using your original iStockphoto image (on a look. I opted to use the exact version it gave me without
white background), select the Stamp option via the changing any of the settings, which are Light/Dark
Filter>Sketch pull-down menu (make sure your image is Balance: 23, Smoothness: 5.
set to RGB before you attempt this).
“IT’S TIME TO
BE CONFIDENT,
BE BOLD, AND
TURN UP THE
SATURATION
LEVELS” .
32
Advanced Photoshop
15 Without a trace
One at a time, place all the layers you just 16 Give it expression
At the moment, it’s simply a figure standing
“INJECT YOUR
OWN ARTISTIC
traced onto your image, and you’ll see it starting to flesh there not really doing much. I want to add some
out. I’ve put my tracings onto the CD itself, so if you are expression to the image, and I’m going to do this by
having trouble recreating this tutorial because you lack a
scanner or printer, you can use those.
changing what she’s doing with her arms. If possible,
take a photograph of someone’s hands, and scan them TOUCH. DO
in. Adding this will give the impression that the woman is
releasing the season of spring into the image. SOMETHING TO
THE IMAGE
THAT BREAKS IT
UP A BIT”
17 Hand it to her
If you not using your Embrace the
own photo, open the ‘hand.psd’
file, and place it onto your image.
You will have to scale down the
organic
hand and place it accordingly. I Don’t be scared to introduce hand-drawn
also duplicated the hand and elements. Tracing was always frowned upon
placed it underneath the original when I was younger, but I see no crime in it as
to give make it stand out more. long as it is done properly. If you are talented in
drawing, then embrace your skills into your
Making it white adds to this.
computer-generated work, but if you’re like me,
and can’t draw for a toffee, tracing paper is a
wonderful thing.
33
Advanced Photoshop
20 Extra dimension
It’s a little step this, but we just want to insert
a block of colour at the front to give it a bit of dimension.
21 Making progress
To keep with the general flow of the image,
insert some diagonal lines into your image. There
22 Get fashionable
You’ll find that as you make an illustration,
you’ll experiment and change your mind and pretty
It helps the image to look less flat. Use the shape you doesn’t need to be any real strategy behind it, just have much freestyle through some stages (usually the end
made earlier for the sky, duplicate it, move it up the layer them set to different opacities and different layer modes ones). On playing around I inserted a flower onto the
ladder and change the colour to a solid green. to keep it interesting. hat, which gave it a really nice feel, and then using that
shape I cut away from the face of the model to give it a
fashion-orientated feel (without giving any real thought
to the clothing she is wearing).
Layer
library
“IF YOU CAN’T DRAW FOR A Make sure you keep all your layers in a library
34
Advanced Photoshop
a
Designing
new
world
The powerful program we know today began
life as a homemade app in the Eighties.
Jason Arber looks at where it all went
right for Adobe’s creative colossus
BY JASON ARBER
Home-grown talent
Salon.com ran an article entitled ‘The Photoshopping
Of The President’ about the rise of home-made
satirical images of America’s chief executive. The
feature quoted Henry Jenkins, director of the
Comparative Media Studies program at MIT, who has
tracked Photoshop’s role in critical commentary since
the application’s debut. “It used to be that you saw
something done in Photoshop and you’d immediately
forward it for the sheer novelty of it,” says Jenkins.
37
Advanced Photoshop
Adobe licenses
Thomas Knoll’s
Photoshop
Adobe Photoshop 2.0 Adobe Photoshop 2.5
Codename: Fast Eddy Codename: Fast Eddy
Gave us: Pen Tool, Duotones Gave us: The first Windows
Adobe Photoshop 1.0 and support for CMYK edition (Brimstone)
A rough start
Photoshop began with two brothers, John and Thomas
Knoll, whose father owned one of the first Apple II
computers and was passionate about photography:
two elements that were to have a profound impact on
the brothers. In 1987, John Knoll was working at
George Lucas’ Industrial Light and Magic visual effects
company while Thomas was studying for his PhD in
image processing. Frustrated by his Apple Mac Plus’
inability to display greyscale images, Thomas decided
to write his own code to do it. Collaborating with his
brother, he finally produced an application called
Display, which with a few subsequent tweaks also
managed colour images, adjusting their gamma, levels,
NOWWASHYOURHANDS produces a quarterly A1 newsletter featuring news and company information balance, hue and saturation.
on one side and a poster image on the other. To coincide with the launch of its new NWYH Stock Images After a quick name-change to ImagePro in 1988 the
library, NOWWASHYOURHANDS wanted to create an iconic image that summed up the collection.
The building was shot on medium-format film using a Mamiya RB67, while the figure was shot separately Knolls starting hawking their finished application
on the same day to match the lighting conditions at the top of some outside steps. Another image of the around to software companies, but it was met with
figure was shot in digital format with a Nikon D70 for the reflection in the window.
very little enthusiasm. Only Adobe and scanner
High-resolution drum scans were then produced and the images were comped together using
Photoshop CS2. The trick to creating a convincing image was to match the blur and film grain between manufacturer Barneyscan showed any interest (early
the two images and to ensure that the colour balance between the figure and the building was as close versions of Photoshop were bundled with Barneyscan’s
as possible. The reflection in the window was the icing on the cake, and this convinced many people that
the image was in fact real!
scanners under the name Barneyscan XP). Eventually
finding a permanent home at Adobe, Photoshop 1.0
38
Advanced Photoshop
39
Advanced Photoshop
Adobe
Photoshop 7.0
Adobe Photoshop 5.0 Adobe Photoshop 5.5 Adobe Photoshop 6.0 Codename:
Codename: Strange Cargo Codename: Strange Cargo Codename: Venus In Furs Liquid Sky
Gave us: Multiple Undo Gave us: Bundled with Gave us: Layer styles and Gave us: Healing
(History palette) and enhanced ImageReady, and including improved text handling with Brush and new
Color Management Extract and Vector Shapes greater typographic control painting engine
THE APP IN ACTION layers, giving digital artists new and exciting freedom
to combine images. Many perceived Photoshop’s layers
capability to be a direct response to Live Picture, an
application that was excellent at handling massive
images thanks to its IVUE file format, which stored an
image as a series of tiles at different resolutions and
used layers. In actual fact, Thomas Knoll had developed
James Chiang layers in parallel with LiveImage.
www.jameschiang.com LiveImage and Photoshop duked it out for several
James Chiang is a photographer and art director who grew up in China and Boston and is now years until code optimisations and faster hardware
settled in San Francisco with his wife Lana and greyhound Noi. His diverse clients include Adidas,
Verve Records and various glossy magazines.
closed the gap between the two applications, and
Zulu is a gritty montage experiment for his print portfolio. Generally for his photography James LiveImage’s unique selling point – its handling of large
just uses “a bit of sharpening, layer stacking, colour-correcting and increasing the contrast for image files – became moot. It was a notoriously
punchiness”. This image required a bit more and included multiple scans of some of some of James’
paintings and artefacts, including a weathered Halliburton travel case! The elements were assembled unstable application, too, and an ill-advised move from
“using the Multiply/Screen Tool liberally in layers, which is just fantastic fun.” Santa Cruz to Silicon Valley accelerated its demise.
Similarly, ColorStudio fell by the wayside, and on the
colour or image. Paths were brought into the editing Windows platform other image editors struggled to
app by Mark Hamburg, who became Photoshop’s carve themselves the same kind of market share.
second programmer to what had essentially been a
one-man band. Refreshing your screen
Other improvements in Photoshop 2.0 included Version 4.0 of the application introduced some radical
support for CMYK colour (which was an important step changes care of Andrei Herasimchuk, Photoshop’s new
in winning acceptance by the print industry), support interface designer. He began the process of unifying
for duotones and a rasterizer for Adobe Illustrator files. the look and feel of Adobe’s products and turning
This converted Illustrator’s vector information into Photoshop into a modern application. Commands
bitmaps that could be edited in Photoshop. were reassigned and the toolbar expanded, rearranged
By version 2.5, released in November 1992, and refreshed with new icons. Inevitably some users
Photoshop was establishing itself as the industry felt disorientated by the changes, but the inner logic
standard, beating competitors such as Letraset’s eventually won most of them over. Aside from interface
ColorStudio, and sales were going through the roof. changes, the biggest new feature Photoshop 4.0
Version 2.5 introduced support for 16-bit files and included was Adjustment Layers: the ability to apply
palettes, but is notable for being the first version of non-destructive and completely editable changes to
Photoshop available on the Windows platform. an image’s colour and tonal values.
It wasn’t until version 3.0 (codenamed Tiger The next version of Photoshop, released in May
Mountain) arrived in 1994 that the next big change 1998, continued to cause users headaches thanks to its
came. In September of that year, version 3.0 introduced fumbling of the colour management ball, a new feature
40
Advanced Photoshop
41
Advanced Photoshop
Fantasy
lighting
Add fantastical lighting to your compositions
using Photoshop’s blending modes
BY JAMES DAVIES
42
Advanced Photoshop
3 Total control
To allow us full control of all the elements of a
“PHOTOSHOP’S
ARMY OF
composition it’s best to put everything on its own layer.
Repeat the cutting technique to separate the tree line
from the poppy field. If you can’t find a clean channel to
use in CMYK, try switching to RGB. In this case, the red BLENDING
channel layer is the easiest to work with.
MODES CAN
BREATHE LIFE
INTO AN
OTHERWISE
FLAT-LOOKING
SCENE”
43
Advanced Photoshop
44
Advanced Photoshop
16
warmth of the two figures. Finally, set the
Fly by night blending mode to colour and reduce the
I’ve used a butterfly to transparency down to a lowish percentage so as
create the firefly; just log onto www. not to unnaturally colour the image. The result is
istockphoto.com to find a similar that the blue has averaged out the colour
one or source your own. Apple/ temperature of the image as a whole and cooled
Ctrl+click on the butterfly layer icon it down as to mimic a night-time setting.
to select the pixels and using a The second way is to add noise to the image so
white foreground colour hit shift+F5 it seems less digital. Adding noise to all the
elements in the composition will give the
to fill it. Apply a small Gaussian Blur
impression that it was a photograph taken on film
(around 5-10 pixels) and using the
rather than digital means, this will fool the eye
layer styles apply an Outer Glow. Set and make it seem more realistic.
the Layer Blending mode to Screen.
45
Advanced Photoshop
modes
layer to Color Burn and overlay, alternating between the most of the detail. Set the Layer Blending mode to
two. Play around until you reach the desired effect of a screen and the opacity at 60%.
glowing butterfly, as below.
Normal: Renders each pixel on screen as you’d
expect to see it.
Darken: Selects the darker coloured pixels and
displays these.
Multiply: It multiplies the colour you’re
blending by the colour underneath, making a
darker colour. Multiplying any colour with black
will produce black. Multiplying any colour with
white makes no change.
Color burn: Darkens the base colour using the
blend colour for darker pixels only. Burning
with white has no effect.
Lighten: Selects the lighter pixels and
displays these.
Screen: This multiplies the inverse of the two
blending colours, producing a lighter colour.
19 Ambient light
Create a new layer and
select an orange colour (around
Screening black will have no effect but
100y 50m) and Shift+5 to fill the
screening with white will produce white.
layer. Go to Layer>Layer Mask>Hide
Overlay: A mixture of Multiply and Screen. It
preserves the shadows and highlights of the All to make a layer mask and fill this
colour below by mixing with the blending with black. Set the layer blending
colour. It reflects the lightness and darkness mode to Overlay. Select a big soft
of the original. paintbrush (around 200 pixels)
Saturation: Takes the luminance and hue of the loaded with white and then paint in
base colour and the saturation of the blending the ambient glow.
colour. If the blending colour has no saturation
(greyscale) the resulting colour won’t either.
Color: Takes the luminance of the base colour
and the saturation and hue of the blending
colour. This preserves any tonal variation while
colouring greyscale images with flat colour.
20 More light
21 22
Repeat the process as above but creating a
yellow instead of orange (around 100y 15m). This time, Into the shadows Detailing the shadows
select a smaller soft brush to paint in the light where Create a layer directly above the figures. Painting in shadows is difficult to get right.
you think it would be thrown had the girl actually been Select a dark colour, either a very dark brown or Study plenty of photos to see how shadows and light are
holding a light. Also start to paint in any light that something close to black. Then, using a small soft-edged thrown when a light shines on different subjects. Then
would be thrown onto the boy behind and the brush for harsh shadows and a larger brush for the softer experiment with different sized soft-edged brushes and
surrounding area, picking a smaller brush for the light shadows, paint over the layer. different brush opacity and flows.
closest to the source and a larger for the opposite.
46
Advanced Photoshop
28 Finishing touches
The composition should be finished save for a
few things. To bring the elements closer together in terms
of colour balance, create a new layer on top of the
hierarchy, fill the layer with a darkish blue (around 80c
50m, although experiment) and set the blending mode
to Color. Then set layer opacity to 20%. To add a film feel
to the piece, apply an add Noise Filter set at about 5.89%
with a uniform distribution.
47
Advanced Photoshop
48
Advanced Photoshop
Going
headtohe
ad
Jeremy Pra
sa
vs Teis Alb tik
ers
Goddess
What do you get if you
give two artists the same
There’s never only one way to approach a design
brief. With so many possible ways of creating an
image in Photoshop, the results of a brief from a
commissioner can be as random as locking up Yoko
one-word brief? We try out Ono and telling her to write a song – you might end
our Photoshop experiment up with a masterpiece that will form a staple part of
a portfolio, or you might end up with a catastrophe
on designer guinea pigs that you’d rather sweep under the carpet and
Jeremy Prasatik and ignore. There’s an awful lot of trust placed on an
artist, especially if a brief is quite flexible. It can be
Teis Albers just as stressful for the designer, too.
The most important part of any artist’s career is
establishing their own style and method of working. If
you’re a really successful digital imageer you will have
the confidence to go with the flow and have faith in
what you produce, rather than copycat the style of
another artist. Have you ever looked at a piece of art
and wondered what the same idea would have looked
like if a completely different designer had got their
hands on it? So many different factors affect how a
design is pieced together.
Here at Advanced Photoshop we’re pretty nosey and
love taking a look at what our commissioned artists
come up with. We hunted high and low for two
designers that had not only caught our eye with snazzy
designs, but who also had very different artistic styles.
Our chosen artists, Teis Albers and Jeremy Prasatik,
just so happened to be situated on either side of the
pond, from the Netherlands and the USA respectively.
Not only was this to be a designers’ duel, it was also to
be a clash of the continents. With only a one-word brief
of ‘Goddess’ and no other restrictions we let our artists
loose on the project, being careful not to reveal the
other’s name so they couldn’t carry out any sneaky
research on the web. Here’s what they came up with…
49
Advanced Photoshop
5 Flower clippings
To keep with the natural atmosphere theme I
made some clipping paths around the flowers and then
pasted these into my composition. After mirroring these
I kept all of them as they were except one, which I
blended with the Soft Light layer mode to keep the
shape at the top of the wings.
Teis Albers
Teis is a freelance graphic and multimedia Design School in Eindhoven and later set up his
designer whose office is based in his apartment in own company, Graphik. His first commission was
‘s-Hertogenbosch, in the Netherlands. “I also live for a local company designing websites,
9
with my girlfriend, who, by the way, makes a brochures and advertisements, while in the
mean spaghetti.” He was educated at the Graphic evenings he would experiment with freestyle Bling bling!
Teis Albers work without boundaries. “I learned a lot that way Add some more stars to your image using the
OUR EXPERT
and I also designed posters for a youth club on a Linear Dodge mode, and rotate and scale them
Age: 24
Place of birth: Heusden, the Netherlands regular basis. This let me loose on some strange randomly to make sure your image doesn’t look too
Now lives: ‘s-Hertogenbosch, typographics and illustrations, and allowed me to regimented. This gives your artwork a bling effect that a
the Netherlands
Works for: MTV, Chemistry, Reload, Code,
use different kinds of paper and copying lot of people like and gives it an added dimension,
Stationery Team, Lucky Strike, N-Store, techniques.” Teis’ first major opportunity came almost as if it is shining out of the paper.
Growing Concepts, Dzone, MINT, SPCL when he contacted Reload magazine. “They let
Magazine, Mavis Media, Lava
Studied: The Graphic Design School, Eindhoven me design a cover and printed an interview with
First commission: Teis was paid to design a new website for a me, enabling me to present my work to a larger
local contractor
public. That really worked out well for me as I had
Describes his style as: “Colourful, bold, fresh and shiny
mixed media” a whole load of new clients calling me to design
Heroes: Batman, Spider-Man, family and girlfriend, Lennon, new projects – the phone never stopped ringing.”
Dylan, Anton Corbijn, Thomas Schostok, Joost Korngold
Last commission: Twelve individual zodiac illustrations for a
Teis intends to approach the brief of Goddess
new magazine by setting his mind to zero and working on the
Future projects: “I’m working on four big illustrations that will project on autopilot. “To me this is divine, as I can
be printed on tiles for an office in Groningen. I’m also
commissioned to do another 200-page Hip Hop Journal and create free work without boundaries. I love to
some more spreads for Reload magazine” combine shapes, colour and photographic
His message to Jeremy: “Do what feels good – life’s too short
elements and mix this into a composition.” To see
to do something you don’t like”
more of his work, visit www.hypnoteis.nl.
50
Advanced Photoshop
10 Adding vectors
I added some vector lines created in Illustrator.
These blended well into the composition as they were,
11 Know when to stop
The Goddess illustration is now finished, and
adding more would simply ruin the composition. The
12 Sharpening up
The image was flattened and resized to
500x707 pixels at 72dpi. The Sharpen filter was used to
so I just copied and pasted them straight in. Another final step was to save it. For printing, the best result is to boost the details and then the layer was duplicated and
adjustment layer was added to give these newly keep the resolution at 300dpi. If you intend to publish given a Gaussian Blur of two pixels. A Blending mode
important graphics an appealing colour using the your work on the web you may need to adjust your was set to Color Burn at 26% and flattened. It was given
Hue/Saturation command. image size to 72dpi. There are some tricks you can use to another sharpen and a Color Balance adjustment layer
enhance your image. used to add yellow and red.
51
Advanced Photoshop
5
apparel. “I still feel very new to the design world Future projects: “I’m doing a website for an up-and-coming
country music artist and doing a number of different print
and that inner desire to create new things is very projects that you guys might see featured around the Internet Line art
much alive within me. I can throw my and in a few magazines. I’ve also got a few personal prints that Colour was added to the image using the
I’m going to release soon and I’ll probably sell online. Hopefully
headphones on, sit down at the computer and be Rectangular Marquee Tool to add some bars of different
someone out there will like them and buy a couple.
fully engaged for hours and hours at a time.” I’m also involved in a new business venture, Oddica.com, shades to the design. Any colour scheme could have
For this Goddess challenge Jeremy will start off the very first T-shirt company to give the designer/artist a share been chosen for this, although I decided to go for
in the company. Go check it out at www.oddica.com”
by sitting down with a pencil and paper and write His message to Teis: “Dude, whoever you are, you can’t
something that was light and fun. It is important not to
down some ideas. “I tend to jot down keywords hold me. I’ll cross your design up and spit it out like an include any gaps on these bars.
and things that first spring to mind when I’m Allen Iverson crossover. I’ll shoot holes in your ideas like a
Dirk Nowitzki jumper”
given a brief.” See more at www.jp33.com.
9 Light luminosity
Drag these layers to below the coloured bars and
set their blending modes to Luminosity. Create a layer
mask on each layer and brush away what you feel looks
right. I brushed almost all of them away for a subtle look.
Lower the opacity so as not to overpower the image.
Repeat this process with other shapes, such as curves
lines and large circles.
52
6 Layer effects
A Gaussian Blur effect is used to soften the lines up
and set the layer blending mode to Color. Copy a few of
7 Brush away
Make a copy of the original photograph layer and
drag it onto the top of all the layers, as we don’t want the
8 Work up the background
Use the Pen Tool to draw a few different abstract
shapes so we can add some texture to the background. I
the coloured layers and repeat, applying different layer goddess having a bunch of colours on her. Then, add a started with a few big curves. Use the bright colours here
blending modes and making sure that you mask out layer mask to this layer and use the Eraser Tool to brush – it won’t matter as much as we’re going to blend them
certain areas for different effects. Here I have used six away the unwanted areas of colour. into the background using layer blending modes.
different layers with varying placements.
10 3D abstracts
I wanted to bring in some more dynamic
shapes into the goddess image and so imported a file
11 Screen test
Drag the image below the layers created in
step nine and play with the layer blending mode, trying
12 Finishing touches
We’re pretty much done with the main image.
What you can do now is select different elements to
from a 3D program to use for added texture in the for a unique look. I’ve used Screen and masked some of drop into the image. I’ve used a number of trees and
background. It was important to choose an image with the image away to make the effect more subtle. If this some other floral designs to polish off the image. Use
the same colour background as the goddess art so that it doesn’t quite look right, repeat this process as necessary. some in the foreground and drop some into the
blended well without too much alteration to colour. background to get a nice blend.
53
Advanced Photoshop
DISTRESSED EFFECTS 7 56
Everyone likes an powerful, gritty piece in their portfolio to show
future commissioners that you can be made of the hard stuff if needs be.
This issue Sam Gilbey takes us on a rough-and-ready ride with his
distressed-look tutorial. If you fancy trying out the techniques for yourself
Insider
es
iqu
Info
n
ch
Te
INSIDER INFO 1
WARP 62
Inject some warp factor into your images
INSIDER INFO 3
LENS CORRECTION 71
HELPDESK 7 78
Don’t throw your monitor out the window in
Are your photography skills up to scratch? sheer frustration just yet. If you’re het up
Give your images a professional touch about any Photoshop dilemmas our resident
with our guide to faking the perfect shot expert is here to help!
55
Advanced Photoshop
DISTRESSED EFFECTS
It’s time to get your hands dirty as we explore the skills behind
creating texture and giving your images that urban edge
W
BY SAM GILBEY
e all know that Photoshop can be just that on the way you can experiment more.
great for creating a sleek, clean We’ve supplied all the textures used here on the
and glossy look, and sometimes cover disc, but don’t feel like you have to stick to
that is exactly what’s required. Indeed, a them. No doubt within five minutes’ walk from
couple of years ago it seemed that everything your house there are textures galore for you to
ON THE DISC
had to look like this. Don’t get us wrong, but shoot. Your first step may actually be to dust off
You’ll need ‘texture_1.jpg’ to get too much of anything can be a bad thing! the digital camera and get snapping.
started, but you’ll also find all the
other files you need on your free CD.
Thankfully, the influence of illustrators has When you’re done, the principles for
brought texture and depth back to the fore, and incorporating the textures are the same. Creating
OUR EXPERT Sam Gilbey here we’re going to show you techniques to help a distressed image is all about bending the
Sam’s illustrations have appeared in numerous publications, make your work look nice and gritty. It’s all about source imagery to your own ends. As well as
both on and offline, all over the globe. His observational,
colourful and distinct style often draws upon and celebrates
freeing up your work so that it’s got a bit more life taking snaps of the real world, you could also
popular culture. He is also a senior editor for popular arts and to it. All the classic rules of colour and scan in painted textures. Perhaps you could even
design news portal Pixelsurgeon. More of his work can be composition still apply, so you still need to think put some dirt on the scanner. Just don’t forget to
found at www.sam-gilbey.com.
carefully about what you’re trying to achieve. It’s clean it off afterwards!
56
Advanced Photoshop
IS ABOUT BENDING THE SOURCE Select the whole JPEG, then go back to the
main canvas. Duplicate the layer with the masked
IMAGERY TO YOUR OWN ENDS” arm, then delete the content from the layer,
leaving only the mask to work with. Paste the
texture JPEG onto the top, then click the small
1
arrow to the right of the Layers palette. Select
Making moves Merge Down, and, when prompted, click to
Open Photoshop and create a new file preserve the Layer Mask.
that’s 250mm by 180mm at 300dpi. Duplicate the Set the blending mode to Overlay, and also
background layer, and go to Layer>Layer Style> desaturate the texture and increase the
Gradient Overlay. Create a vertical gradient that brightness and contrast. Use the Clone Stamp
fades downwards from a bright pink through to a (with a large soft-edged brush) to apply the
petrol blue down to black. texture across the whole arm.
4 Mostly armless
Open the file from the cover disc called
‘arm_1.jpg’. Use the Polygonal Lasso to crudely
cut around the arm, then copy and paste this
onto the new canvas. Click the Magic Wand
outside the arm, then go to Select>Inverse. Now
go to Layer>Layer Mask>Reveal Selection. Use a
black brush with a hard edge to mask the parts
you want to hide. If you make a mistake, use a
2 7
white brush to reveal it again. This isn’t the only
First texture way to make a cut-out of course, so feel free to Choose an area
Open the file from cover disc called use your own preferred method. Go back to
‘texture_1.jpg’. Go to Image>Adjustments> ‘texture_2.jpg’. As you
Brightness/Contrast. Increase the brightness to 37 can see, it’s a puddle.
and the contrast to 49. Go to Image>Adjustments We’re going to use part
>Invert. Copy and paste the whole texture on to of it to make a unique
the main canvas. Set the layer ‘blending mode’ to So many brush. Use the
Screen (via the drop-down menu at the top of ways to rectangular marquee to
the Layers palette). cut it select an area of the image where a dark shape is
We’ve used Layer surrounded by a lighter area. Go to Image>Crop
Masks to cut out to cut the image down.
the objects in this
tutorial, but there
8
are many other
ways in which you
can create cut-outs.
A unique brush
5
Masks are good to Desaturate the image, and adjust the
Black, white, and shades of grey use where possible brightness and contrast so that outside the ‘blob’
of course, because
Select Desaturate from the Image> you can hide part it’s as light as possible, and the blob itself is nice
Adjustments menu. Now select Brightness/ of an image and dark, although not totally black. We want
Contrast from the same menu. Increase the without actually some texture in the brush, so variations in tones
erasing it. This
brightness to +22 and the contrast to +72. Now makes the are what we want. When you’re happy with the
we want to add some texture to the arm, to give technique perfect levels, go to Edit>Define Brush Preset. Give the
for being able to
a distressed effect. Open the file from the cover edit things later on.
brush a description that you’ll be able to
3
disc called ‘texture_2.jpg’. But, you could also remember later, then click OK.
Recycled texture just use the
Polygonal Lasso, or
Duplicate the layer and invert this version perhaps the
of the texture back again. Go to Edit>Transform Magnetic Lasso.
>Rotate 180°. We’ve now created the basis of the Alternatively, try
creating a detailed
background for our distressed image, as you can overlaying shape
see in this screenshot. Set that to one side, as with the Pen Tool,
manipulating the
we’re going to work on the foreground elements Bézier curves and
in another file first. So, create a new file that’s so on, and then use
5,000 pixels by 5,000 pixels, set at 300dpi. Create a the Paths palette
to turn it into a
large black circle in the centre that’s selection.
approximately half the width of the entire canvas.
57
Advanced Photoshop
WHEN YOU WANT TO SCALE DOWN When arm number two is complete,
again make it a Smart Object and scale it down
WORK WITHOUT LOSING QUALITY” behind the black circle. This time though, rotate it
clockwise so that the arms are starting to make a
border around the shape. Now open the files
9
No shortage called ‘arm_3.jpg’ and ‘texture_4.jpg’ from the
Applying brush dynamics of texture cover disc. Once you’ve desaturated this texture
Go back to the canvas with the arm on and We’ve supplied and increased the brightness and contrast, try
save it if you haven’t done so already. Select the several textures for inverting it before you use it.
you on the cover
Brush Tool. Next to the ‘footprint’ of the current disc, but really the Don’t forget to make another brush to distress
brush, there’s a small arrow. Click on it, then scroll fun can start when the mask, but this time try to find one from this
down the current set of brushes until you find you go out there latest texture. When complete, create a Smart
and start taking
your custom one. Click the Brushes tab your own photos. Object, and rotate and scale again.
towards the right of the Options bar. Turn on It’s through
textures that you
Shape Dynamics and set the Size Jitter to 67%,
can create imagery
the Angle Jitter to 46% and the Roundness that’s literally
never been created
12
Jitter to 51%.
before. Don’t fall
into the habit of Smart Objects
letting Photoshop Smart Objects are so useful for
do the work for you something like this, where you want to scale
just because it’s got
lots of options. down your work, but don’t want to lose the high
These options are quality in case you need to edit later. Merge the
available to
arm and texture layers together. Then click the
everyone who uses
it. But the splatter small arrow to the right of the Layers palette
of paint down your again, and select
road has never
been incorporated Group into new
15
into artwork Smart Object.
before, so you can Send this layer Full circle
be the first!
behind the black Select the layers with the three Smart
10
circle, and adjust Objects, and click the small arrow to the right of
More dynamics the size so it’s the Layers palette. Select the New Group From
Now turn on Scattering too, and set the sticking out from Layers option. Duplicate the group a few times,
Scatter to 52% and the Count to 3. Also check the it at roughly the rotating each one until the whole circle is
Other Dynamics box and set the Opacity Jitter to shown size. surrounded by the karate arms. Yes, it already
38% and the Flow Jitter to 7%. Select the main arm looks cool, but we’re not stopping there – it’s
13
layer, making sure you’ve got the mask selected. time to get down to the dirt.
Set the brush to black so you can cut into the Different arm,
shape with the textured brush. Dab with the different texture
brush, rather than holding down for long periods. Open the files from the cover disc called ‘arm_2.
Try doing the same thing to the mask on the layer jpg’ and ‘texture_3.jpg’. Basically you’re repeating
above so the texture is broken up a little too. the same process again now. Cut the arm out and
create a mask. Duplicate the layer and replace the
arm with the texture on this new layer. With this
new texture though, you may find that Linear
Burn is a better blending mode to use. Make sure
that you desaturate it of course, and increase the
brightness and contrast as before. Try creating a
different brush from the same texture you made
one from before to distress the mask.
16 Distressed army
To enhance the pattern, duplicate the
layer with the circle on it. Select it with the Move
11
Tool, and go to Edit>Free Transform. In the
Increasing the mask options bar, check the link icon between the
Now change the brush to white, and width and height boxes, and reduce the new
repeat the process, but in fewer places. This time, circle to 90% of its current size. Do this a few
of course, you’re making the mask bigger, so paint times, changing the tone and varying the scale
at the edges so that the texture expands out a each time, to create a set of concentric rings.
little. Duplicate the two layers, and then hide the Rasterize the layers and use your custom brushes
lower versions. to distress their edges.
58
Advanced Photoshop
20
leaving the mask.
Here’s one we Open the file
prepared earlier called ‘texture_5.
Now that we’ve completed our pattern, select all jpg’ and create a
the layers that combine to create it and create a spiky new brush
new group from the layers. Drag the group to the from one of the
top left corner of the background image you flakes of paint.
prepared way back in step three. Apply a Color
23
Overlay to the layer that already had a gradient
overlay. Choose a deep blue and set the blending Hard-edged texture
mode to Darken. Set the blending mode of the layer
with the fist mask to Overlay and apply some
18
dynamics to your new brush. Using various tones
A radial blur
See how of grey, paint some sharp, aggressive shapes onto
others do it
adds depth the arm. Don’t worry if the overall effect looks a
We’ve used texture
Duplicate the gradient shaded arms then throughout this little too harsh or obvious here – we’ll look at
select the lower version and rotate them by the piece to show you ways of toning it down next.
the various ways in
same amount you did before. Go to Filter>Blur>
which you can use
Radial Blur and apply a relatively small blur to this distressed effects.
lower layer. When it’s rendered, go to Edit>Fade But don’t forget
they can be used as
Radial Blur, and reduce the opacity to around sparingly as you
50%. Click OK. Set the opacity of this layer to 80% need for your own
then make three additional copies of the layer. work. Sometimes it
helps to just add a
Rotate each one, and set the layer opacity lower little something to
21
and lower as you go. your piece, and it
can be easy to do
Punch your way out
too much. As ever,
Duplicate the group you’ve just the best advice is to
dragged onto the canvas and scale it down so take a look at
what’s out there, so
that the whole shape can be seen on the right of visit sites such as
the image. Depending on the power of your www.pixelsurgeon.
com, http://
24
machine, it may help to merge this group so that
linkdup.com and
Photoshop isn’t trying to manipulate quite so www.k10k.net. Soften the look
much data at once. What’s interesting Now let’s do something about that
is how textured
Open the cover disc file called ‘hand_1.jpg’. harsh effect. Duplicate the layer with the fist, and
and distressed
Crudely cut the arm out and place it so that it effects straddle the move the copy above the texture. Set the layer
looks to be coming out of the disc. Go to illustration and opacity down to about 50%, but then increase
design worlds. See
Edit>Transform>Warp and distort the shape so www.stolen.la for the saturation to about +25 and reduce the hue
that the arm become narrower towards the a great example to about -14 through the Image>Adjustments>
bottom and the fist is wider. of this. Hue/Saturation menu.
59
Advanced Photoshop
25 28
brush tip, combine the texture, other times you want to reduce its
two brushes
Additional shards together (dual
Another fist impact, but don’t forget that we’re going for a
Where the arm is breaking out, on a brush), and most There’s another file on the disc called distressed look here.
new layer use the same angular brush you’ve exciting of all, ‘hand_2.jpg’. Use this to create another, smaller
apply colour
created with dynamics to paint some black shards dynamics. You can object in between the two discs, overlapping the
around the base. randomize the hue bottom of the canvas slightly. Incorporate the
and saturation as same techniques from steps 21 to 27.
you paint, making
it perfect for
building up texture
that varies in
colour, not just in
angle and opacity.
Again, multiply
your new unique
brush by the
amount of options
available, and
you’ve got no
excuse for not
creating something
that’s never been
seen before!
26 Scratchy outlines
“WHY NOT COMBINE THESE
IDEAS WITH YOUR OWN
On a layer behind the first arm, use
the Polygonal Lasso to create a shape that crudely
PHOTOGRAPHIC TEXTURES?”
outlines the photo with a chunky, angular outline.
Fill it with black, then go to Layer>Layer
Styles>Stroke. Set the stroke to 9 or 10 pixels
30
outside the layer, but set the fill to Gradient. Have
the stroke fade from green at the top, through Final touch
pink, down to black. Use one of the simple round Finally, to enhance the martial arts theme we’ve brought in the image called ‘belt_fist.jpg’.
brushes to ‘scratch into’ this shape with cross- The blending mode was set to Overlay, so we’ve picked up all the detail beneath but also left the lovely
hatching, giving a hand-drawn distressed effect. texture from the old belt showing. We’ve grouped the two fists, and duplicated them to fill in some of
the gaps. Why not combine these ideas with some of your own photographic textures? 5
60
Advanced Photoshop
T
he Warp command allows you to bend, stretch, and curl images around
almost any surface. It’s ideal for wrapping labels around cans and
bottles, applying a page curl effect to your images, adding photos onto
the pages of books and magazines (allowing you to match perspective and
curvature), and so on.
As Warp is an extension of the Transform command, accessed via Edit>Transform>
Warp, or by clicking on the Warp button on the Options bar when performing a
transformation (which toggles between Warp and Free Transform). Once selected, a
3x3 mesh appears over the artwork. To
OUR EXPERT Trevor Morris deform the artwork, drag the control
Trevor Morris is an official Photoshop beta tester points, the mesh itself (including the
and amateur digital photographer with more than a
dozen years’ design experience. He works as a senior
bounding box), or an area in the mesh.
graphic designer for a Canadian web design For greater flexibility, it’s a good idea
company and also maintains the Photoshop-centric to convert your artwork into a Smart
website GFX™ (http://user.fundy.net/morris). FIGURE 2 – EDIT WITH EASE: Another benefit of using Smart Objects for warping
Object prior to applying a Warp. This has is that you can transform, edit, or even replace the contents of the Smart Object,
two advantages: first, the integrity of the and the results will be automatically updated. For example, the world map in the
artwork is maintained, even for repeated above image can be repositioned to simulate a spinning globe – perfect for creating
deformations; second, the Warp settings a three-dimensional style of animation!
are remembered once applied.
Gradient: Black to White, Reverse: on, could accomplish this using the Crop
Worldwide Warp Style: Radial, Scale: 150%) tool with Cropped Area set to Hide.)
We created a 3D globe (Fig 2) using a The File>Place command was used to With the map square, applying the
simple shape layer, and the Warp place the antique map as a Smart Object, Warp is easier and more realistic. As a
command applied to a Smart Object after which it was resized to fit the bonus, it’s also possible to ‘rotate’ the
containing a map of the world (from height of the sphere. The blending map around the globe by repositioning
FIGURE 1 – WARPING WITH SMART
OBJECTS: Smart Objects allow you to www.istockphoto.com). mode for the map was set to Overlay, it inside the Smart Object (Figure 2).
apply non-destructive and re-editable First, a black Solid Fill layer was added and the opacity was changed to 60%. Next, we chose Edit>Transform>Warp,
Image Warps to your artwork. This as a background. Above that, a circular The map was ‘applied’ to the sphere as a selected Fisheye from the Warp effects
means that your artwork can be Gradient Fill shape layer was created and clipping mask (Layer>Create Clipping drop-down, and changed the Bend to
deformed any number of times with no
the following layer effects applied Mask, or Apple/Ctrl+Opt/Alt+G). At this 80%. Custom was then selected from the
degradation at all and, on top of that,
all warp and transformation settings (where unspecified values are assumed stage, the globe doesn’t look too bad, drop-down so that the Warp could be
are remembered to be left at their defaults): but it’s flat and lacks dimension. refined. We dragged each corner node
● Outer Glow: For the atmosphere Before applying a Warp, we opened to the perimeter of the sphere then did
(Opacity: 40%, Color: #ccb273, Size: the Smart Object and used the Canvas the same for each side of the bounding
Shortcuts 100px, Range: 45%)
● Inner Glow: For edge shading (Blend
Size command to match the width of the
map to its height (Figure 1). (Note that
box (Figure 1). To increase the contrast,
we added a default Curves adjustment
● Press Apple/Ctrl+H (View>Extras) Mode: Soft Light, Opacity: 100%, Noise: Canvas Size was used to avoid physically layer and changed the layer blending
to show or hide the Warp mesh and 10%, Color: black, Size: 30px, Range: 100%) deleting the cropped edges, but you mode to Overlay (Opt/Alt+Shift+O). 5
control points. ● Bevel & Emboss: For highlighting
● Press Apple/Ctrl+Z (Edit>Undo) to (Size: 150px, Angle: 135°, Highlight Mode:
undo the last Warp adjustment.
● Press Return/Enter to accept the
Color Dodge, Opacity: 10%, Shadow
Mode: Multiply, Opacity: 0%)
Save your settings
transformation.
● Gradient Overlay: For shape/volume When you choose Edit>Transform>Warp, the Options bar is updated to include a
● Press Esc to cancel the warp.
(Blend Mode: Overlay, Opacity: 50%, pop-up list of Warp effects (similar to those available for Type Warps). Use these
presets as a starting point, or just choose Custom to start from scratch.
● Change the orientation of Warp effects by clicking the Change Warp
CURL IMAGES”
(horizontal distortion), and V (vertical distortion) fields. To reset all values to
their defaults, choose None from the Warp effects drop-down.
62
Advanced Photoshop
P
hotoshop isn’t the first software
program that springs to mind when
you think about typography. If you’re
using fonts in your design then you’ll
probably opt for Illustrator, as the opportunity
to create words with strong lines using
punchy vector techniques lets you design
clear, editorial styles.
However, if you just stick with this program
then you’re missing out on some great
opportunities for more subtle typography effects.
Sure, you may not have as much flexibility to work
with larger font sizes and will have to restrict
yourself to using rasterized type, but this is a small
price to pay when you can work the text into your
original image using the familiar tools of
Photoshop. In this step-by-step you’re going to
master how you can use the Text Tool to apply
typography to an image.
Subtlety is the name of the game here, so we
won’t be settling for plain, uninspiring text. First
of all you will find out how you can expand your
font selection using some invaluable freeware
font downloads. Most importantly, you will learn
how to apply blending, opacity, warp and
masking effects to blend your typography so that
it becomes one with the background layer,
creating an etched effect.
ON THE DISC
“SUBTLETY IS THE NAME OF THE
We’ve used a stock photo as the base of our design. Image
‘422.jpg’ can be purchased for a reasonable price at www.
GAME HERE, SO WE WON’T BE
SETTLING FOR UNINSPIRING TEXT”
istockphoto.com. However, you can use any of your own
photos or images you may have lying around. You can find
the files ‘dodgywall.tif’ and ‘stamp.psd’ on this month’s CD.
64
Advanced Photoshop
7
scan the written
template and send Twist the text
it into Fontifier. You
2
Highlight the text again and wave your
can preview and
Cracking up then buy your font cursor around the edge of the bounding box.
Lower the Fill of the Cracks layer to 30% so using either a credit Expand this until you’re happy with the
card or via PayPal.
that you can see the background layer paragraph formation. Rotate the text
underneath. Once you’ve done this you can move anti-clockwise to approximately minus 30
the layer so that the obvious crack falls well onto degrees. You can check this angle by displaying
5
the photograph. You may need to use the Free your Info palette (shortcut key F8).
Transform again to make sure it stretches over the First paragraph
canvas. When you’re happy, click Apply. Select the Text Tool and drag it out over
the image to create a text entry box. Don’t worry
about adding a new layer as this will happen
automatically. Make sure Pushkin, Regular is
selected and type out an appropriate paragraph
for your image. We’ve imagined that this is taken
from a postcard excerpt, so our written story fits
in with the image and the font to conjure up a
mythical day during a Californian holiday.
8 Keep it casual
3
Move your text bounding box to the upper
Download a font left-hand area of the image. Don’t worry if this
Now to get your typeface. Log onto www. text falls off the edge of the image. The less
abstractfonts.com, an excellent source of cool regimented the text is on the image, the more
typefaces, and in the top search box type in authentic the finished piece will look (even if
‘Pushkin, Regular’. This font has a good scrawl some parts are unreadable). Click on the Move
quality that will look like genuine handwriting Tool to apply the change.
once applied to the image. Click on the
Download: Zip option to the left of the font. Once
this is on your desktop press Install Font.
6 Text effects
Highlight the text by clicking and dragging
over the whole lot with the Text Tool. Then, open
up the drop-down menu to change the Anti-Alias
to Smooth. This is a quick and easy way to
radically alter the appearance of your font. Press
the Move Tool in the tools Palette to apply the
changes to your paragraph.
65
Advanced Photoshop
12 15
It’s also very easy to
Warp text distort fonts and Text alignments
make them look
At the moment this newly added line sloppy if you drag Open up the Character palette
of text looks a bit rigid. As we’re trying to create the corners of the (Windows>Character) and click on the Paragraph
bounding box and
the impression that the text applied to the art is tab. As you have converted your type to
stretch it unevenly.
natural handwriting, it will look better if the line A good procedure to Paragraph text you have the flexibility to alter the
isn’t so straight. Get around this by clicking get into the habit of alignments of your type. We’re trying to keep the
doing is to duplicate
Edit>Transform>Warp. Use the grid that appears your text layer and text looking as subtle as possible so you can get
over the text to give it a slight distortion. then hide it, so you rid of the strong left-hand alignment by selecting
always have a the centred text symbol.
backup you can fall
back on. If you keep
this layer hidden,
once you come to
10
flatten your artwork,
Back up and rasterize Photoshop will ask
Write another line of text using the you if you want to
automatically
Text Tool. We’re going to rasterize the layer, but discard these layers.
this will mean that you’re committed to Once you’ve
alterations. Make a backup of the type by rasterized an object
in Photoshop you
duplicating the layer, but then hide it from view. have more freedom
With the upper layer selected, rasterize it by to experiment with
colour tones and
clicking on Layer>Rasterize>Type. You’ll see the
adjustments.
13 16
layer type alter within the Layers Palette.
Texas type Invert it
We want to add another text element Make a duplicate of this new text layer
to the image to look like correspondence, so we for back up but make the lower version invisible.
need another writing style. Log back on to www. Rasterize the other layer version of the text and
abstractfonts.com and run a search for the font then invert the colour of the font by selecting
called ‘Texas, Hero’. Download the zip file and Image>Adjustments>Invert. Because we’re
install onto your Hard Drive as you did before. working in monochrome the black font will turn
to white, but this is more elaborate if you’re
working with colour or gradients.
11 Gradient overlay
With this new rasterized layer
14 Creating paragraphs
Add some new text, keeping with the
postcard/letter theme. Making sure it’s quite 17 Softer fading
Alternatively, if you find the Invert
selected, click on Add Layer Style and open lengthy so it fills the whole length of the image. option a bit too strong for your design, try using
up the Blending Options. Apply a Gradient Once you’re done, select the Move Tool and the Fade Invert command by selecting Apple/
Overlay and Satin effect. Lower the Opacity then convert the text to Paragraph Text by Ctrl+Shift+F. For this design we’ve taken the Invert
down to 40%. Keep the Fill Opacity at 100% and clicking on the menu command down to around 50%. Change the layer mode to
the Blend Mode on Normal. You’ll notice that the Layer>Type>Convert to Paragraph Text. Make Exclusion to alter the aesthetics of your font and
text has now been blended into the image, with sure your text hasn’t been highlighted or this then move the text to the appropriate area on the
subtle variations in tone. option won’t be available. design, using rotation as necessary.
66
Advanced Photoshop
18
for ease).
Layer erase Installing fonts on a
Add a Layer Mask to this image and Mac with OS X:
1. Double-click on
21 24
select the Eraser Tool. Choose the Brush option the font icon and
and lower the opacity. Use the mask to get rid of Destination: London the font system Vein mask
the text around the face to make sure it doesn’t Add another text line as the mock folder will open Select the Veining Feather Eraser
2. Press Install.
spoil any details. If you want to get some erased destination of your postmark and select this text Brush 75, which you’ll find in the Faux Finish brush
areas back, click on the mask layer and alter your again. Open the Warp Text feature and, with the palette, and spend some time scruffing up the
brush to white then stroke over the areas you Horizontal option still selected, change the Bend stamp’s Layer Mask. Use an Opacity level of
want to restore. to -30%. Move this to fill the lower half of the around 50%. When you’re finished and are happy
postmark. If it doesn’t fit, try altering the with your design, flatten the image.
percentage of the bend or lowering the font size.
22 Merge layers
Once you’re happy with the layout
25 Colour adjustments
Now that we have the flattened layer,
add a Curves Adjustment Layer. Adjust the
and overall design of this postmark merge these contrast (you may have to change the Color
19
layers together. The shortcut is Apple/Ctrl+E, Mode to CMYK to do this), then select the
Flight plan although you can also do this by selecting separate yellow channel and tweak the curve so
Start up this month’s cover disc and Layer>Merge Down and work your way down that the photograph has a sepia tinge to it. Finally,
locate the file ‘stamp.psd’ within the tutorial from Los Angeles to London and finally, Stamp. flatten your image again and save. 5
section. Alternatively, you can make up your own
stamp in Illustrator. If you are creating your own
and saving it in an .eps format you will need to
rasterize the image in order to apply adjustments.
Add the stamp into a new layer and position it on
your artwork in the corner.
V
anishing Point is a new filter
plug-in that, among other
things, allows you to paint,
clone, and transform objects in
perspective. Traditionally, all of your
edits were confined to a flat plane
(which was represented by your
monitor). However, with the
introduction of Vanishing Point, your
edits can now be extended into the
third dimension. Vanishing Point is
definitely one of those features that’s
better demonstrated than discussed,
so let’s get started.
VANISHING POINT FOR
RENOVATIONS: I’ve seen some unique
and creative uses for Vanishing Point,
Things to consider
including one person who took digital To prepare your document for editing in
photos of several paint chips, worktop Vanishing Point, first consider each of
samples, and cupboard doors, and then the following options:
used Vanishing Point to apply them to a FIGURE 1: GO AHEAD AND TRY THIS AT HOME
photo of his kitchen in order to make We’ll use the new Vanishing Point filter to quickly remove the brush and hose from
renovation decisions ● To have the filter results appear on this sample image. To follow along, open ‘Vanishing Point.psd’, located in your
their own layer, first create a new layer. Adobe Photoshop CS2\Samples folder
This provides additional flexibility later
RGB RESTRICTIONS: The Vanishing on, should you wish to change the We’ll begin with a simple example using
Point filter works in both 8-bit and 16-
bit modes, but only for RGB documents. opacity or blending mode, add a layer one of the sample images, appropriately
So, if you wish to use Vanishing Point on mask, apply a style, or change your named ‘Vanishing Point.psd’ (Figure 1),
a Grayscale or CMYK image, you’ll have creation in some way. installed by default in the Adobe
to first convert it to RGB mode ● In order to paste patterns, text and so Photoshop CS2\Samples\ folder.
(Image>Mode>RGB Color)
on into Vanishing Point, you must first Add a new, empty layer, and then
copy them to the clipboard. choose Filter>Vanishing Point (Apple/
● To paint/clone beyond the canvas Ctrl+Opt/Alt+V). When the filter dialog
boundaries, you need to increase the appears, you’ll notice a blue grid over
canvas size. Once you’re finished in the image representing the plane of FIGURE 2: ZOOM, ZOOM
Vanishing Point, you can always re-crop perspective (saved with the image by Hold down the X key to temporarily
the canvas if desired. someone at Adobe). Instead of using the activate a 2x zoom. Release the X key to
● You can confine Vanishing Point edits default plane, let’s delete it and create return to your previous zoom level
to specific regions of your image by first one from scratch.
creating a selection. Select the Create Plane tool (C), and impossible plane. Use the Edit Plane tool
press the Delete key to delete the plane. (V) to resize, move, or reshape the plane
Using the boards as a reference, place as necessary.
68
Advanced Photoshop
Now you see ‘em… document, making them available for size, rotate and reposition the text layer, I
For the purposes of demonstration, let’s subsequent Vanishing Point sessions – used the Transform tool (T). Note that
use a ‘healing selection’ (sort of like provided you save the document, of you can hold the Shift key to snap
Photoshop’s Patch tool) to remove the course.) To see the image before and rotations to 15-degree increments.
brush, and then we’ll use the Stamp after, simply toggle the visibility of the Once I was satisfied with the first GRIDS AS GUIDES: The Grid Size
Tool (also in healing mode) to remove active layer. label, I dragged the selection to the next option (available with the Edit and
the hose from the image. side while holding down the Opt/Alt (to Create Plane tools) can be useful when
trying to align the perspective plane
Select the Marquee tool (M) and Endless possibilities duplicate) and Shift keys (to constrain
with image elements, such as flooring,
establish the following settings: Feather: Now let’s look at a more complex movement horizontally/vertically). This windows, bricks and other patterns
5, Opacity: 100, Heal: On, Move Mode: example of what’s possible with was repeated for the two remaining
Destination. As you position the pointer Vanishing Point. Figure 4 above shows sides, completing the first box.
over the grid, a heavy blue outline some square shelves that were
indicates that the plane is active. photographed, desaturated, and rotated Finishing touches
Draw a selection that encompasses 90° CCW. Vanishing Point was then used A click of OK was all it took to commit the
the entire brush, including its shadow – to add text to each side (both inside and changes, and back in Photoshop the
note that the selection is drawn in out) of each shelf. document was saved. A layer mask was
perspective! Now Apple/Ctrl-drag the First, three separate type layers were used to conceal the areas in which the
selection to a part of the image added to the image, one for each box. text overlapped the inside corners, and
containing only floorboards; be sure to Then, the first type layer was copied to for additional realism the layer blending
align the boards correctly. And just like the clipboard, and the selection was mode was changed to Overlay (Opt/
that the brush is gone, as you can see in dropped so as not to limit my edits to Alt+Shift+O) and the opacity to 80%.
Figure 3! Pretty cool, huh? the selection area once inside Vanishing To complete the image, the above
Next, select the Stamp tool (S) with Point. An empty layer was also added for procedure was simply repeated for the
the following settings: Diameter: 250, the rendered output. remaining two boxes (each placed on
Hardness: 0, Opacity: 100, Heal: On, Inside Vanishing Point, I carefully their own output layer, for better control
Aligned: On (checked). Opt/Alt-click to created the first plane (per the over the final results). 5
define the source – just like you would instructions above) using the bottom
with Photoshop’s Clone Stamp tool –
then position the brush over the hose,
side of the lower box as the source.
Following that, I used the Apple/Ctrl key
Tips & techniques
in alignment with the floorboards, and to pull off a perpendicular plane for the
● Apple/Ctrl-drag an edge node to ‘tear off’ a perpendicular plane.
slowly begin painting it away. (Notice right side of the box. I continued
● Press Apple/Ctrl+H to hide the selection marquee (marching ants) and
how the brush’s shape and size are creating perpendicular planes (resizing
perspective planes.
dynamically resized relative to its each as required) until I’d wrapped each
position on the plane!) side of each box (24 planes in all!). ● Press Apple/Ctrl+Shift+T to repeat the last transformation.
Once you’re satisfied with the results, The first type layer was then pasted ● Hold down the Opt/Alt key and press the OK button to export the
press the OK button to apply the results and positioned over the desired plane – perspective grid as pixels.
to the empty layer created at the again, it’s interesting to note that the ● To flip a selection horizontally, select the Transform tool (T) and enable the
beginning. (Pressing OK also embeds text (and selection) respect the Flip option; choose Flop to ‘flop’ the selection vertically.
the defined plane(s) into the current perspective defined by active plane. To
69
Advanced Photoshop
Marquee Alt+M Opt/Alt+drag a selection to copy an Copy Ctrl+C Copy current selection to clipboard
area to a new destination
Paste Ctrl+V Paste contents of clipboard
Marquee Shift+M Constrain to 90° (vertical and (or reselect previous selection)
horizontal) movement along/across
planes
Brush options Key Description of feature
Marquee Ctrl+Alt+M Apple/Ctrl+Opt/Alt+drag to create a
Brush Diameter [ Decrease brush diameter
duplicate of a floating selection
(for Stamp and Brush tools)
Stamp S Once source point is set, click+drag
Brush Diameter ] Increase brush diameter
to paint or clone
(for Stamp and Brush tools)
Stamp Alt+S Opt/Alt+click in a plane to set a
Brush Hardness Shift [ Decrease brush hardness
source point for the clone
(for Stamp and Brush tools)
THE MAGIC OF VANISH: Vanishing Stamp Shift+S Shift+click to extend the stroke to
Brush Hardness Shift ] Increase brush hardness
Point can help you to align planes to last click
(for Stamp and Brush tools)
create the perfect perspective, making Brush B Click+drag in a plane to paint. Select
the added elements in your work look Heal Luminance to adapt paint to
even more convincing shadows or texture
Nudge selection Key Description of feature
Nudge Selection Arrows Nudge current selection by 1 pixel
Brush Shift+B Shift+click to extend the stroke to
last click Nudge Selection Shift Arrows Nudge current selection by 10 pixels
Transform T Click+drag to rotate the
floating selection
Dialog options Key Description of feature
Transform Shift+T Constrain rotations to
Commit Changes Enter Accept/apply changes and exit
15° increments
Vanishing Point
Transform repeat Ctrl+Shift+T Repeat the last duplicate and
Cancel Esc Cancel changes and exit
move operation
Vanishing Point
Floating Selection Ctrl+Alt+T Create a floating selection
“WE’VE
Render Plane Grids Alt+OK Choose to render plane grids
Eyedropper I Click to select a colour for painting.
Click on the colour swatch to open
COMPILED
Reset Alt Cancel Opt/Alt+click Cancel button to reset
the Color Picker
current Vanishing Point session
Hand H Click+drag to scroll the image in the
Default Ctrl Cancel Apple/Ctrl+click Cancel button to
VANISHING
preview window. Double-click to fit
save current settings as defaults for
image in view area
future Vanishing Point sessions
POINT’S
Hand Spacebar Temporarily access the Hand tool
Zoom Z Click to zoom-in on the image in the Miscellaneous Key Description of feature
preview window. Click+drag to
KEYBOARD
Exit Plane Creation Ctrl+Period Cancel creation of current plane and
zoom in on an area. Double-click to
delete all points
view actual pixels (100% view)
QUICKIES”
Delete point/ selection Backspace Delete the last point set with the
Zoom Alt+Z Opt/Alt+click to zoom out
Plane Creation tool. Delete
Zoom in Ctrl +Z Zoom in floating selection
70
Advanced Photoshop
es
iqu
INFO
n
ch
Te
Take a shortcut
Lens correction
For amateur and pro photographers alike, Photoshop CS2 was a
The following is a list of keyboard
shortcuts available in the Lens
Correction filter dialog:
goldmine of tools and features such as the new Lens Correction filter, D Remove Distortion Tool
an all-in-one filter for correcting all sorts of optical distortion A Straighten Tool
M Move Grid Tool
H (Space) Hand Tool
Z Zoom Tool
W (Apple/Ctrl H) Toggle Grid
L
ens Correction (Filter>Distort>Lens Correction) is an intuitive, full-featured filter that makes it easy to P Toggle Preview
remove such lens aberrations as barrel and pincushion distortion, chromatic aberration, and Apple/Ctrl+0 Fit View
vignetting, as well as correct for horizontal and vertical perspective and rotation. Apple/Ctrl+Opt/Alt+0
View Actual Pixels
Apple/Ctrl+Plus (Apple/Ctrl+click)
● The most obvious forms of lens
Zoom In
distortion are pincushion distortion, Apple/Ctrl+Minus (Opt/Alt+click)
which makes images appear pushed in Zoom Out
toward the centre (concave), and barrel Return/Enter Accept changes and
distortion, making images seem pushed return to Photoshop
outward from the centre (convex). Esc Discard changes and
● To correct for pincushion distortion, return to Photoshop
select the Remove Distortion Tool (D) Opt/Alt-click Cancel button
and drag away from the centre (toward Reset all values to their defaults
the edge of the image), or move the Use ‘accelerator keys’ (underlined
Remove Distortion slider to the left. letters) to highlight the fields (eg, V
To correct for barrel distortion, drag for Remove Distortion) and then
towards the centre of the image, or use the Up/Down Arrow keys to
move the slider across to the right. increment/decrement values.
(Personally, I find the slider and
corresponding numeric field easier to
use and more precise than the Remove
CORRECTIONS DONE QUICK ‘N’
Distortion Tool.)
EASY: As a consequence of being
● Chromatic aberration, or ‘fringing’ as photographed from below, this
it’s sometimes called, appears as a stained-glass window suffers from
purple fuzz along high-contrast edges. many forms of distortion. However,
This phenomenon is more typical in the Lens Correction filter made it easy
to correct the obvious vertical
cheaper lenses, and occurs when the perspective distortion, as well as a
lens focuses different colours especially useful for architectural default), filled with the background slight barrel distortion, horizontal
(frequencies) of light onto different focal photography. You can also use the colour, or filled by extending the edge perspective, and rotation (using the
planes. For best results, it’s Straighten Tool (A) to draw a line along pixels. Use the Scale slider to down- alignment grid as a reference).
Zooming in revealed a red fringe along
recommended that you zoom in and an edge that’s supposed to be vertical or sample the image, to fit the canvas, or
high-contrast edges (chromatic
then use the Fix Red/Cyan Fringe and Fix horizontal (such as the horizon, the edge interpolate up to crop the image. (Note aberration), which was easily removed
Blue/Yellow Fringe sliders to correct of a building, or a telephone pole). that in either case the original image using the Fix Red/Cyan Fringe slider
your image accordingly. ● The grid overlay makes adjustments dimensions are preserved.) 5
● Vignetting is a darkening of the edges easier and more accurate by providing a
and corners of an image, typically
caused by lens defects or improper use
reference for image alignment. To toggle
the grid on/off, check the Show Grid
Lens defaults and presets
of a lens hood. Move the Amount slider checkbox (bottom of the filter dialog), or If the image you’re editing contains selecting Save Settings from the
to the right to remove a vignette – or press Apple/Ctrl+H. To customize the EXIF metadata describing the camera, Manage Settings button. Presets
move the slider to the left to add one for alignment grid, enter a value in the Size lens, focal length and f-stop used, you appear at the bottom of the Settings
artistic intent. Use the Midpoint slider to field, change its colour via the colour can use the Set Lens Default To drop-down, provided they’re saved in
adjust the diameter of area affected by swatch, and use the Move Grid Tool (M) button to save your settings as a Lens the following location:
the Amount slider (where higher to reposition the grid. Default. The next time you open an Mac: <hard drive>/Users/
numbers increase the diameter, ● One of the inevitable side-effects of image created under the same <user name>/Library/
conditions, the Lens Default option LensCorrection/Settings
restricting the effect to the corners/ using Lens Correction is that it changes
becomes available from the Settings PC: C:\Documents and Settings\
edges of the image). the size and shape of the image,
drop-down. The Previous Correction <user name>\Application Data\
● The Transform section of the filter resulting in empty areas surrounding the option applies the settings used the Adobe\LensCorrection\Settings
dialog allows you to correct for vertical image. The Edge drop-down menu last time you ran Lens Correction. Load Settings can be used to locate
and horizontal perspective, as well as allows you to specify whether these Settings can be saved as presets by and open settings on your system.
rotation caused by camera tilt – areas should be left transparent (the
71
Advanced Photoshop
For this image, Ivo Van Der Ent from the Netherlands started off with a
high-contrast, clean image of two feet and a textural image of metal
from which paint was hanging. “In order to blend these two images
together I dragged the image of the rusty plate on top of the image of
the feet. I then set the transparency of the rust layer to 50% in order to
see both layers at the same time. This image was moved around and
scaled using the Free Transform tool in order to get the interesting
details in the image of the rusty plate to fit the areas of the feet. When
I was happy with the placement I tried several layer blend modes for
the rust layer. The Overlay mode had the desired blending effect, as
the dark shadow and textures of the rust were kept.”
Ivo erased the parts of the rust layer that weren’t necessary
because they were outside of the feet. “I found the colours of the
image were a bit too extreme so I turned the transparency of the rust
layer up in order to tune down the greenish-yellow slightly. I lost
Eye-catching imagery that some detail information while doing this, so I made a copy of the rust
layer, desaturated it and set its mode to Overlay too.
inspires and challenges This new monochrome layer gave me full control of highlight and
shadows by turning the transparency up or down. A level adjustment
on this layer brought out the details I was looking for, while the
original rust layer gave me full control over the colours. After fiddling
H
around with the transparency of both layers, this was the result.”
ere’s your chance to see just what your fellow
Advanced Photoshop readers have been up to
with their finely tuned Photoshop skills. These
next few pages show off the weird, the wonderful and
the eye-catching. Sending in your images for inclusion
in Peer Pressure is an ideal way to get your name out
there. It’s also the opportunity to kick-start your career
and maybe even see your image on the cover.
If you’d like to see your own work on these pages, please
send us low-res JPEG versions at advancedpshop@
imagine-publishing.co.uk and we’ll get back to you for
more information and a higher resolution copy if we want
to print them. Alternatively, please check out our forum
website at www.advancedphotoshop.co.uk and scroll
down to Peer Pressure in the Creative Projects section to
post a link to your image samples.
72
Advanced Photoshop
73
Advanced Photoshop
Robotics
NAME: Joan Charmant
SOURCE: Original photo from www.istockphoto.com (by
Svetlana Larina)
EMAIL: joan.charmant@gmail.com
Beware
By submitting images to NAME: Marty Cooper
Advanced Photoshop’s EMAIL: martycoopsta2@yahoo.com
Peer Pressure, you hereby
grant Imagine and, if
relevant, clients to whom
Marty Cooper is a student studying Illustration and
the relevant work has Animation at San José State University in California. “For
been provided, an this image, which I’ve titled Beware, my intentions were to
irrevocable, perpetual, create an image that literally jumped out at the viewer. I
royalty-free licence to use
intellectual property in
wanted to maintain a clean composition.” Marty used six
relation to work similar or different sources to gradually build up the image using
equivalent to the work. Layer Mask techniques. These included a sky, fence, dog,
This includes the right to house, ‘beware of the dog’ sign and a paw.
showcase work on
multimedia formats.
74
Advanced Photoshop
75
Advanced Photoshop
BÉZIER NIGHTMARE
I hate the Pen Tool! Seriously, I just can’t seem
to work out what the hell I’m doing with it. I
keep hearing you guys saying how great it is
at making accurate selections, but I just can’t
get it right. It would be really cool if you could
give me some basic tips on how to use it
before I start getting really frustrated.
Jinkly, via email
You’re not the first person to find the Pen Tool a bit of a
nightmare, and you certainly won’t be the last. For most
people, their first encounter with Bézier curves does not end
well, with erratic, curvy lines usually flicking all over the place.
But there are a few secrets to getting great results pretty easily.
First, you’ve got to take your time, because the Pen Tool
requires a bit of finesse if you’re going to get precise lines.
Second, you need to know how to properly place a point and
create a curve. Click on the Pen Tool, then hit the Paths button
on the Options bar and proceed to click two points that
mark the beginning and end points of the first curve. When
you click the second point, hold the mouse button down
and you’ll find that you can manipulate a direction handle
to move the level of curvature. The secret is to always leave
the handle facing the direction of the next point you’re going
to place in order to create an accurate, smooth curve. If you
need to move the handle after you’ve placed a point, just hold
down the Alt /Cmd key and make the adjustment. THINKING BIG: Although the Crop Tool is commonly used
THINK BIG to cut sections out of a canvas and make the document
dimensions smaller, you can use it to add more pixels to the
I’m a web designer who likes to dabble in edges of your canvas too
digital art, and I frequently use Photoshop
CS2 when building artistic elements for my
websites. However, as the items I’m working Photoshop offers a number of ways to resize a canvas, and we
on can be quite small, I sometimes make my actually covered one of them in detail in last issue’s Helpdesk.
Photoshop canvas sizes too small at the start However, it sounds to us like you require a technique that
of the design process and find that I have to enables you to size the canvas visually, rather than
mess about resizing them when my design numerically. If that’s the case, the best bet is to do it using the
is already under way. So far I’ve been doing good old Crop Tool.
this using the Resize Canvas command, but I To do it, ensure that you can see the grey background
hate having to faff around with working out border around the outside of your image in Photoshop, then
exactly how many pixels I need to add to get grab the Crop Tool from the Toolbox. Drag a selection around
that little extra slice of canvas I need to finish the entire image and release the mouse button. Now, to
PENMANSHIP: There’s only one way to get to grips with the off my illustration. Is there a quicker and enlarge the canvas an arbitrary amount, all you need to
Pen Tool, and that’s practise, practise, practise… easier way to do this without having to mess do is to grab one of the bounding box handles at the edges
about with maths? and drag it out to the required size. Hit Return and voilà, the
Robert Leicester, Hants canvas has been enlarged.
78
Advanced Photoshop
79
Advanced Photoshop
SMART
SCANNERS
ROUND UP
Resolution
revealed
Steve Jenkins give you an insight to a dozen scanners In strict terms the higher the scanner
that cater for the complete spectrum of users resolution the better the scan, but other
factors come into play so this does not
T
always prove to be true. But as a basis for
he principle occupation of a and print. The quality, resolution and extras on what you can expect from a scanner it is a
scanner lies very much in its offer depend very much on how much you are realistic guideline. Most manufacturers
name. Simply put, it scans willing to spend. Low-end all-in-ones start at relay the optical resolution as the
documents, photos, text, artwork around £100 but generally offer functionality number to note, ie, 1200dpi. A scanner
and even textural objects such as leaves and rather than outstanding quality. Moving up the with an optical resolution of 1200 x
material, converting the information into a scale, as you would expect, offers improved 2400dpi will offer a whopping 2,880,000
dots per square inch.
digital document. Once the transformation is CCDs, greater bit depth and higher resolutions, all
Many scanners with a 1200dpi optical
complete there is a host of formats, purposes leading to better quality output.
resolution claim higher resolutions. This
and treatments that can be applied to a scan. is known as the interpolated resolution,
The popular use for scanners has long been the Budget which is created using software after the
ability to transform the standard snap into a Scanners at the lower end of the price scale are scanner has taken the original scan at the
document that can be manipulated, renovated generally flatbed scanners with the home user in optical resolution. The interpolated
and ultimately altered. The arrival of the digital mind. Due to the monetary constraints placed on resolution does not necessarily offer a
camera stole a little of the scanner’s glory, but the manufacturer the resolution is set at a useful sharper image, because the software
photographers, digital artists, Photoshop everyday level. They will enable up to A4 calculates an intermediate value and
enthusiasts and the home user still owe a debt of scanning and allow for scanning of multiple places between two known values. When
shopping for a scanner, look for the best
gratitude. All are especially indebted to the documents in one pass.
optical resolution you can get.
device’s reproduction qualities, which can often
provide the basis for artistic work. Any item small Mid-range
enough can be slipped through a scanner to The mid-range scanner takes a step up from the improved software packages. DIGITAL ICE, an
produce creative inspiration and individuality: big basic flatbed and will give greater resolution and image-correction technology that removes dust
and bright backgrounds, simple line art, small an improved feature set. It is at this point that and scratches and improves contrast and colour,
intricate patterns or interesting textures. more specialised type of scanners start making is popular with the professional scanner models.
In principle, scanners all perform the same task, an appearance. Alongside the standard A4
but different types of scanners perform specific flatbed you are likely to find the sheet-fed scanner Film scanners
roles in the scanning process. There is a diversity of ideal for unattended scanning. These are task-specific and will adhere to the one
scanner types on the market, ranging from budget function only. Unlike flatbed scanners, which can
models aimed at the home user right through to Professional scan any number of items, film scanners
the professional class for Photoshoppers, The top end of the market is where larger concentrate on slides and negatives, mainly of
designers and artists. All scanners fall into a scanners such as A3 and beyond make an the 35mm kind. The units provide better scans
category such as flatbed, sheet-fed and film – and appearance. These offer greatly improved because they are scanning the original picture
some combine more than one. For this roundup resolutions, high-quality CCDs and much- and not a copy, such as a print.
we have filtered the types into five categories.
All-in-one
Lexmark P6350 EPSON Stylus Photo RX700
SRP: £75 SRP: £252 The RX700 is multifunctional device
Optical scanning resolution: Optical scanning resolution: 3200 x 6400dpi described by EPSON as an “advanced
1200 x 2400dpi Hardware scanning resolution: 3200 x 6400dpi
photo all-in-one with uncompromising
Hardware scanning resolution: n/a Enhanced scanning resolution: 12800dpi
Enhanced scanning resolution: Bit depth: 48-bit
quality and functionality”. The unit
up to 19200 x 19200dpi Scan speed stat: 35mm neg 3200dpi, 123 secs/ provides a 2.5-inch PhotoFine colour
Bit depth: 48-bit line art 300dpi (A4), 13 secs LCD that gives the user the option to
Scan speed stat: n/a Connectivity: USB 2.0 assess the quality of an image before
Connectivity: USB 2.0 Dimensions: 450 x 418 x 236mm printing. The six individual ink
Dimensions: 178 x 435 x 335mm Weight: 12.9kg
cartridges help provide a clear and
Weight: 4.8kg Website: www.epson.co.uk
clean photo with a 1.5pl (picolitre)
Website: www.lexmark.co.uk Contact: 0870 2416 900
Contact: 0870 444 0044 minimum ink droplet size. The selection
of functions include direct prints from
This multifunctional device from Lexmark offers photo printing as its negatives and the option to perform
principle function, with the added bonus of being able to print without a the PC-less print. Insert a memory
assistance of a PC. The front panel of this reasonably pretty all-rounder card to view images or connect a
boasts a 6cm colour LCD screen, which provides guidance throughout the compatible camera. The
whole printing process. Users can quickly view, edit (crop, rotate, resize, RX700’s scanning capabilities
remove red-eye) and print photos direct from a digital camera memory mean that it can scan images at
card. The P6350 has an integrated card reader that supports a whole host of the 3200 x 6400dpi resolution.
formats including CompactFlash, Memory Stick, MMC, SD, Mini Secure This in turn allows users to
Digital (Mini SD), SmartMedia, Microdrive and xD cards. Alternatively, if a enlarge images from 35mm film
memory card is not the weapon of choice a USB Flash drive can be directly to A4 print size while still
plugged into the supplied USB port. Digital camera users are catered for retaining the detail. In addition,
with a PictBridge-certified port. In addition to printing any scanned images, the restoration capability removes
the P6350 provides the option to directly attach a scan to an email. dust from negatives and restores faded
photos during the scanning process.
Budget
25
Canon CanoScan LiDE dget end of the
SRP: £39
addition to the bu Optical scanning
The LiDE is a new an d
er ran ge , off eri ng a compact, slim resolution: 1200 x
2400dpi
Canon scann sid e its go od looks are scanning
tion. Alo ng Ha rdw
stylish scanning op often resolution: n/a
sle nd er sty lin g the 25 avoids the
and str aig ht for the Enhanced scanning
aptor and goes
standard power ad r it needs via resolution: n/a
draws all the powe
kill. The CanoScan Bit depth: 48-bit The Xerox 4800 is the ideal option for small
its USB co nn ec tio n, av oid
co lle
ing the addition of
cti on . Th e LiD E provides
Scan speed stat (co
ec per line (60
lour): 16
0dpi)/ 32 Xerox 4800 office/home office users, providing quick,
another cable to the
ms
useful Scan msec per line (1200dpi) simple and intuitive scanning. The scanner
with the extremely SRP: £53
plenty of dpi along sca nn ing Connectivity: USB
2.0 Optical scanning resolution: has five One Touch buttons, four of which
r complete
To PDF function. Fo d Z-lid, wh ich Dim ens ion s: 256 x 1200 x 4800dpi are pre-configured, allowing you to send
is a double-hinge
convenience there ve r ite m is being 383 x 34mm Hardware scanning resolution: scanned images straight to PaperPort for
press ure on wh ate
keep s an ev en Weight: 1.5kg 4800dpi editing, email, OCR for editing text, or a
rrection
ard photo print co Website: www.cano
n.co.uk
scanned. The onbo d co rre cts du st an d 3
Enhanced scanning resolution:
printer. The fifth button can be customised
lly detects an Contact: 087 0 514 372
system automatica
4800dpi
lou r an d po orl y exposed to send scanned images to virtually any text
ed co Bit depth: 48-bit
scratches, giving fad is the or image-editing application. The unit adds
ag es a ne w lea se of life. Finally, there Scan speed stat: n/a
im cre ate s Connectivity: USB 2.0 speed to its armoury with the ability to scan
Mode, which
lovable Multi-Photo ed file s Dimensions: up to 5.5 times faster than USB 1.1 scanners
cally cropp
individual automati 432 x 302 x 66mm and up to 2.9 times faster than other USB 2.0
sin gle sca n pa ss of up to Weight: 2.32kg
from a scanners. The 4800 includes FlashBack
s
ten separate photo
Website: www.xerox.co.uk
technology: the scanner moves one way to
Contact: 0870 873 3873
at a time. preview the image area quickly,
automatically crops to the edges of the
photo then reverses direction and performs
the final high-res scan on the return trip.
81
Advanced Photoshop
82
Advanced Photoshop
Film scanners
Canon CanoScan LiDE 500F Nikon COOLSCAN LS 9000
SRP: £86 SRP: £1,760 The COOLSCAN LS 9000 from Nikon is strictly
Optical scanning resolution: 2400 x 4800dpi Optical scanning resolution: aimed at imaging professionals, and to this end
Hardware scanning resolution: n/a 4000dpi
supports a host of film formats. It offers scanning
Enhanced scanning resolution: n/a Hardware scanning resolution:
Bit depth: 48-bit n/a
for 120/220, 35mm, 6x7, 6x9 positives, 16mm,
Scan speed stat: 10.38msec/line Enhanced scanning resolution: electron microscope and other film formats. For
(1200dpi), 20.7msec/line (2400dpi) n/a enhanced image quality with faster scanning
Connectivity: USB 2.0 Bit depth: n/a speeds Nikon has updated the unit’s three-line
Dimensions: 280 x Scan speed stat: 35mm slide film, CCD image sensor. The majority of scanners use
396.5 x 34.9mm 40 seconds
halogen or fluorescent lamps as light sources,
Weight: 2kg Connectivity: IEEE 1394 (FireWire)
but not the COOLSCAN 9000. This uses LEDs as
Website: www.canon.co.uk Dimensions: 249 x 498.5 x 202mm
Contact: 0870 514 3723 Weight: 9kg its source of light, giving users a stable precise
Website: www.nikon.co.uk light source requiring neither maintenance nor
Contact: 0870 770 0233 warm-up time. The use of LEDs also ensures that
Much like its budget brother, the LiDE 25 the CanoScan LiDE 500 offers slim there is no risk of film suffering from heat-related
and stylish scanning with the added bonus of improved resolution. The unit damage. The Nikon Colour
enjoys a plug-free existence, drawing all its power from its USB 2.0 Management System (CMS)
connection and an integrated stand allows for upright scanning. When the allows for the manipulation
scanner is upright, a double hinge lid allows ‘drop-in’ scanning. With the of colours in the calibrated
stand folded away, the lid can be opened completely to scan oversize RGB colour spaces before
objects such as maps or posters. The lid also opens on a parallel to accept the data is transferred to the
bulky items such as books. The 500F features a compact Film Adapter Unit host application. Profiles
(FAU) for scanning strips of 35mm film using the Canon’s FARE Level 3 for detailing the colour
film correction. This works with the assistance of an infra-red light that characteristics and the
detects the location of dust and scratches. In addition faded colour, output device (monitor or
excessive graininess and poor exposure can also be corrected. A Scan To printer) ensure that the 9000
PDF function scans documents straight to the PDF format. gives high colour-accuracy.
83
Advanced Photoshop
mends
Recom
software 86
Hot from IPEX 2006, we take a look at
what QuarkXPress 7 is bringing to DTP
RE
OF ADE
Adva FE R
20%nced PhotoshR
of op readers
postaiewed this f all
rev
visit and pacissue. All oIlex b receive
g can
e
or te ww.il ging. Fo rs incluooks
w
one
ka f
leph ex-pr r mor de fr
fe
0127ess.com informateio
e e
plug-ins 90
3 40 /apm n Expand Photoshop’s capabilities with
3124
. these handy downloads
typography 92
Be a master of fonts using these
valuable typography sites
CHIC TO CHIC:
books 94
Pick up inspiring We review the latest design
summer reads publications to hit the shelves
PAGE 94
I f you have access to the Internet, the possibilities for expanding Photoshop are pretty
endless with the use of plug-ins. The different effects, the quality of the results and the
price of purchase vary from plug-in to plug-in, and it can be a time-consuming process to
trudge through the multitude of options.
We’ve spared you the search, tracking down a huge selection of downloads that you can
try out. Ranging from freeware versions to the more expensive extensions for the most
committed image-editors, we have them all. If you regularly use text within your artwork,
or need to consider different styles of fonts for editorial purposes, take a look through our
run-through of some of the best typography download websites online at the moment.
Finally, we all love a good book, whether it is as inspiration for new design concepts or just
to keep on the desk-side as a trusty image-editing aide. Leaf through our round-up of the
new publications available over on page 94 and we’ll give you our honest opinion.
85
Advanced Photoshop
With Adobe’s app stealing the editing thunder, Quark’s latest creation needs to be
ready to go a few rounds. So is version seven a knockout? We take a closer look
System requirements
Mac OS X v.10.4 (Tiger) or later
Minimum 128MB total RAM
B efore there was InDesign, there was
QuarkXPress. With the advent of Adobe
Creative Suite 2, we’ve seen a massive
it’s so surprise that we see a new development in
the Quark series, QuarkXPress 7. So just what can
this program do for you? Is it worth forking out an
768MB RAM migration in the professional desktop upgrade price of £45 for the privilege of being
230MB available Hard Disk space publishing industry from a software program able to make use of the new features? We take a
Microsoft Windows XP that dominated the industry hands-down to look at the new beta version and find out.
Minimum 128MB total RAM Adobe’s fresh-faced alternative.
768MB RAM InDesign seems the more obvious choice for Transparency features
190MB available Hard Disk space those who wanted a complete Adobe package, if The development of QuarkXPress 7 looks very
Further info: www.quark.com not only for the fact that the program layout and familiar on start-up, with the window structure
window structure isn’t such a culture shock for being based heavily on previous versions. So
those already accustomed to Photoshop CS2. Big what’s new and what’s relevant to an Adobe
boys don’t like to be second best for long and so Photoshop CS2 user? Well, the biggest change
86
Advanced Photoshop
87
Advanced Photoshop
Imagine browsing over half a million shots from one interface. That’s what Adobe
Stock Photos aims to deliver, so could this be the image-editor’s new best friend?
Web
Further info: Find out more about S uperb original imagery is an essential
starting point if you’re really serious about
your Photoshop creations. You may end up
this central hub of Creative Suite 2. You can start
your Adobe Stock Photos searching simply by
starting up Adobe Bridge, clicking on the Favorites
Adobe Stock Photos by logging onto
www.adobe.com/products/creativesuite/ making drastic alterations to an image, tab to the left of the screen and selecting the
adobestockphotos/main.htm rendering it unrecognisable from its initial Adobe Stock Photos icon, which will transport you
state, but if you find a great shot from which to the main welcome screen.
you can draft up a masterpiece your first-draft By far the best feature of Adobe Stock Photos is
nightmares can be a far smoother process. the ability to search multiple collections in one go.
Finding the perfect image can be quite a From just a few keyword searches, this program
long-winded process and may mean having to finds the most appropriate matches from over
search through all of the top stock library sites one 575,000 images. It couldn’t be simpler to carry out
after another, with no guarantee of success at the a search; all you have to do is enter specific terms
end of it. With the advent of Adobe Bridge has into the keyword entry box at the top of the page
come a far easier way of searching for sites from and hit Return or press the Start Search button.
88
Advanced Photoshop
89
Advanced Photoshop
S
Web: www.xaostools.com/products/
uperBladePro is a plug-in that’s available as a free pamain.html
demo or a pay-for licence. With it you can combine
If you’re looking to apply paint effects to
textures with bevels and mirror-like reflections to create your images then Paint Alchemy could be
an instant three-dimensional look. just for you. This plug-in lets you transform
Features include water stains, moss, abrasions, spotlighting, your art with 75 built-in brushstroke
effects and 36 brush styles.
dust, grit and embossing. You can also create custom textures,
It’s also possible to create your own brushes
zoomable presets and make use of the randomizer for natural- from any black-and-white PICT file. There are
looking designs. The plug-in is available as a free demo, but you already paint filters within Photoshop but,
can extend the use by purchasing a site licence. Check out a generally, this plug-in will give you a little
gallery of designs that have made use of the SuperBladePro site more control over the finer details, and offer
you the chance to experiment with effects
by logging onto www.flamingpear.com/bladex4.html. 5
such as Pastel or Impressionist.
The interface of the program itself is
Rating: 3/5 intuitive enough, if a little basic-looking. An
online web download is available for Apple
Mac users only for US$89.95 (£50). 5
Harmony
Rating: 3/5
M
designed to aid you with brightness shifts
astering 3D effects in Photoshop can be tricky.
in your images without having to worry
Vertigo 3D Dizzy helps you to import detailed 3D about loss of colour or leaving your shots
models into Photoshop and lets you move them into any looking washed out.
position, perfect master effects and control your camera Normally this would entail some expert
Curve tweaking, but this plug-in will
view, choosing from a number of rendering effects.
automatically shift the contrast slider to ensure
You can use over 500 included 3D models, navigating around that images maintain good colour quality. It’s a
them using a fully operable camera control mode. In order for good little extra to have in your editing kit, and
3D Dizzy to run effectively you must also have QuickDraw (a although the controls are simple the Brightness
component of QuickTime) installed. The Dizzy demo will allow Editor gets the job done quickly and with the
minimum of hassle.
you to experience all of these features, but will restrict you to a
The Brightness Editor plug-in will work with
limited number of models. 5 the following image modes; Windows and
Mac 8/16-bit, RGB, Grayscale and CMYK. 5
Rating: 4/5
Rating: 3/5
90
Advanced Photoshop
I
Web: www.thepluginsite.com
f you regularly doctor portraits within Photoshop you’ll
This freeware plug-in allows you to apply know that skin tones are one of the most difficult
glass effects to your images using different
techniques to master. SkinTune is a plug-in that’s
slider controls. Some of the results are a
little wacky, although it’s more about dedicated to accurately correcting delicate skin tones,
creating quite radical pieces of art than regardless of the type.
producing subtle effects. To use SkinTune effectively you need to open up an image in
With Glass you can create bubbles,
Photoshop and then select the SkinTune filter. After two clicks
horizontal and vertical waves, tiles and
rippled effects. This is handy if you want to of the mouse, SkinTune will instantly find the nearest
completely transform your images and use it acceptable skin colour from the selected library and will
for distortion effects, but it wouldn’t have automatically correct your image. You can then use the same
much regular use. tools to adjust hue, brightness and saturation. 5
It could come in useful for the odd effect,
but because the results are so restricted and
Rating: 4/5
so very extreme you won’t find a role for it in
many of your pieces. Worth a look for novelty
value, though. 5
Xenofex 2
Rating: 2/5
Primatte Chromakey 2.0
Developer: Digital Anarchy
Developer: Alien Skin Software
Price: US$129 (£72) Price: US$299 (£168)
Web: www.alienskin.com/xx2/index.html Web: www.digitalanarchy.com
Xenofex 2 is a creative plug-in that allows
you to simulate natural phenomena such
as lighting and clouds. You can also use the
plug-in to create distortion effects such as
D esigned for those who are keen to make use of blue/
green screen work, Primatte Chromakey is a
compositing plug-in that takes a foreground image shot
Television (which makes images look as
against a single colour and replaces it with a transparent
though they are displayed on a monitor),
Flag and Rip Open. background, allowing you to alter the colour.
Xenofex 2 is also capable of transforming It will remove traces of the original colour and define areas
your photographs into jigsaw puzzles, such as wisps of hair, glass, smoke and water. You can also use
constellations and mosaic effects. The results Chromakey 2.0 to tweak colour correction and remove casts that
from this aren’t that great for finely tuned and
may be caused by a dominating background. This is expensive
intricate images as you can guess, but great if
you want some more wacky effects. for something that has a specific use, but will be valuable for
Some of the plug-ins offerings, such as those who have to replace backgrounds on a regular basis. 5
Crumple and Burnt Edges, might find a use in
editorial work, but we think that even these Rating: 3/5
would need some refining. 5
Rating: 3/5
Mystical Lighting
Developer:
Recom
Filters Unlimited
Auto FX Software mends
Price: US$179 (£100) Developer: IC NET Graphics Software
Web: www.autofx.com/ Price: £27.56
mystical_lighting/mystical_
lighting.html Web: www.icnet.de/filters_unlimited/index.html
F
Mystical Lighting is a dedicated plug-in ilters are always a valuable way of completely
that allows you to drastically alter the
transforming an image. Although some filter styles
atmosphere of an image. You can apply up
to 16 different visual effects and over 400 don’t really have their place in the professional’s scheme
presets. It’s also possible to use layers, of things, it’s always handy to have plenty of different
unlimited undo features, visual presets, options. Filters Unlimited offers a great stack of filter
masking and even effect controls. resources for a very acceptable price, letting you have
The results of Mystical Lighting can be
access to 350 effects in one single plug-in.
incredibly subtle, so it’s perfect as an extra
addition to a carefully crafted piece of art. However, you can also add more than 2,000 extra filters
Lighting effects include the softly diffused using the website resource link. The range of filter styles is
Ethereal, Fairy Dust, Shadow Play and Surface impressive for the price. You also have the ability to develop
Light. Mystical Lighting offers both practical
your own filters using the build function within the plug-in. 5
effects, such as Spotlight, alongside the more
surreal fairy styles already mentioned. 5
Rating: 4/5
Rating: 5/5
91
Advanced Photoshop
Typodermic Abstractfonts.
com
Web:
Web: www.typodermic.com mends
www.abstractfonts.com Recom
I f you’re really serious about including original fonts into If you’re stuck for
inspiration then www.
your artwork you’ll do well to log onto Typodermic. This abstractfonts.com has a great random
sleek and professional-looking site reflects the style of the search facility, throwing three
fonts, which are edgy and well-crafted throughout. Abstractfonts into the limelight. As well as
You can quickly glance at new designs or browse through a an A-Z list you can also hunt for fonts using
Category and Designer menus.
selection of artwork that has used Typodermic fonts in the
Once you’ve chosen your selection, it’s easy
catalogue, giving you some idea of how the typefaces could fit to install your fonts onto your Hard Drive using
into your creations. When you’re ready to buy, a link will take you a simple link next to the sample. Popular
to the relevant page in MyFonts for pricing details. search terms are listed to the right so that you
If you can’t see what you want, the Typodermic text gurus can see in which direction fellow imageers are
headed (and that old favourite Myriad seems
are available to create custom fonts. Simply get in touch and let to always make an appearance!). This is a great
the team know how you’d like your sample font to look and the place to start if you’re struggling and need to
specifics and they’ll magic it up for a competitive rate. 5 be inspired, and there’s even a forum in which
you can post those typographical teasers. 5
Rating: 5/5 Rating: 5/5
Bluevinyl
HighFonts.com
Web: www.bvfonts.com
Featuring the work of
designer Jess Latham,
mends
Web: www.highfonts.com Bluevinyl features both Recom
I
freeware and pay fonts of
t’s great to be able to find the right font quickly and high standard. There are also
easily, without having to trudge through stacks of some free icons on this site too.
jumbled text and advertising. Highfonts.com manages to Samples are sleek, modern and show plenty
carry this off successfully, letting you browse through of punch, and there are quite a few versatile
little stunners in there too. Each font comes
either free fonts or pay-for fonts. You can also do your own
with a ‘look book’ showing examples of how it
keyword search if you prefer. can be applied to artwork.
The quality and the variation of the typography throughout You must adhere to the terms of use if you
this site is superb and you can quickly see a selection of the Top are looking to apply a Bluevinyl font to your
artwork and Latham asks that if you’re using the
100 Downloaded if you’re not too sure what’s going to take
font for commercial reasons that you pay for
your fancy. For inspiration, you can click on the keywords of the typography – that’s a fair game! Once you
recent successful searches or roam the interesting sidebar links. have paid for a font, Latham puts you on his
Fonts on this site are for PC users but you can download the customer list and you get to use the freeware
font converter to allow you to use them on a Mac. 5 range in your work forever at no extra cost.
A gorgeous site that’s a pleasure to browse. 5
Rating: 4/5 Rating: 5/5
92
Advanced Photoshop
T
Web: www.adobe.co.uk
his book showcases the work of some of the best
If you’ve recently upgraded to CS2, you’ll
illustrators from Europe, Asia and North and South know that Bridge is the new and exciting
America, with chapters dedicating coverage to different intelligent file browser (based on the File
regions. Although the book is dictated by the theme of Browser found in Adobe Photoshop 7),
fashion, the concepts and techniques are extremely which acts as the hub of the Creative Suite 2.
Getting to know the ins and outs of this
valuable to all imageers interested in the concepts of
valuable software program will not only speed
experimental illustration. Alongside each design, the up your image-editing workflow but also give
illustrator is given the chance to share their inspirations you the power to archive and categorise your
and reveal the work processes behind their creations. digital images. This book shows you how to
organise and share your images using the power
This is a perfect volume for those who are interested in
of Bridge. It also takes some time to explore the
picking up ideas and techniques for their own works of art, advantages of becoming accustomed to Adobe
especially if you enjoy staying at the cutting edge. There are a the styles introduced by such trendsetters quickly break through Stock Photos. 5
few fashion references for those who are interested in building a to more commercial artwork such as CD covers, so it’s worth Rating: 4/5
portfolio for fashion career purposes, although these do not keeping an eye on up-and-coming illustrative trends. And
detract from the book’s flickability. whether you explore the creative catwalk for business needs of Maggie Taylor’s
One of the most interesting things about New Fashion you’re simply window-shopping, New Fashion Illustration makes Landscape Of Dreams
Illustration is the variation of illustrations – styles vary from for a diverting and stimulating read. 5 Author: Amy Standen
heavily sketched illustrations to advanced vector images. Publisher: Adobe Press
Although obviously aimed at the fashion creative niche, many of Rating: 4/5 Price: £28.99
ISBN: 0321306147
Web: www.adobe.co.uk
This book explores the work of artist
94
Advanced Photoshop