Documente Academic
Documente Profesional
Documente Cultură
USING PAINT
SKILLS
COLOUR
Experts show how to manipulate colour
and textures to bring your designs to life
Add shadows and highlights to
create striking portrait paintings
59
HOW TO… A
BRURTIST
Create art with type S IC
Design a Victorian scene THEHES ON
Perfect colour calibration CD
Draw a comical illustration
£5.99
41
LIGHTING
ISSUE 41
4
Advanced Photoshop
www.gridironsoftware.com
10
Advanced Photoshop
NOT
power and simplicity, so consumers of all levels can
comfortably achieve outstanding results.
Version 6 has introduced some entertaining and practical
new functions to its array. A prime example is the recent
HOT
feature based on proprietary Photomerge technology. This
allows users to easily combine the best facial expressions and
body language from a series of shots into one perfect whole.
A new Guided Edit mode helps walk users through the
steps of improving a photo and all comes complete with a WORLD OF
new interface, providing uncluttered screens that draw focus WARCRAFT: THE ART
to the photos, with new tabs that provide simple access to the
many capabilities of the software.
OF THE TRADING
Pre-ordering takes place at www.adobe.com/go/ CARD GAME
£20.28/$39.99
buyphotoshop_elements_mac until 24 March.
www.thegildedgriffin.com
One for the fan boys, this title is a real
coup for all lovers of World Of
www.adobe.com UP FOR GRABS: Photoshop Elements 6 for Macintosh allows
Warcraft and the fantasy genre.
people to organise and find photos quickly, unleashing powerful
editing tricks
CREATING CARTOON
CHARACTERS IN
Not to be missed MODO
If you are a photographer working in a commercial £30.42/$59.99
capacity, or an enthusiast with a desire to move into www.digitaltutors.com
commercial work, and you’re under the age of 25, then This resource CD provides over six
you may want to pay attention to the new bursary scheme hours of project-based training for
from the Royal Photographic Society. artists learning modo.
This opportunity owes thanks to one of the UK’s most
successful commercial photographers and chairman of
Genix Imaging Jeff Vickers, who has generously
URBAN ILLUSTRATION
REQUIRED: All applicants must
sponsored photography bursaries with the Royal BERLIN
£18.67/$36.81
demonstrate a flair for imaging and Photographic Society. Vickers is responsible for creating a
creativity in their work, together with www.indexbook.com
huge portfolio of bespoke photography, graphics, colour
enthusiasm and dedication in order to be This publication features 250 glorious
successful. Any photographer under the age printing and installation for most of the UK’s top retailers,
pages of the most stunning and
of 25 can enter the competition, whether including Nike, Selfridges and M&S Simply Food.
commercial or enthusiast innovative street art from Berlin.
NOT
Due to his success in his related fields, he is aware of the
importance to nurture emerging talents and the next
generation of commercial photographers and so, marking
his own 50 years in photography, he has supported the
society’s ability to provide three three-year bursaries at
£5,000 per annum. It is anticipated that there will be one
up for grabs each year (for three years). In total, these
FOOT MOUSE
$199
bursaries will run for five years, totalling £45,000. This is a www.bilila.com/foot_mouse_
serious investment and a fantastic opportunity for those slipper_mouse
willing to participate. This opportunity is set to encourage Sure, you save your wrist from RSI –
young photographers to excel in the field. but you’re going to look silly!
So if you feel inspired and can demonstrate a flair for
imaging, don’t hesitate to contact Stuart Blake at the
Royal Photographic Society (see the boxout, left). FRAMED
ENTRIES TO: BUBBLEGUM
Stuart Blake, The Royal Photographic Society, Fenton DISPENSER
£19.99
House, 122 Wells Road, Bath, BA2 3AH
www.rps.org www.pointlessbutcool.com
01225 327733
You’ll get a few giggles for your ‘work
of art’ bubblegum dispenser, but it
looks a bit naff…
11
Advanced Photoshop
DIARY
digital lifestyle
applications
DATES
BRITISH ANIMATION
AWARDS
13 March 2008 (biennial)
Shaw Theatre, London, England
ART OF THE 1960S supports the latest generation of graphics cards from
NVIDIA, such as the NVIDIA GeForce 8800 GT with
efficiency. A spacious trackpad offers multi-touch
gesture support for pinch, rotate and swipe, making it
AND 70S FROM 512MB of video memory, or NVIDIA Quadro FX 5600 more intuitive than ever to browse and rotate photos or
LACMA’S COLLECTION with 1.5GB of video memory. Supporting up to four zoom into web pages in Safari. With other key features
Until 30 March graphics cards, the new Mac Pro can easily drive up to such as a built-in iSight video camera for video
Los Angeles County Museum of Art, eight 30-inch displays at once, for advanced conferencing, up to five hours of battery life for wireless
Los Angeles, USA visualisation and large display walls. It’s a real dream productivity and priced at £1,199/$2,354 (including
machine for animation, film and video editors. With VAT), this really is a high-performance notebook.
many more high-performance features, an asking price Apple has really spoilt the consumer market with the
of £1,749/$3,432 (including VAT) seems modest. evolution of its latest hardware, and to discover more
Next up is the MacBook Air. Although minuscule in insight into key product features, visit www.apple.com.
comparison to the Mac Pro’s construction, there is
certainly nothing meagre about this product.
Regardless of its attractive streamline structure,
www.apple.com
measuring an astonishing 0.16 inches, the MacBook Air
endorses the adage ‘it’s what’s inside that counts’.
12
Advanced Photoshop
e
had an imag
ADAGIO: “I It was a girl
in my mind.
olin in an
playing the vi d in her
ith win
open field w d to find a
hair. I just ha e
el for it. In th
perfect mod
out to be a
end it turned w
but I liked ho
cello player,
it turned out”
16
Advanced Photoshop
17
Advanced Photoshop
BEDTIME STORIES: “This picture features really haunting and inspiring. This
one of my own characters, my fictional picture shows my vision of a ‘beak
‘model’ called Madame La Kukuruku. I doctor’ without his mask, surrounded by
played with the light a little here, so it this disturbing presence of death
became a good exercise in digital colouring”
ALL
: AGAINST
A R ILY N MANSON is to illustrate
M al s
ne of my go the Mechanical
GODS: “O ly
l of hi s to urs, especial e. All those
al on
d the latest e you to play
Animals an ag
ally encour
18 concerts re
with light an
d colour”
Advanced Photoshop
her
amazed by e as
was really is piec
BJORK: “I d I di d th
Poland an ere’s
concert in e festival. Th
uld after th
soon as I co hind her head, which e
be figur
a reacTable like a saint
look more
makes her ”
er
than a sing
19
Advanced Photoshop
“Yet another
(MYTH PEOPLE):
JUNGLE TEMPLE Peo ple. He re I had to take a
My th
temple painting for a simple 3D
spective and I used
shortcut with the per polygonal structure. I just
the
model to help set up s”
without any 3D aid
couldn’t get it right
20
Advanced Photoshop=
DEVILISHLY WARM: “A
university project. The brief
was to illustrate a Tabasco
advertisement with three
merry devils admiring a
bottle of Tabasco with the
bottle being the focal
point despite its relatively
small size and the tagline
being ‘Devilishly Warm’”
THE VERTICAL:
“I
made a quick sketch
in
Photoshop, putting
down values and
composition, and
blocked in a base for
colours. Taking the
painting to finish
during the following
day or two was a
cheerful process”
21
Advanced Photoshop
Mailbox
Do you have a question or opinion about the
magazine? Email your thoughts to
advancedpshop@imagine-publishing.co.uk
or visit www.advancedphotoshop/forum
SUBJECT: Where’s the winner?
FROM: Mrs K Barsby
My daughters and myself have been greatly
upset since September this year as we have not
yet seen the winning picture in a competition
that was submitted by Mr James Barsby. My
step-son submitted the following entry into the
competition, which we have been waiting with
extreme anticipation to see published. We are
baffled as to why it still hasn’t appeared as his
prize arrived very promptly. Would you please
clarify which issue we will find his picture in.
MOSAICS: Photo mosaics are easily created using a Editor replies: Back in issue 32 we ran a
plug-in or standalone program dedicated to the job
competition to win a Wacom Intuos 3 A56
SUBJECT: Collage effect Wide tablet, where we challenged readers to
FROM: Chong Wong create an image based around the word ‘Pen’. file from iStock. What is iStock and where can I
I use a PC with Photoshop CS2. Could you The winner was James Barsby, and we find it? I work with Windows; can I use it too?
please kindly advise how to make a collage apologise for not printing the winning image in
effect to form a single image. Is that by script or a subsequent issue. It is a great image, and Editor replies: There have already been some
plug-in? deserving of publication, so here it is (below) in replies to this thread on the forum but, for
all its finery. Congratulations once again, James, clarification, iStock is an online image library
Editor replies: There are methods that you can and hopefully you’re enjoying that tablet! where you can purchase stock images to use in
use within Photoshop to create this kind of your artwork. You can find the site at
effect, called a photo mosaic or photo tapestry, SUBJECT: iStock explained www.istockphoto.com. Simply search for the
but it takes a long time and a lot of effort. FROM: Vince (on the forum) file number displayed in the step, in this case
Therefore, we recommend using a dedicated I was creating the underwater scene from issue ‘000003698439’, and you can purchase the
plug-in or standalone program to do the job in 38, but in step three I have got to download a image you need. iStock is known for being low
seconds. There are loads of options, each offering cost, but you could also find a similar image on
different functionality and prices, but most offer WACOM WINNER: The winning image for our Wacom a free site such as www.sxc.hu and use that
competition in issue 32
a free trial so you can find the one that’s right for instead. We do try and provide all images on the
you without shelling out. Some programs that CD, but occasionally we are unable to do so.
are worth a look are: Easy Mosaic (www.
ezmosaic.com), Imosaic (www.imosaic.net) and SUBJECT: Pastel painting
PhotoMontage (www.arcsoft.com). You can find FROM: Sarah-Jane Barrett
a longer list of programs as well as other useful First, I’d like to say how much I enjoy the
links at http://graphicssoft.about.com/od/ magazine. I have been getting Advanced
photomosaics/Photo_Mosaic_Software_ Photoshop for a little while now, and I often
Information.htm. We tried out MozoDojo follow the tutorials through whether I am
(available from http://ktd.club.fr/ interested in the final image or not as it helps to
programmation/mozodojo_en.php for Mac build up my skills. I am writing to you now to tell
only) to create the image seen here. This you how much I enjoyed doing the pastel
particular software is only a small download, and painting tutorial in issue 39. It really applied to
is incredibly simple to use. There aren’t many my traditional art roots and I had a lot of fun
parameters that you can adjust, but the results trying out the tutorial on a landscape image of
are not bad for a quick result. You can always my own. I was wondering if you would be doing
import it into Photoshop for final tweaks. more ‘recreating traditional art effects’ tutorials?
22
Advanced Photoshop
23
Advanced Photoshop
On the web
www.advancedphotoshop.co.uk
Our website and readers’ forum are perfect for
showing off Photoshop creations. We present
the best images on the site this month. Log on
and upload to get your images here next issue!
FOREST GUARDIAN
ARTIST: Mack Sztaba
EMAIL: mackart@rogers.com
WEB: www.mackart.ca Readers’ Challenge
“I began by experimenting in Photoshop with my Wacom
tablet. Once I was happy with the rough sketch I printed it THE RESULTS – NOVEMBER
and traced the image on to Bristol paper, then rendered it Due to popular demand, you can now take part in a monthly
with an HB lead in a mechanical pencil. Once I was
online readers’ challenge. Take a trip to our forum website at
happy with my rendering, I scanned the image in to
www.advancedphotoshop.co.uk/forum and scroll down to
Photoshop and played with the values using the Burn
and Dodge tools. I like the way things turn out when the Peer Pressure section. Keep an eye out for the most
there isn’t an exact plan in place.” recently announced challenge. Readers are welcome to post
one Photoshop creation up in response to the theme, and all
visitors are invited to cast their vote for the winning design in
our online poll. We’re pleased to announce the winners of our
BONSAI ‘Cyborg’ theme. This month the poll came out with two joint
ARTIST: Justin Van Genderen
EMAIL: justinvg@aol.com winners, so here are the images from Lajos Toth (aka Lajos)
WEB: www.flickr.com/photos/justinvg and Irvan Risnandar (aka ipank) – congratulations!
“This piece was inspired by a bonsai ARTIST: Irvan Risnandar
tree photo, taken by a friend of mine. EMAIL: rivacute@hotmail.com
The twists, curves and texture of the WEB: www.irvanrisnandar.com
tree made it a good form to intertwine
with a human arm.
After a combination of masking and
selecting the tree and model, I pieced them together and painted the background
using various cloud and smoke brushes. What I like most about Photoshop is that it
enables me to create realistic representations of the physically impossible. Lately
I’ve been interested in the combination of tree and human form. To see more of my
work you can check out my Flickr page at: www.flickr.com/photos/justinvg.”
SUMMONER
ARTIST: Tracye Shearin
EMAIL: tsheva@earthlink.net
STOCK: Stock by www.istockphoto.com and www.
dreamstime.com; Tattoo brush by http://
scully7941.deviantart.com; Moon brush by http://
poison-stock.deviantart.com.
“First I did a sloppy background extract on
the woman, twice. I then shaped the trees
into pyramids, added the wind in the grass,
then layered the textures. The bone out of
her back and the moon came last. I always
duplicate, flatten, make a new layer, then
desaturate, and either use the Multiply or ARTIST: Lajos Toth
Soft Light and add light sources if the image EMAIL: mrtlajos@hotmail.com
appears too dark.” WEB: http://lajos-toth.deviantart.com/
24
Advanced Photoshop
A
EIFFEL – LEAVES: Plant’s work AYGO-GORGE: This striking
s one of the first photographers to spans three key areas: CGI, Automotive automotive image was taken at
and Landscape, with impressive and Cheddar Gorge, making the most of the
shoot HDR imaging for automotive dynamic results branching over all of the stunning valleys and rockfaces that
CGI rendering in the UK, Simon diverse genres surround the region
Plant is nothing if not innovative. And that is
why the award-winning snapper (he has won
several Fuji Pro awards in his career) has an
internationally known client list and over two
decades of experience.
The 41-year-old Brit has been a photographer
since 1987 when, at the age of 19, he borrowed
his father’s camera and travelled around Greece.
The pursuit kickstarted a lifetime’s interest in
photography and later in post-production skills.
It was not long after this life-changing trip that
Plant picked up his first bout of freelance work.
This was for a magazine called Scootering,
something that worked alongside another of
Plant’s passions: “I used to customise scooters
and go to various shows and rallies.”
It was the inspiration of another photographer
that finally made Plant decide to dedicate his
career to photography: “It was around 1989 that I
came across the photographic work of John
Claridge. His work had a very big impact on
me and ultimately inspired me to make
photography my career.”
In terms of training, Plant’s progression hasn’t
been the most conventional: ”I have done things
a little backwards. I started a home study
26
Advanced Photoshop
27
Advanced Photoshop
28
Advanced Photoshop
Ferrari-430: “It was two years ago that I pitched and won a long-
term contract to shoot prestige and sports cars for a publishing
company and now I mainly specialise in this area,” says Plant
29
Advanced Photoshop
30
Advanced Photoshop
Expert lighting
techniques Create a fantasy landscape and then
use adjustment layers to change the
lighting in seconds BY JOHN UIBEL
W
ouldn’t it be terrific to be able to transform a photo or image from night to day, from winter to
ON THE DISC
summer, from Earth to Venus, or anything in between with the click of a button? This tutorial will
We have plenty of source files for you to
work with, as well as different variants of show you how easy it is to do just that.
the images, created with the simple use of Through the use of the powerful transformation capabilities of Photoshop’s layer adjustments (and with particular
adjustment layers so you can see how easy
it is to transform the lighting in an image.
attention paid to proper Levels adjustments during the building process), we‘ll draw upon much of the information
given about matte painting (Advanced Photoshop 28) and expand it to include options for lighting a single image
OUR EXPERT John Uibel
to display multiple moods, times of day and locales. You’ll be surprised at how easy it is to trick your image.
John is a concept designer and designs feature films, theme
parks and resorts, among other things. He currently works as a In this tutorial we’ll turn a single image from an early morning glacial wasteland into a midday subtropical
creative director at Brigham Young University in Utah. Check paradise, a post-apocalyptic industrial smogscape, and even into a twilight xenoclimactic hotzone (whatever that
out his stunning portfolio at www.johnuibel.com.
is!) So here we go…
32
Advanced Photoshop
variants Copy and paste the cloud to its own layer. Drag the
cloud over to the main window containing our new
gradient blue background.
Our tutorial comes with 14 specially designed
adjustment layers for you to experiment with
5 6
(‘FantasyTut_Final1.psd’ on the disc. See
‘variants table.tif’ for a guide to the effects More clouds Create the Northern Lights
that you can create). Feel free to open the Continue adding clouds in this manner to build an Select one of your clouds by clicking on the cloud
adjustment (double-click the adjustment icon) arctic sky. Experimenting with the various layer mode layer’s thumbnail while holding the Ctrl key. Fill with a
to see what settings achieved that particular settings is good, but be careful, as combining light green. Select Filter>Blur>Motion Blur and extend
result. Go through each of them one by one to adjustment layers can often bring unpredictable results. the blur. Reduce the opacity to 60%, duplicate the layer,
see how each behaves, but be sure to check offset it slightly from the original layer and set both
them out in tandem, even three or four at a time layers to Screen. Make a Curves adjustment to the new
– sometimes some wild, unpredictable results layer with a clipping mask, making adjustments to the
can happen, but there are also some great ‘gems’
hue and saturation.
hidden in there that will transform your image
into a completely different – and equally
dramatic – illustration.
33
Advanced Photoshop
“TAKE PICTURES ON AN
OVERCAST DAY – YOU’RE NOT
LIMITED BY SUN AND SHADOWS
WHEN COMPOSITING IMAGES”
11 Burn in the shadows
Continue on until you
have a convincing landscape of
12 Water and rocks
Now we’ll begin work on the foreground
water and rocks. For the water’s edge in the photo, we
glacier and ice. We used the Burn tool used the same Curves method used for the clouds. The
to darken the bottom of the image that we used here is courtesy of www.
foreground rocks. Note how much greatsaltlakephotos.com, so look out for a similar
deeper the shadows are in the image to use. Select the foreground salt and copy it over
foreground and how much sharper to our main image, positioning it into the bottom right.
the detail is. Being consistent with
shadow depth and light direction is
key to making a believable landscape.
34
Advanced Photoshop
15 Factory selection
Drag the selection shape over to the
factory image. Select the Background layer and
16 Burn and dodge
Using Burn and Dodge tools, add further
detail. Lock the layer (click the small lock icon at the top
17 Rocket science
With Photoshop’s powerful toolset at your
disposal, don’t feel limited by an insufficient photo
choose Copy and Paste to paste a duplicate of the Layers palette) to ensure you stay within the lines archive. To prove it, we’ll transform this boring exhaust
factory pipes layer. Drag this layer back into our of the silhouette. Stroke in some colour using a soft stack (‘dsc_4377.tif’ on the disc) into a cool, retro-style,
composition and place appropriately into position. brush with various opacity/transparency settings. futuristic space rocket in no time.
Using the silhouette of an object to create a clipping
mask is a great, easy way to add detail to areas where
you’d rather not spend the time to paint it all yourself!
Now we’ll go in and add more perspective-
appropriate detail and adjust values/hues to make it
more believable.
18 Extraction methods
Using our proven extraction method, let’s pull
this smokestack off the background by first duplicating
the Blue channel in the Channels palette. Then, using
Curves, adjust the white and black points until we get a
clean separation of black smokestack against a pure
white sky and click OK. Use the Lasso tool to clean up
the stray black pixels in the sky and recreate the missing
black edge on the left (it’s just a straight shot down from
that black corner).
35
Advanced Photoshop
21 Spaceship designs
Move the corner
adjustment handles to finesse the
22 Adjust the ship
We added a layer adjustment called
‘Colour overlay’, reducing its opacity and colouring the
shape into a sleek spaceship. Feel free hue of the sky immediately surrounding the ship. We
to cut areas out of the resultant shape. added a faint hand-painted texture using a 40% Opacity
Again, the possibilities are endless soft brush set to Overlay with Texture set at 20. The
once you’ve mastered some fairly glowing combustion drive on the underside of the ship
basic Photoshop capabilities and use is made of two cleverly positioned shapes drawn with
them in advanced ways. Copy and the Pen tool, rasterised (right-click on the layer and
paste the ship onto our main select Rasterise Shape) and bloomed with a
composition, making adjustment to combination of a few soft-edged Overlay/Color Dodge
brightness and contrast to get it to ‘fit’ brushstrokes. Duplicate the ship and reposition in
in the environment. various positions in the sky.
36
Advanced Photoshop
28 More pipes
Repeating this process creates the other
pipes. The Warp tool was used to create the bent pipe
29 Final details
A very small brush is used
to create the detail surrounding the
on the right. Additional reflections were created by main derrick, all of it just hand drawn.
brushing a light blue on the edges with a soft brush set A separate layer was created to receive
to Screen. all of this custom paintwork, mainly to
blend the foreground rock base with
the frozen ground, allowing the ice
colour to creep up onto the rock,
which really helps ‘sell’ that they are in
fact connected.
37
Advanced Photoshop
38
enthusiasts. This, of course, has led to assimilation by modern graphic designers, illustrators and designers. Now typography is embraced artistically as well as being recognised by the advertising and editorial sectors.
Generally known as ‘display typography’ within graphic design circles, it is becoming a potent and expressive element with much more concern for aesthetic approach. Unsurprisingly, much like illustration, graphic design is a process that
communicates visually. So again it is no surprise that the two methods have once again transgressed to create an exciting form of hybrid less exclusive than previously, a sublime visual communication of sorts. Font-astique... In recent times the
modern illustrator and designer has been contributing profoundly to this successful style and perhaps no more so than by addressing the apparent limitations of typography. Thus this newfound creative relationship between word and image has
been able to flourish both commercially and aesthetically. It would often be said that the majority of letter types have been in use for well over 150 years and therefore their use within composition had started to become distinctly conservative, wit
Advanced Photoshop
regards to the principles of shape and design naturally. However, a new generation of creators has begun to challenge this notion through their creative experiments.
Known simply as ‘font creators’, these designers have begun to consider the merits of font legibility, disregarding the stigmatism attached to the rules of readability and thus bridging the gap towards innovative aesthetics. A common
© And ew Mo ev
These qualities are at times far more central to the concerns of the modern font creator. Todd Dever, director and creator of Cool Fonts offered his opinion, contributing much authority considering his 12 years as a font designer. He explains: “If y
are making a font that people are supposed to read, then there has to be a certain amount legibility. Many of my typefaces push design over legibility, but at the end of the day, you need to be able to interpret the message.”
His artistic approach is matched with traditional consideration and rightly so, as he continues: “Even the craziest designs lose their function as a typeface if they are not legible. It really takes a lot of testing to make sure you strike that balance
between design and function. I don’t mind challenging the viewer, but I don’t like to torture them… too much.” However, with this response, Dever hits upon a key issue regarding modern typography: function. Make no mistake the function of the
font is seemingly in a state of flux artistically.
There are those in the industry that are stretching the boundaries of even legibility, totally disregarding any notion of readability with intent. Kapitza, a contemporary design partnership since 2004 ran between sisters Petra and Nicole Kapitza,
have been notable contributors. “We specialise in picture fonts,” says Petra Kapitza. Their idea to do so grew organically from their involvement in the exhibition ‘Death is part of the process’ at Void Gallery in Derry, Ireland. “For the artwork titled
‘Cycle’, we created hundreds of people, animal and plant illustrations to create a contemporary ‘momento mori’ picture. We have been developing an extensive series of picture fonts that lie somewhere between type ornaments, an image library
resource and an art project.”
Legible doesn’t seem to feature in the Kapitza vocabulary, “As we are designing picture fonts we don’t have to be concerned about legibility,” explains Petra Kapitza. You may be forgiven for thinking that this is due to these picture fonts working
a logograph or hieroglyphic capacity, where imagery represents a word or a morpheme – a meaningful unit of language. However, the answer is perhaps far simpler than first imagined.
Petra Kapitza explains: “Picture fonts open up new possibilities in the design process by being able to edit the illustrations using the typesetting features of any software. This aspect is especially interesting when creating pattern fonts”. Thus it
becomes apparent that, more and more, the function of the font adheres to creative conditions, going some way to explaining this new found focus upon aesthetics, being less deterred with the traditional rules and rituals. Essentially, the nature of
© A ex T ochu
these fonts is 100 per cent creative in capacity, concerned more so with shapes that written message.
© Wacom
Again this factor contributes to turning the method of typography on its head and it seems that this is a style rapidly concerning itself more with evolution and adaptation than definition. However, one fundamental is consistent throughout and
again we must address the notion of aesthetics. Artists, tired with the stable typeface, have expressed their desire through utilising new samples, concerning design with originality and fusion. These are seemingly integral elements to the success
this contemporary typographic method. Founder of Thinkdust independent studio, artist Alex Haigh, is one contemporary designer who concurs. Which type?
Haigh, having worked with international clientele such as Nike, Playstation and Mars, reinforces this attitude by saying: “When thinking of a ‘design classic’, Helvetica is probably what the majority of designers think of first. However, with due
respect to the face, I’m quite bored of how it is constantly over used by a lot of designers. Only a small majority of very tight designers I have seen recently seem to challenge the face in order to create something new and fresh.” Haigh’s own
influences are purely contributed to shape and form: “You can easily get carried away for a few days distorting type and experimenting in order to create something unique. Most if my influence comes from constant experimentation.”
And so typeface has its own functionality and aesthetic means of translating verbal communication onto visually distinctive form. Tony Ariawan, creator of design studio Area105, explains: “Let’s take a look at methods such as graffiti or street ar
Almost every work produced on the wall is stylising font shape. They have existed and consistently appeared as standalone artworks. The main factor that makes these standalone is essentially the ability to deform font shape into a quite abstract
form.”
It has apparently become to tempting not to assimilate and alter the constructs of modern typeface. Perhaps this has in some part thanks to the creative emergence of digital software. All you’ll need to do is search through the type drop menu i
Photoshop to be presented with a plethora of fonts, each telling its own story. Ready made and easy to access by artists, in no short way due to the font designers, these can then again be transformed by many possible means. “Modern softwares a
really a great assistance in artwork exploration,” confirms Ariawan. “We can now do things that were impossible in the old days. From creating font, deform letter shape, up to spoiling fonts.”
Alex Trochut, successful freelance graphic designer and industry favourite who loves both type and illustration without preference, goes further in explaining this: “I think type is a very flexible substance to play around with. Its proportions are n
based
b ased in a thing from nature; there’s not a unique model to look at in reality, so its structure can be changed twisted into many ways, still being a typeface.” He adds: “This is something that allows a lot of freedom, I think. There’s room, of course, to
add illustration and art techniques to this field.”
However,
H owever, Trochut interestingly admits that he is an artist that feels modern software, for all its promise, falls short of traditional approach: “I think the work done in the 20th Century before the digital era, from calligraphy to Seventies and Eighti
ttype
ype was way better in terms of dynamic than the work we do today.” Trochut adds: “I think the computer is still a tool that needs more time to get the control that the masters had with ink and paper.”
© A ex Ha gh
Trochut
T rochut serves more ‘food for thought’ when concerning this style. For all the experimentation and expression present, it seems that numerous creatives feel there are still some regulations to adhere to after all, to truly define dependable
ttypography.
ypography.
y pography Perhaps the he instantly
ns an y ddigestible
ges b e d digital
g a proper
properties
propert es make for
or cava
cavalier
er approach aat times?
mes? It perhaps seems that
ha ar
artist
s may in
n fact
ac be aat odds w
with
h themselves
hemse ves as Ar
Ariawan
awan commen
comments: s “As a des
designer
gner it iss our respons
responsibility
b y to o make the
he ar
artwo
wo
has
h as he capab y o commun ca e and unders andab e or he v ewers bu as an ar s he ar work becomes a means o se sa s ac on and se express on and s no onger mpor an o be ng unders andab e or no ”
Once aga n h s s po n open o con ec ure when cons der ng Andrew Morev s commen s The bra nch d beh nd More V s on w h 11 years o ndus ry exper ence a rms “Typography works w h exac mean ng wh e rad ona mage may no
a Typography has a so unc ona and ra ona goa s Ar s mos y emo ona h ng h nk ha s a d s nc on ” Bu aga n be ng such a sub ec ve s y e perhaps h s op n on s once more sub ec o unc on Morev goes on o add “Des gn has a n
a m o de ver a cer a n message o he aud ence So on arranged w h ayou co our and mage he ps orm he mpac o he message ” Wha s n a name?
“Fon s a un que h ng has graph c na ure and a sense o mean ng comb ned n h s way he on s us ra on med a or words ” Ar awan adds “ s h gh y mpor an s nce ypography has s own un que charac er and ha va ue s one o he
e emen o es ab sh mood n des gn Le s us say or a ra her h gh sp r ed des gn as used or a campa gn s more ke y o use he r g d Sans Ser s y e eg Ar a b ack Verdana e c wh e or a warmer and so er heme used or perhaps a
res auran or ca é wou d be more appropr a e o use he e egan and So Ser ”
Bu or a he assump on ha he app ca ons o x he gh ascenders ead ng kern ng cadence ex ure pos ve and nega ve space ba ance e er spac ng a gnmen and many more be ng an exac sc ence seems ha n con emporary er
hey are more concerned w h apprec a on han d s nc comprehens on Ar awan exp a ns “A v sua e emen s such as wh e space mage ayou one ypography and co our are a corresponded o crea ng mood on des gn s k nd o hard o
exp a n bu we see our work he more we can ee he n erac on be ween hose e emen s ”
However ns nc ve or comprehens ve h s process may be or he ar s s emp oy ng hem he a ude owards unc on s ays paramoun seems ha or a s express ve aes he c appea when ry ng o ach eve a success u commerc a use a
crea ve mus be aware o he vo ces sounded ou by he ypography As Morev po n s ou a e emen s orm a message each one d s nc w h he produc represen s
G es Mac eay sen or des gner a LOGO Des gn & Marke ng apprec a es such ac ors W h near y a decade s wor h o exper ence a a company prov d ng corpora e den y so u ons or over 35 years Mac eay observes “A ogo needs o
13 2 08 10 13 17
commun ca e qu ck y s ke he assass n o ype has o mee he end user head on and se he r gh mood whe her s here o exc e com or or o er s ab y” n essence as a des gner he s concerned w h g v ng order o n orma on orm o
deas and express on o ob ec n h s case ype ace
TYPE
WHA
TY
YO
YOUR
WHA
communicate quickly, it’s like the assassin of type, it has to meet the end user head on and set the right mood whether it’s there to excite, comfort or offer stability.” In essence, as a designer he is concerned with giving order to information, form to
ideas and expression to object, in this case typeface.
“It’s like telling a story, each piece of visual information should work together in cohesion, white space versus ink versus image. All the elements come together it’s like an eyeball etiquette. Make sure the choice of colour and composition reflect
the message, there should always be some sort of hierarchy, you don’t want the type and graphics fighting with each other on the page. When I place type on a page, I try to make it work alongside everything else that is going to appear with it.
Choice of font is as important as any graphic.”
But Macleay’s following comments assure that no matter what function the design serves or commercial demands made, there is always leverage for expression and aesthetic appeal: “Type and art have definitely moved closer together. It’s
communication through shape, form and colour with limitless methods of fabrication. I think type has always had a place in the art world, if you just look at things like the Gutenberg bible, Bauhaus school or the work of someone like Alan Kitching,
there are so many people producing type in so many different ways for more than just commercial graphics. Even the use of type on fashion products has increased beyond just branding.”
This adoption of attitude and new tolerance from commercial authorities has provided an almost symbiotic nature between artist and clientele, but most importantly a newfound freedom of approach granted to designer, which seems to have
been embraced. Never before have designers had the creative leverage to instigate revolution and clientele been so eager to endorse such practice. Take, for instance, the global corporation Wacom and its new brand identity, starting with the laun
of its Bamboo pen tablet range.
038-043_AVP_41_TypeFeat.indd 39
It’s apparent that its concerns were aesthetic, however maybe dealing in the industry of aesthetics itself had some baring, when it released these comments: “The Bamboo brand communication talks a lot less about the technologies being used
and concentrates on encouraging people to ‘make their mark’ both in terms of creating something visually distinctive and through the impression they make on the people around them.”
Whether function influencing aesthetics or vice versa typography is ultimately a fertile technique. From artists reforming the constructs of legibility to those augmenting past methods, one fact remains and this is that typography is and will
certainly continue to be a subjective style in a state of creative flux, consistently evolving and producing product that is truly telling and communicative.
T
Perhaps due in part to the breadth of typefaces and font design, maybe the difference in approach by artist or designer, possibly the anticipation of the commercial industry or the indigenous nature of the fonts form, it seems that this is a style
that will never fail to inspire and compose great artistic examples. One thing is for certain though and that is that typeface has become a prime means to exercise imagination, blurring the boundaries between typography and experimentation.
the message.”
explores this growing trend…
and appearance.
AT’S
challenge this notion through their creative experiments.
and the same. Not so. Readability concerns itself with rules
Advanced Photoshop
39
13/2/08 10:13:35
OUR
AT’S
YPE?
communicates visually. So again it is no surprise that the two methods have once again transgressed to create an exciting form of hybrid less exclusive than previously, a sublime visual communication of sorts. Font-astique... In recent times the
modern illustrator and designer has been contributing profoundly to this successful style and perhaps no more so than by addressing the apparent limitations of typography. Thus this newfound creative relationship between word and image
There’s an old and well-known proverb that states, “A picture is worth a thousand words”. The point served is certainly valid, considering the elements self-contained within a composition, providing large amounts of visual data that can be
typography has rapidly become as much an art form as an industrial skill and no more so than in recent decades. In a rapidly advancing digital age, what was once a distinctly specialist occupation has become instantly accessible and eagerly
Generally known as ‘display typography’ within graphic design circles, it is becoming a potent and expressive element with much more concern for aesthetic approach. Unsurprisingly, much like illustration, graphic design is a process that
digested by creative enthusiasts. This, of course, has led to assimilation by modern graphic designers, illustrators and designers. Now typography is embraced artistically as well as being recognised by the advertising and editorial sectors.
WHA
Consider these factors and it can be said that typography throws the proverbial ‘spanner in the works’ when concerned with this theory. Thus the word becomes the picture and again art serves to blur all boundaries. Make no mistake,
has been able to flourish both commercially and aesthetically. It would often be said that the majority of letter types have been in use for well over 150 years and therefore their use within composition had started to become distinctly
Feature
© Tony Ariawan
conservative, with regards to the principles of shape and design naturally. However, a new generation of creators has begun to challenge this notion through their creative experiments.
YOUR
© Alex Haigh
MINISTRY: “Negative space, form, colour, structure and layout are the NEW AREA: “It’s crucial, a typography artwork must be
building blocks of a piece of work. By allowing these to all work with each legible. When the letter composition becomes abstract
other you can really create something magic, says Alex Haigh” and illegible, it becomes an image,” suggests Tony Ariawan
“EVEN THE CRAZIEST DESIGNS LOSE THEIR FUNCTION
His artistic approach is matched with traditional more and more, the function of the font adheres to
consideration: “Even the craziest designs lose their creative conditions, going some way to explaining this
function as a typeface if they are not legible. It really newfound focus upon aesthetics, being less deterred
takes a lot of testing to make sure you strike that by the traditional rules.
balance between design and function. I don’t mind Again this factor contributes to turning the method
challenging the viewer, but I don’t like to torture of typography on its head and it seems that this is a
© Alex Haigh
them… too much.” Dever hits upon a key issue style rapidly concerning itself more with evolution
AS A TYPEFACE IF THEY ARE NOT LEGIBLE”
regarding modern typography: function. and adaptation than definition. However, one
PLASTIK: “There are the foundations that make type
There are those in the industry that are stretching fundamental is consistent throughout, and again we what it is, and the most exciting aspect of this is that you
the boundaries of even legibility, totally disregarding must address the notion of aesthetics. Artists, tired can destroy, play and reshape a typeface into something
TYPE
any notion of readability with intent. Kapitza, a with the stable typefaces, have expressed their desire completely new,” says Alex Haigh
contemporary design partnership since 2004, ran for change through utilising new samples, mixing
between sisters Petra and Nicole Kapitza, has been a design with originality. These are seemingly integral design studio Area105, explains: “Let’s take a look at
notable contributor. “We specialise in picture fonts,” elements to the success of this contemporary methods such as graffiti or street art. Almost every
says Petra Kapitza. Their idea to do so grew organically typographic method. Founder of independent studio work produced on the wall is stylising font shape. They
from their involvement in the exhibition ‘Death is part Thinkdust, artist Alex Haigh, is one contemporary have existed and consistently appeared as standalone
of the process’ at the Void Gallery in Derry, Ireland. “For designer who concurs. artworks. The main factor that makes these standalone
the artwork titled Cycle we created hundreds of is essentially the ability to deform font shape into a
people, animal and plant illustrations to create a
contemporary ‘momento mori’ picture. We have been WHICH TYPE? quite abstract form.”
It has apparently become to tempting not to
developing an extensive series of picture fonts that lie Haigh, having worked with international clientele assimilate and alter the constructs of modern typeface.
somewhere between type ornaments, an image such as Nike, Playstation and Mars, reinforces this Perhaps this has in some part thanks to the creative
library resource and an art project.” attitude by saying: “When thinking of a ‘design classic’, emergence of digital software. All you’ll need to do is
Legible doesn’t seem to feature in the Kapitza Helvetica is probably what the majority of designers search through the type drop menu in Photoshop to
absorbed promptly. But what if the picture itself is a word?
vocabulary. “As we are designing picture fonts we think of first. However, with due respect to the face, I’m be presented with a plethora of fonts, each telling its
don’t have to be concerned about legibility,” explains quite bored of how it is constantly over used by a lot of own story. Ready made and easy to access by artists, in
Petra Kapitza. You may be forgiven for thinking that designers. Only a small majority of very tight designers no short way due to the font designers, these can then
this is due to these picture fonts working in a I have seen recently seem to challenge the face in again be transformed by many possible means.
logograph or hieroglyphic capacity, where imagery order to create something new and fresh.” Haigh’s own “Modern software is really a great assistance in artwork
represents a word or a morpheme. However, the influences are purely contributed to shape and form: exploration,” confirms Ariawan. “We can now do things
answer is perhaps far simpler than first imagined. “You can easily get carried away for a few days that were impossible in the old days. From creating
Petra Kapitza explains: “Picture fonts open up new distorting type and experimenting in order to create font, deforming letter shapes, up to spoiling fonts.”
possibilities in the design process by being able to edit something unique.” Alex Trochut, successful freelance graphic designer
the illustrations using the typesetting features of any And so typeface has its own functionality and and industry favourite who loves both type and
software. This aspect is especially interesting when aesthetic means of translating verbal communication illustration without preference, goes further in
creating pattern fonts”. Thus it becomes apparent that, into a visually distinctive form. Tony Ariawan, creator of explaining this: “I think type is a very flexible substance
40
Advanced Photoshop
There’s
to this field.”
His artistic approach is matched with traditional consideration and rightly so, as he continues: “Even the craziest designs lose their function as a typeface if they are not legible. It really takes a lot of testing to make sure you strike that balance
His
between design and function. I don’t mind challenging the viewer, but I don’t like to torture them… too much.” However, with this response, Dever hits upon a key issue regarding modern typography: function. Make no mistake the function of
between
© Tony Ariawan
the font is seemingly in a state of flux artistically.
038-043_AVP_41_TypeFeat.indd 41
had with ink and paper.”
There are those in the industry that are stretching the boundaries of even legibility, totally disregarding any notion of readability with intent. Kapitza, a contemporary design partnership since 2004 ran between sisters Petra and Nicole
Kapitza, have been notable contributors. “We specialise in picture fonts,” says Petra Kapitza. Their idea to do so grew organically from their involvement in the exhibition ‘Death is part of the process’ at Void Gallery in Derry, Ireland. “For the
artwork titled ‘Cycle’, we created hundreds of people, animal and plant illustrations to create a contemporary ‘momento mori’ picture. We have been developing an extensive series of picture fonts that lie somewhere between type ornaments,
an image library resource and an art project.”
Legible doesn’t seem to feature in the Kapitza vocabulary, “As we are designing picture fonts we don’t have to be concerned about legibility,” explains Petra Kapitza. You may be forgiven for thinking that this is due to these picture fonts
working in a logograph or hieroglyphic capacity, where imagery represents a word or a morpheme – a meaningful unit of language. However, the answer is perhaps far simpler than first imagined.
Petra Kapitza explains: “Picture fonts open up new possibilities in the design process by being able to edit the illustrations using the typesetting features of any software. This aspect is especially interesting when creating pattern fonts”. Thus
UR
it becomes apparent that, more and more, the function of the font adheres to creative conditions, going some way to explaining this new found focus upon aesthetics, being less deterred with the traditional rules and rituals. Essentially, the
nature of these fonts is 100 per cent creative in capacity, concerned more so with shapes that written message.
E?
and again we must address the notion of aesthetics. Artists, tired with the stable typeface, have expressed their desire through utilising new samples, concerning design with originality and fusion. These are seemingly integral elements to the
success of this contemporary typographic method. Founder of Thinkdust independent studio, artist Alex Haigh, is one contemporary designer who concurs. Which type?
Haigh, having worked with international clientele such as Nike, Playstation and Mars, reinforces this attitude by saying: “When thinking of a ‘design classic’, Helvetica is probably what the majority of designers think of first. However, with due
respect to the face, I’m quite bored of how it is constantly over used by a lot of designers. Only a small majority of very tight designers I have seen recently seem to challenge the face in order to create something new and fresh.” Haigh’s own
influences are purely contributed to shape and form: “You can easily get carried away for a few days distorting type and experimenting in order to create something unique. Most if my influence comes from constant experimentation.”
And so typeface has its own functionality and aesthetic means of translating verbal communication onto visually distinctive form. Tony Ariawan, creator of design studio Area105, explains: “Let’s take a look at methods such as graffiti or
street art. Almost every work produced on the wall is stylising font shape. They have existed and consistently appeared as standalone artworks. The main factor that makes these standalone is essentially the ability to deform font shape into a
quite abstract form.”
It has apparently become to tempting not to assimilate and alter the constructs of modern typeface. Perhaps this has in some part thanks to the creative emergence of digital software. All you’ll need to do is search through the type drop
menu in Photoshop to be presented with a plethora of fonts, each telling its own story. Ready made and easy to access by artists, in no short way due to the font designers, these can then again be transformed by many possible means. “Modern
softwares are really a great assistance in artwork exploration,” confirms Ariawan. “We can now do things that were impossible in the old days. From creating font, deform letter shape, up to spoiling fonts.”
Alex Trochut, successful freelance graphic designer and industry favourite who loves both type and illustration without preference, goes further in explaining this: “I think type is a very flexible substance to play around with. Its proportions
are not based in a thing from nature; there’s not a unique model to look at in reality, so its structure can be changed twisted into many ways, still being a typeface.” He adds: “This is something that allows a lot of freedom, I think. There’s room, of
www.thinkdust.com
course, to add illustration and art techniques to this field.”
However, Trochut interestingly admits that he is an artist that feels modern software, for all its promise, falls short of traditional approach: “I think the work done in the 20th Century before the digital era, from calligraphy to Seventies and
However, instinctive or comprehensive this process may be for the artists employing them, the attitude towards function stays paramount. It seems that for all its expressive, aesthetic appeal, when trying to achieve a successful commercial
use a creative must be aware of the ‘voices’ sounded out by the typography. As Morev points out, all elements form a message, each one distinct with the product it represents.
Giles Macleay, senior designer at LOGO Design & Marketing, appreciates such factors. With nearly a decade’s worth of experience at a company providing corporate identity solutions for over 35 years, Macleay observes: “A logo needs to
possible on projects for clients.”
THINKDUST
communicate quickly, it’s like the assassin of type, it has to meet the end user head on and set the right mood whether it’s there to excite, comfort or offer stability.” In essence, as a designer he is concerned with giving order to information, form
Volkswagen, GSK and Powerade.
Advanced Photoshop
41
communication through shape, form and colour with limitless methods of fabrication. I think type has always had a place in the art world, if you just look at things like the Gutenberg bible, Bauhaus school or the work of someone like Alan
Kitching, there are so many people producing type in so many different ways for more than just commercial graphics. Even the use of type on fashion products has increased beyond just branding.”
13/2/08 10:14:25
This adoption of attitude and new tolerance from commercial authorities has provided an almost symbiotic nature between artist and clientele, but most importantly a newfound freedom of approach granted to designer, which seems to
have been embraced. Never before have designers had the creative leverage to instigate revolution and clientele been so eager to endorse such practice. Take, for instance, the global corporation Wacom and its new brand identity, starting with
There’s an old and well-known proverb that states, “A picture is worth a thousand words”. The point served is certainly valid, considering the elements self-contained within a composition, providing large amounts of visual data that can be
absorbed promptly. But what if the picture itself is a word?
Consider these factors and it can be said that typography throws the proverbial ‘spanner in the works’ when concerned with this theory. Thus the word becomes the picture and again art serves to blur all boundaries. Make no mistake, typograph
has rapidly become as much an art form as an industrial skill and no more so than in recent decades. In a rapidly advancing digital age, what was once a distinctly specialist occupation has become instantly accessible and eagerly digested by creati
42
enthusiasts. This, of course, has led to assimilation by modern graphic designers, illustrators and designers. Now typography is embraced artistically as well as being recognised by the advertising and editorial sectors.
Generally known as ‘display typography’ within graphic design circles, it is becoming a potent and expressive element with much more concern for aesthetic approach. Unsurprisingly, much like illustration, graphic design is a process that
communicates visually. So again it is no surprise that the two methods have once again transgressed to create an exciting form of hybrid less exclusive than previously, a sublime visual communication of sorts. Font-astique... In recent times the
modern illustrator and designer has been contributing profoundly to this successful style and perhaps no more so than by addressing the apparent limitations of typography. Thus this newfound creative relationship between word and image has
been able to flourish both commercially and aesthetically. It would often be said that the majority of letter types have been in use for well over 150 years and therefore their use within composition had started to become distinctly conservative, wit
Advanced Photoshop
regards to the principles of shape and design naturally. However, a new generation of creators has begun to challenge this notion through their creative experiments.
Known simply as ‘font creators’, these designers have begun to consider the merits of font legibility, disregarding the stigmatism attached to the rules of readability and thus bridging the gap towards innovative aesthetics. A common
038-043_AVP_41_TypeFeat.indd 42
misconception would be that the pair of disciplines is one and the same. Not so. Readability concerns itself with rules of sentencing, word length and frequency or regularity. Legibility concerns itself less with factors such as language and content
and more so with the aesthetic qualities of size and appearance.
Feature
These qualities are at times far more central to the concerns of the modern font creator. Todd Dever, director and creator of Cool Fonts offered his opinion, contributing much authority considering his 12 years as a font designer. He explains: “If y
are making a font that people are supposed to read, then there has to be a certain amount legibility. Many of my typefaces push design over legibility, but at the end of the day, you need to be able to interpret the message.”
His artistic approach is matched with traditional consideration and rightly so, as he continues: “Even the craziest designs lose their function as a typeface if they are not legible. It really takes a lot of testing to make sure you strike that balance
between design and function. I don’t mind challenging the viewer, but I don’t like to torture them… too much.” However, with this response, Dever hits upon a key issue regarding modern typography: function. Make no mistake the function of the
font is seemingly in a state of flux artistically.
Again this factor contributes to turning the method of typography on its head and it seems that this is a style rapidly concerning itself more with evolution and adaptation than definition. However, one fundamental is consistent throughout and
again we must address the notion of aesthetics. Artists, tired with the stable typeface, have expressed their desire through utilising new samples, concerning design with originality and fusion. These are seemingly integral elements to the success
easy-to-follow workshops
this contemporary typographic method. Founder of Thinkdust independent studio, artist Alex Haigh, is one contemporary designer who concurs. Which type?
WHAT’S IN A NAME?
However, instinctive or comprehensive this process may be for the artists employing them, the attitude towards function stays paramount. It seems that for all its expressive, aesthetic appeal, when trying to achieve a successful commercial use a
creative must be aware of the ‘voices’ sounded out by the typography. As Morev points out, all elements form a message, each one distinct with the product it represents.
Giles Macleay, senior designer at LOGO Design & Marketing, appreciates such factors. With nearly a decade’s worth of experience at a company providing corporate identity solutions for over 35 years, Macleay observes: “A logo needs to
13/2/08 10:14:43
communicate quickly, it’s like the assassin of type, it has to meet the end user head on and set the right mood whether it’s there to excite, comfort or offer stability.” In essence, as a designer he is concerned with giving order to information, form to
ideas and expression to object, in this case typeface.
TYPE
WHA
YO
YOUR
WHA
AT’S
communication through shape, form and colour with limitless methods of fabrication. I think type has always had a place in the art world, if you just look at things like the Gutenberg bible, Bauhaus school or the work of someone like Alan Kitching,
been embraced. Never before have designers had the creative leverage to instigate revolution and clientele been so eager to endorse such practice. Take, for instance, the global corporation Wacom and its new brand identity, starting with the laun
communicate quickly, it’s like the assassin of type, it has to meet the end user head on and set the right mood whether it’s there to excite, comfort or offer stability.” In essence, as a designer he is concerned with giving order to information, form to
“It’s like telling a story, each piece of visual information should work together in cohesion, white space versus ink versus image. All the elements come together it’s like an eyeball etiquette. Make sure the choice of colour and composition reflect
It’s apparent that its concerns were aesthetic, however maybe dealing in the industry of aesthetics itself had some baring, when it released these comments: “The Bamboo brand communication talks a lot less about the technologies being used
Perhaps due in part to the breadth of typefaces and font design, maybe the difference in approach by artist or designer, possibly the anticipation of the commercial industry or the indigenous nature of the fonts form, it seems that this is a style
This adoption of attitude and new tolerance from commercial authorities has provided an almost symbiotic nature between artist and clientele, but most importantly a newfound freedom of approach granted to designer, which seems to have
that will never fail to inspire and compose great artistic examples. One thing is for certain though and that is that typeface has become a prime means to exercise imagination, blurring the boundaries between typography and experimentation.
the message, there should always be some sort of hierarchy, you don’t want the type and graphics fighting with each other on the page. When I place type on a page, I try to make it work alongside everything else that is going to appear with it.
Whether function influencing aesthetics or vice versa typography is ultimately a fertile technique. From artists reforming the constructs of legibility to those augmenting past methods, one fact remains and this is that typography is and will
But Macleay’s following comments assure that no matter what function the design serves or commercial demands made, there is always leverage for expression and aesthetic appeal: “Type and art have definitely moved closer together. It’s
AT’S
what’s your type?
© Alex Trochut
there are so many people producing type in so many different ways for more than just commercial graphics. Even the use of type on fashion products has increased beyond just branding.”
and concentrates on encouraging people to ‘make their mark’ both in terms of creating something visually distinctive and through the impression they make on the people around them.”
OUR
alignment and many more being an exact science, it there should always
seems that in contemporary terms they are more be some sort of
concerned with appreciation than distinct hierarchy, you don’t want
comprehension. Ariawan explains: “All visual elements the type and graphics fighting with
such as white space, image, layout, tone, typography each other on the page. When I place type
and colour are all corresponded in creating mood on on a page, I try to make it work alongside everything
E?
design. It’s kind of hard to explain, but if we see our else that is going to appear with it. Choice of font is as
work, the more we can feel the interaction between important as any graphic.”
those elements.” But Macleay’s following comments assure that no
However, instinctive or comprehensive this process matter what function the design serves or commercial
may be for the artists employing them, the attitude demands made, there is always leverage for expression It’s apparent that its concerns were aesthetic,
towards function stays paramount. It seems that for all and aesthetic appeal: “Type and art have definitely however maybe dealing in the industry of aesthetics
its expressive, aesthetic appeal, when trying to achieve moved closer together. It’s communication through itself had some bearing, when it released these
a successful commercial use a creative must be aware shape, form and colour with limitless methods of comments: “The Bamboo brand communication talks
of the ‘voices’ sounded out by the typography. As fabrication. I think type has always had a place in the a lot less about the technologies being used and
Morev points out, all elements form a message, each art world; if you just look at things like the Gutenberg concentrates on encouraging people to ‘make their
one distinct with the product it represents. bible, Bauhaus school or the work of someone like mark’ both in terms of creating something visually
Giles Macleay, senior designer at LOGO Design & Alan Kitching, there are so many people producing distinctive and through the impression they make on
Marketing, appreciates such factors. With nearly a type in so many different ways for more than just the people around them.”
decade’s worth of experience at a company providing commercial graphics. Even the use of type on fashion Typography is ultimately a fertile technique. From
corporate identity solutions for over 35 years, Macleay products has increased beyond just branding.” artists reforming the constructs of legibility to those
observes: “A logo needs to communicate quickly; it’s This adoption of attitude and new tolerance from augmenting past methods, one fact remains:
ideas and expression to object, in this case typeface.
like the assassin of type, it has to meet the end user commercial authorities has provided an almost typography is and will continue to be a subjective
head on and set the right mood.” In essence, as a symbiotic nature between artist and clientele, but style in a state of creative flux, consistently evolving.
Choice of font is as important as any graphic.”
designer he is concerned with giving order to most importantly a newfound freedom of approach Perhaps due in part to the breadth of typefaces
information, form to ideas and expression to object, in granted to designer, which seems to have been and font design, possibly the anticipation of the
this case typeface. embraced. Never before have designers had the commercial industry or the indigenous nature of the
“It’s like telling a story, each piece of visual creative leverage to instigate revolution, and clientele font’s form, it seems that this is a style that will never
of its Bamboo pen tablet range.
information should work together in cohesion, white been so eager to endorse such practice. Take, for fail to inspire and compose great artistic examples.
space versus ink versus image. All the elements come instance, the global corporation Wacom and its new Typeface has become a prime means to exercise
together – it’s like an eyeball etiquette. Make sure the brand identity, starting with the launch of its Bamboo imagination, blurring the boundaries between
choice of colour and composition reflect the message; pen tablet range. typography and experimentation.
43
Advanced Photoshop
44
Advanced Photoshop
O
ON THE DISC nly Photoshop combines the tools needed to create illustrations with impact. Its ease of use frees you to
The CD contains some custom vector
be as creative as you’d like. So step into the ring, and let’s put the hurt on Photoshop’s arsenal of drawing tools.
graphics and textures used to create this Lucha Libre, or ‘free fighting’, has always been a fascination. The identity-hiding mask and dramatic persona
rose-scented illustration: ‘curl.eps’, ‘dots. of the wrestler may be even more compelling than the athlete himself. The colours, drama, humour, rich history and code
psd’, ‘floral_designs.psd’, ‘sandpaper.jpg’
and ‘starburst_longRays.eps’. of honour in Mexican wrestling are just some of the draws that led to this illustration.
In this tutorial, we’ll show you the right techniques for achieving eye-popping, body-slamming, pile-driving illustrations
OUR EXPERT Jeff Miracola
that impress all your friends, family and wrestling buddies. Warning: using these techniques may cause you to move to
Jeff has been illustrating since 1993 in the fantasy
gaming industry. His art can be seen in games, books, and Mexico and take up wrestling large, hairy men in masks. Seriously, though, once you master the technique of using the
magazines, as well as an upcoming children’s book. Visit Pen, Marquee and Brush tools, the process becomes second nature. The rest is up to your creativity and ingenuity. So put
www.jeffmiracola.com.
the smackdown on Photoshop and get creating.
1 Basic shapes
Create a layer folder named ‘Mexican wrestler’. All “WORK DIRECTLY IN PHOTOSHOP
work on the wrestler will reside in this folder. Now, begin
this illustration by using the Pen tool (P) and Ellipse tool
(U) to build and arrange basic shapes for the torso, head
RATHER THAN OVER A SKETCH”
2 3
and right arm. We have opted to work directly in
Photoshop rather than over a sketch. More basic shapes Shading the glove fingers
Use the Pen tool (P) to draw out the other shapes Cmd/Ctrl-click on the fingers shape layer to
for the figure. Choose base colours for the figure and select it, create a new layer (Shift+Cmd/Ctrl+N), then
clothing. Shift+Cmd/Ctrl-click every shape so you have a use the Paint Bucket tool (G) to fill the selection with a
selection of your entire figure. Save your selection dark brown colour. Contract the selection by 5 pixels
(Select>Save Selection). Name it ‘Full figure’. This will (Select>Modify>Contract), feather by 5 pixels
come in handy later. (Select>Modify>Feather) and hit Delete. Shading the
edges of your form provides the illusion of mass.
Layer
organisation
We create dozens, sometimes hundreds, of
layers for each illustration. Properly labelling
and organising them is crucial to not getting lost
in the piece. Group layers by object to save
valuable time otherwise lost in recalling layers.
45
Advanced Photoshop
8 9
to great lengths to keep their true identities
secret. Rodolfo Guzmán Huerta, also known as El Inside the glove Shading the right arm
Santo, was rarely, if ever, seen without wearing Create a new layer under the arm shape, switch to Cmd/Ctrl-click the arm layer to select it, create a
his famous silver mask. He was even buried the Pen tool, select a slightly darker orange colour and new layer, switch to the Brush tool and shade inside the
wearing it. draw out the shape that will serve as the inside of the selection using a Soft Round brush and a dark brown
glove. Cmd/Ctrl-click the layer to select it, create a new colour. This is where the illustration comes to life.
layer, switch to the Brush tool and shade inside the Turning flat shapes into a fleshy, three-dimensional
selection with a dark colour. character that you can almost smell is great fun.
46
Advanced Photoshop
15 Yellow light
on cape
Add more interest to the
cape by throwing light on it.
Cmd/Ctrl-click the wrestler’s
shadow layer, create a new
layer, inverse the selection and
use a Soft Round brush with
yellow colour to brighten
outside the shadow.
47
Advanced Photoshop
19 Shading and
decorating the mask
Use the same techniques used
throughout this tutorial to shade the
edges of the mask design. Use the
curl graphic (‘curl.eps’) to add designs
Creating to the side of your mask. Then use the
20 21
sandpaper used here.
Create eyes, mouth and nose The rose
Following the same techniques and using By now, you should be a master at using
the Pen tool, Marquee tool and Brush tools, create, the Pen, Marquee and Brush tools to create the
shade and detail the eyes, nose and mouth. Tip: create shapes that you need in your illustration. Use those
one eye, duplicate, then flip horizontally for the other techniques to create a rose like the one in this
eye. Also, create the yellow rim highlight on the head as screenshot below. Remember: red roses mean love,
you did in Step 6 with the glove. yellow roses mean friendship.
48
Advanced Photoshop
49
Advanced Photoshop
50
Advanced Photoshop
A
psd’, as well as the layered final image so
you can see how it was all put together. rt and the macabre have long been intertwined. Artists have always strived to elicit strong emotions from
their audience, and fear is one of the most powerful emotions we contain. But horror doesn’t always have to
OUR EXPERT Kirk Nelson be shocking images of explicit, bloody brutality. Sometimes the perceived threat of unknown dangers can be
Kirk is a graphics artist residing in Washington DC, USA. He is a even more terrifying. The recipe for such a scene is fairly simple: start with one part dark deserted street, add one part
regular contributor to the pages of Advanced Photoshop and creepy fog with vaguely threatening shapes and mix in a shadowy form of a mysterious and iconic serial killer. Follow
he also writes for our sister magazine Photoshop Creative.
along as we cook up a deliciously spooky Jack-the-Ripper street scene.
52
Advanced Photoshop
thirds layer to stop you from getting lost in the shadows. layer to add a soft highlight to the cape shoulder.
53
Advanced Photoshop
21 Final touch
For a final spooky
touch, add a ‘SkullShape’
layer at the top. Set the
blending mode to Linear
Burn and use a large, soft
brush with black paint to
rough in the shape of a skull
using the lamps as eyes and
the door and window
frames to imply the teeth.
This needs to be a subtle
detail that is almost
imperceptible, so lower the
Opacity to around 45%.
54
Advanced Photoshop
56
Advanced Photoshop
M
aking a movie is a long and techniques, the draganizing effect, and also ON THE DISC
demanding yet ultimately how to evolve the results of this when coupled On the disc you will find ‘Gig toilet.
rewarding project. However, its with other awesome applications in tif’, ‘IP_0029.tif’ and ‘PB260061.tif’.
We have also included a texture
success as a whole is measured only by the sum Photoshop. You’ll learn new layer processes from mayang.com called
of its parts and propaganda has a huge part to creating specific and unique exposure effects, ‘saucepan fullsize.pl.jpeg’. For the
play in a movie’s success, namely the acclaimed contemporary techniques such as painting other images, visit www.
istockphotos.com (the model,
movie poster. with light, the true effectiveness of the image no ‘000004215942’) and
Already an art form itself, certain movie blending mode when coupled with common www.morguefile.com (texture,
‘Frankybaby_P6101876’).
posters can surely be called upon as iconic and filter effects and the creative licence afforded
like all other art forms follow certain trends in through applying textures. OUR EXPERT Adam Smith
style and method that appeal to the Once all the effects are pieced together, you Staff writer Adam is a keen moviegoer, enriched with much
frivolous trivia knowledge. He’s also a keen figurative artist,
appreciative masses. may well find you’ve created your very own working on several print and promotional projects, so this
In this issue’s tutorial, we’ll educate you in piece of movie poster iconography. Roll tutorial really had it all when considering his creative needs
one of Hollywood’s favourite creative Photoshop in 3, 2, 1… and compositional requirements.
1 Lights, camera…
Open your model image (or download
the same one as us from iStock). Duplicate your
2 … action
Activate your Channels palette. From the
icons below select Save Selection as Channel.
Credit where it’s due
image and apply an Overlay blending mode to Deactivate your original selection and hide all
the copy layer. Select Filter>Other>High Pass channels except this newly created Alpha When applying your text to your movie poster composition,
there are some principles to abide for authentic results, for
and set your Radius to 3 pixels. Click OK and Channel and the Red Channel. With your Alpha
instance the footer credits.
merge the layers. Select the Rectangular Channel active, choose a hard-edged round
If you pay close attention, you’ll notice that the typeface
Marquee tool and Ctrl-click/right-click on your brush set to white and apply to your figure. Use is distinctly tall and narrow. This is not an aesthetic choice,
image, selecting Color Range. Choose Shadows. black to erase values you don’t want. but so directors, actors, producers and all involved have
equal representation on the poster. The height of the
credits must always be half the height of the main title.
However, width doesn’t seem to be a real issue.
3 And paste
With your figure now isolated, Cmd/Ctrl-
click your Alpha Channel to automatically select,
4 Create the right ambience
Duplicate this new layer and with your
‘Model isolated copy’ layer active select
5 Black and white
Select Image>Adjustments>Levels and
manipulate your values until you have created a
hide your Alpha Channel and show all others Adjustments>Shadow/Highlight. Adjust the nice exposure. Again, if you are using the same
once more, then activate your original layer in amounts, creating a soft balance. If you are example, change your Shadows to 35, Midtones
the Layers palette. Copy>Paste into a new layer, utilising the same stock image as us, change to 1 and Highlights to 215. Once satisfied with
naming this ‘Model isolated’. Hide your original your Shadows Amount to 30%, Tonal Width to the effects, duplicate this layer again, choosing
layer, then create a new white layer background. 40% and your Highlights Amount to 10%. Desaturate from the Adjustments menu.
57
Advanced Photoshop
9 Colorization
Once more duplicate this layer, then
select Image>Adjustments>Hue/Saturation,
checking the Colorize option. This will apply a
wash colour. Set your Hue to 30 and Saturation
to 15. Once you’ve clicked OK,
set an Overlay blending mode
to this layer, Opacity at 40%.
Activate the layer beneath and
apply a -70 Saturation from
the Hue/Saturation options.
10 Yellow tint
Hide your ‘template’, ‘background’
and ‘Model isolated’ layers and Shift+Opt/
11 More colorization
Duplicate this Hue layer once
again, changing the blending mode to
Alt+Cmd/Ctrl your two ‘Model merged’ layers, Overlay. Reset the Opacity for this level at
labelling this ‘Model treated’. Duplicate this 40%, Fill at 30%. Next activate the ‘Model
layer and select Image>Adjustments> merged’ layer and apply a 60% Overlay
Variations. Set to Midtones, apply a strong blending mode. Again merge these layers,
yellow tone from the More Yellow thumbnail separate from the background and those
and click the Darker thumbnail several times. hidden. Next proceed to duplicate the ‘Model
Apply a 40% Opacity, 40% Fill Hue blending treated’ layer and apply a 180 Hue from the
mode. Show all the layers once more. Hue/Saturation options.
58
Advanced Photoshop
15 Lighting area
Apply a light blue-to-white gradient
to your original Background layer, using the
Gradient tool, then add a layer mask to your
background image layer called ‘Back drop 1’.
Select a soft-edged black-toned brush at 30%
Opacity and brush away edges of the hair and
where the highlights fall on your model, as well
as the right-hand top corner, revealing the
previous gradient.
16 Soften focus
17
Next duplicate your ‘Model’ layer and
with your original active apply a 2-pixel Radius Photo filter
Gaussian Blur. This will soften sharp edges like Next select the Hue/Saturation
hair. Next apply a layer mask to both ‘Model’ options once more, applying a Hue value of 49
layers and with 30% Opacity soft-edged brush, and clicking OK. Apply a layer mask to this layer
brush away hair edges in highlighted regions and blend out appropriately, integrating this
for integration. Next open, then Copy>Paste image section into the rest of the composition.
the ‘IP_0029.tif’ file from the disc, rescaling at Next select the ‘Create new fill or adjustment
the top of your composition. Apply a 70% layer’ option from the foot of the Layers palette
Opacity Linear Light blending mode. and select Photo Filter, applying a Blue Filter at
71% Density.
21 Drawn out
Select your Pen tool, set to Shape
Layers, and draw out your lenses, grouping both
22 Climax
Copy and paste in
‘frankybaby_P6101876.JPG’,
together. Next, choose the Color Picker and found at morguefile.com, and
select blue and pink tones from your position this in the top-right
compositions set as Foreground/Background corner of your composition.
Colors. Use the Magic Wand to select your Next apply an Overlay blending
drawn lenses and apply gradient with the mode and a Layer Mask, again
Gradient tool, then apply a Color Dodge integrating with a 30% Opacity soft-edged
blending mode. brush. Select Layer>New Fill Layer>Solid Color
and click OK, before selecting black from your
palette. Set your layer Opacity to 60% and
again apply a layer mask.
23 End scene
Paint out all highlighted areas,
leaving only shadow areas, before applying
an Overlay blending mode. This is known as
‘painting with light’. Now all that is left to do is
take a fine comb to your image, making sure
all elements are cohesive and you’re happy
with exposures and colour. Applying Curves
from the ‘Create new fill or adjustment layer’
options can create good effects. Finally, apply
your typography (see the ‘Credit where it’s
due’ boxout).
I
’ve been asked to write a tutorial as many tutorials as you want and take from ON THE DISC
about how I work when I paint a each what you can use and work out your own
You’ll find a copy of the original sketch
portrait. But since I don’t work the same personal way to do it. on the disc for you to practise with,
way twice, I thought this was going to be a This tutorial will teach you about portrait but we recommend that you work
with your own image.
pretty tough one. painting and the use of colour layers and
So I decided to work out some general things blending modes to spice up your paintings OUR EXPERT Suzanne van Pelt
that I do when I paint, worked them into a along the way. You can apply those to any Suzanne is currently working as a graphics and web
painting and put together the tutorial. kind of painting to change the mood or designer for a DTP agency, while painting in her free time.
She’s been painting digitally for about a year and a half,
Let me start by saying there is no ‘right way’ selective colours. but she’s been drawing and painting all her life. You can
to do it. Everyone has their own style, their own I’ll be working in Adobe Photoshop CS2 with find her at http://anathematixs.deviantart.com, or
www.seven-sinz.com.
methods and own ideas. My tip to all is to read a Wacom tablet.”
1 In the beginning
Start with a white A4 document at
300/320dpi ready for some high-resolution
2 Sketch the basics
Start by scribbling and sketching out
some of your ideas using a soft, round brush,
3 Let’s keep it rough
Grab a big, soft, round brush and start
laying down the base colours using flesh tones
painting, keeping in mind that you might want with Pen Pressure activated for both Opacity for the skin, a little more pink for the lips and
to print it someday. Plus you can see much and Flow if you’re using a tablet. Clean up the some red saturation for the shadows. Don’t
more details when you’re working without sketch to what you see here — a clean and worry about staying inside the lines, we’ll fix that
having to look at a pixellated image. clear lineout of the basic shapes. up as we go along.
http://drawsketch.about.com/od/drawingportraits/
Portrait_Drawing_Drawing_Faces.htm
http://drawsketch.about.com/b/2006/02/27/learn-how-
to-draw-portraits.htm
www.portrait-artist.org
www.woodenpalette.com
63
Advanced Photoshop
Starter sketches
If sketching out your own portrait is too much of a
challenge for now, then why not get a sketch to practise
your painting skills on? iStockphoto.com has some nice
sketch options, though you do have to pay to download
them. However, costs are extremely low, and could save
you hours over doing the sketch yourself. Try searching for
‘pencil sketch portrait’ or ‘lineart portrait’. We particularly
like image numbers ‘727832’, ‘3400021’ and ‘4494635’ as
good base art.
Another option that is great for beginners is to find a
good photograph with a pose that you like from a stock
site of your own library. Import that into Photoshop, place
a new layer over the top and trace the main lines in the
image to get a starting sketch, then turn off the original
photographic layer.
64
Advanced Photoshop
14 Add a background
By now we have the base of the
painting, and now we are going to make her a
15 More colour layers
Duplicate your previous colour
layers and put them on top of each other. Next,
16 Skin details
After adding a few more highlights
on her hands, move on to the detailing. Pick the
showgirl (you can adapt this to suit your chosen paint the base for the accessories: a collar and base skin colour and set a layer to Multiply. Then
image, so have a think about what would work fishnet fingerless gloves for our showgirl add some more shadows on her body and arms.
best). Pick some colours out of the palette theme. Then, to give the idea of the dense Pick a really small brush and add freckles to her
currently on canvas and paint a really blurred fishnet pattern, paint a crisscross pattern with a face and body. Alter the brush size to get a realistic
background to give a hint of the atmosphere, smaller brush before painting the whole glove, freckle pattern and select the Scatter option in the
but keep the overall focus on the foreground. using a very low saturated brown/black colour. Brush menu to add the very little ones.
20 Jaw-dropping colours
Flipping the canvas half way, we
noticed that her jaw looked a little funky, so
21 Balance the greens and reds
Now add two adjustment
layers: one Hue/Saturation, slightly lowering
22 Finish up
Finish up by detailing everything,
adding more backlight to the feathers and hair,
change it a little, broadening and lowering her the saturation, and after that a Color Balance detailing her hands, finishing up the ear and the
chin and jawline. Create additional colour layers one to add the greens. It is missing some reds, ponytails, playing around with the colours and
to add some more yellow: a grass green one on so with a big, round brush, add some reds on saturation a little more to get it looking just
Overlay set to 34% Opacity and a bright yellow the cheeks, the lips, the hair, the background right. You can detail into infinity, but it depends
one set to Color Burn on 29% Opacity. and the body. on the look you’re going for.
ES OF E X P E R T T UTO R IA L S
1,200 PAG Articles can be viewed In-depth tutorials from
best Photoshop
Fully searchable
database lets you find
High-quality DVD on your computer or
the the exact content you
brings you over 1,200 experts, with resource want quickly and easily
printed out high-res for files on the DVD
pages of dedicated later reference
Photoshop content
d e r’sp
Rea r k s h o
o ag
m the
w GrdevatanimcedaPnhdoforum
es frotoshop
A ite d
websexplaine
68
Advanced Photoshop
AND PHOTOGRAPHS
photographs used here are freely
available from www.sxc.hu/
profile/davidlat (image no:
‘805168’) and www.sxc.hu/profile/
CraigPJ (image no: ‘831609’).
Transform a simple sketch into a Photoshop Currently studying at the University College for the Creative
Arts, Epsom, UK, Sebastian is interested in character design,
conceptual art and illustration in the science fiction, horror
masterpiece with this Reader’s Workshop and fantasy art genres.
T
his tutorial will go to show you how Having completed that, select your newly
easy it can be using basic methods in
Photoshop to spice up your
outlined image and save it as a PSD file, then
open it in Photoshop. You could work straight
Planning advice
illustrations and sketches. in Photoshop if you prefer.
When beginning a piece, plan the construction ahead.
The hardest part is tracing the sketch. For a With the foundations done, it is now time
Simply brainstorming what mood, colour tones and style
clean and crisp sketch, start with the traditional to give it some flare. We always come back to
can really help. It’s good to plan ahead, but there is only so
tools: pen and paper. Once you’re done, scan it do colouring, rendering, painting and final
much you can plan for. Often the work you produce will take
in and open it in Adobe Illustrator. Open a new touches in Photoshop due to the vast variety you on a journey of its own. And sometimes you just cannot
layer and start tracing the sketch with the Pen of options available. Photoshop is like a come up with anything and hit a dead end. In that case,
tool. Being skilful with the Pen tool can be very treasure chest with endless goodies inside browse through the photo stock exchange site www.sxc.hu
rewarding although the learning process in the and anyone who wants to can open it. So, let’s – you never know what you will see that might inspire you.
beginning is often a slow one. get started.
9 The skateboard
Let’s move away from the
’bot and concentrate on the
board. Open a new layer and use
the Polygonal Lasso tool to select
the base of the board. Then the
choice is yours if you want to
paste an image on it or start from
scratch. We’re going for
camouflage style and filled the
base with a pastel pea green.
12
with the camouflage patterns, we open a new
layer and call it ‘board shade’. On this layer, Lens effect
select the Polygonal Lasso tool again. Select an Moving on to the cameras. Use the
area you want shiny on the board and begin to circular-shaped Elliptical Marquee tool to make
paint with a white colour at 7% Opacity, with a copy of the lens. Then go to Layer>Layer
the blending mode set to Lighten. Choose a Style>Inner Glow. Set the Opacity to 100% and
soft brush for open spaces and a hard one for edit the gradient to black and white, then set
the edges. Choke to 100%, Size to 24% and Range to 84%.
Everything else stays on its default value.
14 Lens shine
For the last time on
Layer Styles, go to Inner Glow and
set the Blend Mode to Exclusion,
the Opacity to 100% and the
15
gradient bar stays on black and
white. Under Elements, the Turning ghost
Technique is set to Softer, source is So after you’ve done all the lenses
on Edge. Set the Choke to 37%, and are happy with the effect, we go on to our
the Size to 51% and the Range final step and this might be the easiest. Select
(under Quality) to 84%. the robot outline sketch layer or layers, go on
the layer blending modes and see which ones
work best. We chose Overlay to get the slightly
see-through effect.
71
Advanced Photoshop
A
dobe has always facilitated the efficiency of its products through And here the real defining difference
demonstration and easy access to help. No other resource has been so lies: the clarity in which Help Viewer 1.1
prevalent and perennial at this than the built-in Adobe Help Center, catalogues and presents topics. Gone
accessed through the standard Options bar under Help. It comes as no surprise are the clustered lists of information, as
that this function, like any other in the CS3 range, has had a ‘facelift’. The evolution this improved option dedicates
of this command is first recognised by its title change to Adobe Help Viewer 1.1. individual page space to each and every
But how does this function differ from the previous examples? Simplicity and topic. All information can be assimilated
accessibility are paramount in demonstrating this. in a seemingly coherent fashion, more
so than previous examples.
OUR EXPERT Adam Smith Cosmetic Even the contents page has been
Advanced Photoshop staff writer Adam Smith is At first glance Adobe Help Viewer seems condensed specifically so learning can
forever looking to evolve his Photoshop skills and
education is the best way to do so. No other resource is
to be improved predominantly on an be classified more instantaneously.
so close at hand than Adobe Help Viewer 1.1 and he aesthetic level. With its new streamline Navigation is but a click away, as
knows how it can be an absolute lifesaver. presentation, it seems that topics are previously, with topics presented in the
even more easily accessible, if not very fashion of a Contents inventory or an
similar to those before. This is true on Alphabetised Index, now including a
Quotation marks both counts. However, like any updated
version, Adobe Help Viewer
Numerics section, demonstrating ways
in which to use and understand Bit
Perhaps not a new feature, yet an demonstrates all of the latest Photoshop conversion, for example. Grouped and
essential timesaver. Entering titles CS3 functions, applications and sub-grouped, these topics offer
into the Search option will provide command options along with those most coherent, easy-to-monitor and VIDEO REPLAY: Not only can you leave
users with corresponding examples, familiar in an easily defined fashion. understand tutelage. online comments about all topics, but varied help
however this is not always precise. pages come with direct links to online tutorials
Enclose search topics in quotation and videos
marks to specifically find topics
ALL INCLUSIVE: All users can benefit from Practical
Help Viewer 1.1, from tutelage for beginners to
including the phrase or word. evolution through professional suggestions at the This change in interface also provides through features such as standard
online Help Resource Center several new modes of indication and context menu commands, allowing
navigation. Help Viewer 1.1 adheres to users to change text sizes. Links are also
the multi-faceted users by labelling underlined for easy recognition. All
topics shared across separate platforms content supports high-contrast mode
by presenting a software icon. So if and Standard HTML tags define content
an Adobe Photoshop icon and Adobe structure for screen reading or text-to-
After Effects icon appear on the page speech tools.
it describes either functionality in But probably one of its most
the two products or describes cross- innovative functions is its ability to
product workflows. encourage progressive learning
Help Viewer 1.1 also takes into through active audiences. Each help
consideration alternative users, page facilitates links to online tutorials
producing accessibility for those users for discovering exact procedures and
with disabilities, such as individuals also direct links to on-line pages at the
with mobility impairment, visual Help Resource Center, all accessible
impairment and low vision. Help through the Related Information box.
Viewer 1.1 supports such accessibility The latter offers users to add their
own comments, taken into
Opinions valued consideration by the powers at Adobe,
thus ever evolving the practicality and
Without your feedback on the effectiveness of Adobe Help Viewer 1.1.
related topics within Adobe Help Users can ‘Take a Survey’
Viewer 1.1, it would fail to evolve (approximately 15 mins) to help Adobe
appropriately, nor be used to its full improve its service, allowing users to
potential. So go online and let it shape the future help they receive. All
know what you think about it. are seemingly small steps, certainly
taken in the right direction.
72
Advanced Photoshop
5 SCRIPTED
Is there a way of exporting multiple layers
individually from a single image other than
DOWNSIZE: Using a quarter less memory, this process hiding all layers but one at a time and using
serves as time efficient for those working on large size
print projects Save As to separate?
74
Advanced Photoshop
9 PERFECT PIXELS
Is there an easy way to stop Photoshop
brushstrokes aliasing when trying to create
pixel art?
75
Advanced Photoshop
P
eer Pressure has once again been inundated with a volume of great
artworks. The chosen entries this month offer an array of insights into the
creative mind, sharing and revealing individual approaches and skills. We
always include your email and web address, so interested parties can get in touch.
All you have to do is send us high-quality TIFFs or JPEGs (RGB or CMYK) at 300dpi,
which can be printed at a minimum size of 15 x 15cm. Send us low-res versions to
advancedpshop@imagine-publishing.co.uk – we’ll get back to you for higher-
resolution work if needed. Alternatively, log on to our forum at www.
advancedphotoshop.co.uk/forum. We cannot provide individual image assessment.
Each issue we select one image to be ‘Best in Show’, and that lucky person will
win a fantastic prize, courtesy of The Illustration Source (www.illustration-source.
com), which is a great way to get your work seen. So, what are you waiting for?
Story time
NAME: Stefan Valent
EMAIL: stefanvalent@yahoo.com
WEB: www.stefanvalent.com
BLOG: www.stefanvalent.com/blog
76
Advanced Photoshop
Te
of 16 separate images
from the free stock site sxc.hu. This totall
ed up over 100
layers, and had to be saved in two separ
ate PSDs to stop
my (very old and slow) computer from
crashing!”
POISE (BELOW): “Another Pen tool creation, this time making heavy use of
gradient fills and the Color Dodge blending mode. A photo reference was used
to keep the anatomy in check, and a few blurring effects were used in the
background”
BEST
IN SHOW
Nick Taylor is 17 years old and currently studying Graphic Design to AS level
at a sixth form college in Norfolk. He has been using Photoshop for
approximately two years after discovering the application on an online forum,
where several people were displaying their digital artwork.
“I don’t think I have a set style at the moment – I’m always skipping between
genres and experimenting with different techniques,” says Taylor. “I’m a great
fan of the Pen tool, and I can often be found fiddling with a vector-style
illustration or T-shirt design.”
He continues: “Recently, I have also been trying out photomanipulation, with
great success. It’s a lot of fun to collage and blend a mix of completely
different images into a single, photorealistic creation. And the finished piece
is a real feast for the eyes.”
Taylor describes online communities and showcase sites such as
deviantART as “an invaluable outlet”: “They’re great when it comes to
collaborating and communicating with other like-minded young designers,
and offer a place to discover inspirational art.”
Taylor hopes to continue studying Graphic Design for the next two years,
developing his style and improving his digital skills further. “Hopefully, I may
even pick up some small commissions along the way, you never know!”
77
Advanced Photoshop
Jigsaw puzzles
NAME: Chris Blake
EMAIL: mudded@hotmail.co.uk
WEB: www.portfolios.com/chrisblake
Chris Blake has always been into art from way back
in primary school where teachers used to praise him
for his creative pictures. “Something about straight
lines moved me into designing houses, bridges, etc,
for friends and various other people,” Blake explains.
“I stumbled upon digital illustration while messing
about with various animation software like Bryce,
Poser and Vue, then taught myself the basics of
Photoshop 6 and 7, moving onto CS and CS2.”
When asked about how he creates his images,
Blake says: “I use a jigsaw puzzle technique – I create
a scene in one application, create characters/objects
in another and put them all together. I would describe
my style as simple but effective.” Photoshop is used for
the finishing touches of the characters that he creates.
Blake describes himself as an ‘underground’ artist,
and finds inspiration in one of his peers: “My top
favourite digital artist is another from the
underground scene, Richard Amoah. [He’s] full of
ideas and creativity.”
Looking to the future, Blake has plenty of work
ahead: “I recently built a city from scratch using Vue
D’Esprit 4 and Vue 6 Xstream for a personal project. I
am currently working on walkpaths and detailed
attention to my ‘city dwelling characters.” FISH 2: This aquatic number shows off Blake’s “simple but effective” style
78
Advanced Photoshop
HanXian Chen, 20, was born in China’s Guangdong Province. He got tired of school life and went out
to get a job in graphic design. However, within a couple of weeks, he realised that this was not the
career path for him. In September 2006, he met his first teacher Lorland Chain (fantasy artist – http://
lorlandchain.deviantart.com) and was attracted by his work. Since then, he has decided to become a
fantasy art painter and illustrator, and he loves his work!
Image requirements
You’ll stand a better chance of
seeing your work in print if you
adhere to the following criteria:
Make sure that your images are
high-quality TIFFs or JPEGs (RGB or
CMYK), 300dpi minimum, and can
be printed at 15 x 15cm minimum.
And don’t forget to include a small
text file detailing how you created
your work.
79
Advanced Photoshop
Peer Pressure
Web Challenge –
the winners
On our website, www.advancedphotoshop.
co.uk/competitions.php, we run a web
challenge where you are asked to create an
image in Photoshop using at least one of
three images provided. Each challenge lasts
three months, and the winner gets a year’s
subscription to the magazine. Check out the
website for details of our latest challenge
(ref: AP 038, closing date: 21 March 2008)
and how to enter.
Above are the three images that entrants
had to use in the last challenge (ref: AP 035).
Here we present the winner and runners-up.
80
Advanced Photoshop
Running a
successful studio
requires both
artistic vision and
solid business skills,
balancing creative
craft with hard
graft, as Nick
Spence discovers
or many, earning a living being wanted to be taken seriously by
creative is a dream job. What better potential clients, so set up their
way to pay the rent than to produce sometimes virtual studio. “Working under
something striking and seductive that has a a studio name has undoubtedly helped us
life beyond the walls of the average office? to appear as a professional outfit,” says
Designing, illustrating, creating websites and Sykes, who has undertaken several major
motion graphics all have a high job satisfaction factor, projects over the last 12 months.
but boundless creativity needs to be combined with A good web presence showcases your
sound business basics if you want to succeed. talents to the rest of the world and has been
In recent years, thanks to the internet, the term vital to Teacake’s embryonic success. “Moving
‘design studio’ can mean anything from a large trendy onto the internet helped massively in the
studio in London’s Hoxton running the latest Macs, to promotion of our studio. We wanted a name so that
a bedsit in Hull relying on second-hand equipment. we could build our own identity and have fun with it,”
Location and size matters less as long as you have enthuses Walmsley. “For us, it is better than
good communications with the outside world. A freelancing under our own names and it means that
reliable internet service provider, with a website that the ‘studio’ can grow and still retain its identity. We
won’t buckle due to heavy traffic, email and a phone have always wanted it to be more than just Graham
are fundamental basics for setting up a studio. and I. Whether that happens remains to be seen.”
Although still students, currently in the final year of The duo also maintain a busy blog (www.
a degree at Manchester Metropolitan University, teacakedesign.blogspot.com) and, like any good
Graham Sykes and Rob Walmsley of Teacake Design studio, actively promote its potential: “We promote
(www.teacakedesign.com) have already started ourselves primarily by emailing and talking to people;
gaining admirers for their work. The pair, who admit we have a blog that we maintain somewhat actively.
their studio is more bedroom than office space, We have produced mail shots and always try to be
82
Advanced Photoshop
83
Advanced Photoshop
© Teacake
professional and polite while pestering people. We and gaze of computer screens. Creating a community
make use of other design blogs and creative networks feel also helps promote a shared sense of worth and
where we can promote Teacake,” adds Walmsley. pride in your work. “All the employees are working
Teacake and others show that modest means can together in an open landscape, which is both social
still achieve results. Although many studios will be and inspirational,” explains Sandro Kvernmo of
run on Apple Mac computers, traditionally the choice Norwegian strategic design agency Tank (www.tank.
of professional creatives, and Adobe software, you no). “We all eat lunch together and one person is
don’t necessarily need the latest hardware and responsible for making it each week. It’s good to have
software to compete professionally. Many studios a kitchen, that way we can use the office after-hours
grow organically, acquiring the latest computers and for parties, dinner with friends and so on.”
applications over time, combining old and new, using Situated in the high street of Tromsø, Tank is built
the faster computers for the more demanding tasks. around Apple Mac computers, Adobe software,
Laptops add portability and allow for on the road furniture from IKEA and a faithful coffee machine.
presentations and client visits. Studios, whatever the Perfectly balancing work with pleasure, Tank will
size, should back up all-important files and data, from often have clients and others dropping in for lunch, or © Teacake
Photoshop artwork to client contacts and emails, even a game of football. “We have a magnificent view
ideally on a central server or external hard drive. Most of the snowy mountains surrounding the city and we
will share work files across workstations to enable can watch the shifting weather and seasons change, magazines,” explains Kvernmo. “We often bring
collaboration and ensure consistency of output. from the dark period in winter when the sun is below interesting books home when travelling abroad. We
the horizon to the light summer with the midnight also subscribe to several magazines such as IdN,
A healthy environment sun. It’s a great inspiration to us,” adds Kvernmo. Creative Review and Scandinavian design mags.”
As well as the tools of the trade, it’s important studios Inspiration is also found in the resources used to Brighton-based consultancy Red Design (www.
create an ambiance that helps promote both spark ideas and ways of resolving client briefs. A good red-design.co.uk) is another studio that maintains a
creativity and a professional working environment. studio will have a great collection of books, collection intended to inspire its award-winning team.
Too informal and work may not get done; too formal magazines and websites bookmarked under “We have a library of hundreds of design, art,
and staff may feel restricted and despondent. Studios ‘Favorites’ to help stimulate ideas. “As we’re situated illustration, photography and fashion books plus
may be short of space, but it’s important room is north of the Arctic Circle we find lots of design- collections of design and lifestyle magazines,” says
found for free thinking and time away from the hum specific input and inspiration online and in books and creative director of Red, Ed Templeton. Having
inspiration to hand is important, as hours in the
studio can be long, especially when deadlines are
“The designers try to keep to 9 ‘til 6, looming. Although some studios try and maintain
but inevitably when pitches are due normal office hours, the nature of the job may require
the occasional hard day’s night. “The designers try to
or projects are nearing deadline keep to 9 ‘til 6, but inevitably when pitches are due or
they will stay late” projects are nearing deadline they will stay late,”
explains Templeton. “While us owners and
Ed Templeton, creative director, Red Design management tend to work much longer hours!”
84
Advanced Photoshop
Case study
Small studio -
big on ambition
London-based designer and illustrator Kate
Moross (www.katemoross.com) is still just 21
and yet has attracted the kind of big name
clients any design studio would be proud of. A
nationwide billboard campaign for Cadbury,
and signature clothing range for Topshop are
among her numerous achievements. Surprising,
then, that Moross is a student at Camberwell
College Of Arts and set up her own studio last
year. It’s a testament to her drive and ambition
that she has been able to establish her own
studio while studying. “It has been a juggling
act, but luckily my college projects occupy a
completely different part of my brain, and I hold
them at the upmost importance. I have
managed to be consistent and get work
completed on time, for both parts of my
© Kate Moross practice, school and freelance,” explains Moross.
Attracting and maintaining impressive clients
has meant establishing a range of digital
resources, and Moross has been collecting
equipment ever since her foundation course. “I
have a sweet studio suite: an Apple Mac tower,
dual 30” and 19” displays, scanners, large-
format printers… the whole nine yards,”
enthuses Moross. “I have photocopiers,
lightboxes, photographic and filming
equipment. It’s my goal to have everything I
need at my fingertips; the more tools you have,
the more options there are to apply to projects.”
Working on multiple projects at the same
time, Moross keeps the process fluid and stops
anything from stagnating creatively while
© Kate Moross
keeping an eye on deadlines: “Some deadlines
are tight, but I work well with limitations.
STUDIO BUILD: 2007 saw Kate Moross build her own Normally I am bombarded with ideas at the
studio while studying at college and running her own start of a project, and I work very quickly so I
record label, releasing lavish highly collectable vinyl suit these jobs.”
Long hours are sometimes the result of poor
leadership and bad time management, lack of good
communication between staff, taking on more work
than viable and agreeing unfeasible deadlines.
Delegating and planning ahead is imperative, especially
when balancing several clients and projects at once and
starting a brief. “We try to evaluate the project to find out
both who is available and who is most fitting for solving
the task ahead,” suggests Sandro Kvernmo. Design
studios will normally include people with a range of
talents, including graphic designers, web designers,
Flash developers, project managers and art directors so
it’s important to match the individual skills with the job
in hand. “We start out with a kick-off with all of us, get
all the ideas on the table, no matter how crazy they
may be. As the process continues, we select a
strategy, concept direction and the visual options,
before the final delivery and presentation. As it’s
much more inspiring to work in groups we rarely
work alone on projects.”
© Kate Moross
85
Advanced Photoshop
© Tank
© Tank
Circle we find lots of design-specific debtor chasing etc, which leaves me free as creative
director to manage the design team, overseeing
input and inspiration online and in everything from idea creation to achieving deadlines.
books and magazines” We have an hourly rate which we try to achieve but
often clients will come with fixed budgets which we then
Sandro Kvernmo, Tank work to.”
86
Advanced Photoshop
87
Advanced Photoshop
E
ver since Wacom released the 21UX
pen tablet, every designer,
illustrator or Photoshop professional
has longed for a smaller, more portable and
cheaper device, and at last it has arrived!
The Cintiq 12WX, as the name implies,
measures just 12.1 inches. Its slight complexion
and weight of only 2,000g give the product the
perfect dimensions for use anywhere.
As you would expect, the tablet is sublime.
Drawing onto the glass, 1280 x 800px screen, is
effortless; the pressure-sensitive display reacts
instantly to your actions and accuracy is
excellent. The pen’s 1,024 levels of pressure
sensitivity, combined with rotation and tilt
sensors up to 60˚, produce some stunning
natural results from Pen, Brush and Eraser tools.
The need of a mouse and keyboard is greatly
reduced with customisable Touch Strips and
ExpressKeys found on both sides of the screen.
Touch Strips allow you to zoom or scroll by
sliding your finger along them – much like a
criticise the Cintiq 12WX” want a functional device that will look
good on the workstation
90
Advanced Photoshop
Manufacturer: Sympodium
disappointing news, although it’s not a
Web: www2.smarttech.com
Wacom issue, merely an area that Apple hasn’t
Price: £1,410 (www.pcwb.com)
yet addressed.
Spec: 15” interactive screen
When we first picked up the tablet we saw it
Battery-free tethered pen
as an expensive, specialist tool to be used to
accomplish delicate tasks such as drawing,
painting or finely touching up an image. Of
Specifications Pen-tool and function buttons
Function buttons
On-screen display buttons
course it does that, but its comfortable design, Manufacturer: Wacom
Web: www.wacom.com Adjustable tilt stand
ease of use and interactivity make the 12WX
Price: £830 VESA mounting plate
extremely absorbing. It was developed as if it
Spec: 12.1” diagonal screen size USD computer hook-up
were a sketchbook – lightweight, flat and
LCD screen with WXGA RGB video
manoeuvrable, something you can quickly pick
resolution (1,280 x 800) This is a product for those that want effortless
up and have a doodle with or draw a
Adjustable display stand presentation. You can write over slides in digital
masterpiece – characteristics the Cintiq 12WX
Cordless, battery-free grip pen ink, save your notes, access any website or
has certainly inherited.
and stand multimedia files and project your work onto a
You really feel in control of this tablet. The
Replacement nibs (1 stroke nib, large screen. You can also touch the screen
pen sits nicely in your hand, and with high- 1 felt nib, 3 standard nibs) with your finger to navigate the interface
pressure sensitivity you can easily draw and get Pressure levels of 1,024 menus of your room-control system. Better
the same stroke density results you would Apple Mac OS X 10.3.9 or higher with software such as
expect from a traditional brush or pencil. Microsoft Windows 2000, XP, Vista Windows versions of
Representing excellent value for money, the
Summary: This tablet will be a popular Microsoft PowerPoint
Cintiq 12WX will suit many people, especially
choice for anyone with restricted space and Word. More of a
those who want the same features, accuracy,
or budget. Disappointingly, the extended business product
sensitivity and quality of the 21UX without the
desktop is not compatible with desktop- than a design
vast workspace. If you have around £800 to
based Macs. device, however.
splash out on a new gadget, this should
Rating: 4/5 Rating: 3/5
definitely be near the top of your list. 5
91
Advanced Photoshop
Color Management
A Comprehensive Guide for Designers
Manufacturer: Rotovision
Web: www.rotovision.com
Price: £22.50/$43.90
Spec: 224 full-colour, fully annotated pages
10,000-hue swatch system on free CD
Technical issues relevant in communicating
colour in 2D/3D environments
Aesthetically pleasing presentation of page
and image
92
Advanced Photoshop
S quares, Checks, and Grids seems a bare title. After all, Form and Function, relate profound topics regarding modern NOT SO SQUARE: We agree that this title
does supply an attractive source book of pattern
why would most readers want to study a volume architecture, retro interior design, the proficiency of pixels, ideas to suite designers across the spectrum
about the simple square, you may well ask? even addressing the iconography of the Rubik’s Cube. This of disciplines
This third and latest instalment from Rotovision’s successful title is a real visual homage to all things four-sided.
Communicating With Patterns series, sets out explaining the We’d have to agree that this title is an inspirational
interesting language and visual patterns that squares, grids graphical collection and an unrivalled source of creative
and checks present in society on a daily basis. It offers five inspiration, but only as there aren’t that many titles
informative sections that not only present inspiring visual specialising in squares. However, that does go some way to
examples, but also an educational resource of creative reflect the innovation of what first appears as a modest title.
sciences and intriguing historical morsels. From the first The one major reservation in this book seems only to be on Summary: For £15 there are probably
appearance of the tartan pattern to the style rituals of an aesthetic level. Yes, it does serve wonderful full-colour more aesthetically pleasing titles on the
Burberry and Argyle, there is something to inform and inspire images of a plethora of artistic delights, but we feel that the market, but this is a great specialist
keepsake for fans of the cube, offering
all creatives, from graphic designers to fashion enthusiasts. page layouts seemed laboured at times. Presented all in
an informative and attractive read.
Theses sections, including Classic Checks, Membership and framed format, in accordance with its theme, pages became
Rating: 3/5
Identity, Themes and Mood, Signals and Information and derivative as the read progressed. 5
93
Advanced Photoshop