Você está na página 1de 100

Your One-Stop Image Solution

Find the best creatives for your advertising campaigns by browsing Depositphotos’
library of over 13,000,000 photographs, vector images and video files.
To get a 15% discount on your next purchase, visit
www.depositphotos.com and apply the promotion code: CS0907981

Depositphotos Inc. | Website: www.depositphotos.com | Customer Service: +44-870-8200052


ISSUE 110 CONTENTS

ISSUE 110
WELCOME
Welcome to the latest
issue of Advanced
Photoshop. I couldn’t
start without discussing
the ground-breaking news
from Adobe on the end of
the CS boxset and the
launch of Photoshop CC
ANNALISA SAYWELL The recent announcement at the Adobe Max
Editor conference in L.A. has sent our office into overdrive.
We’ve learned that significant changes are being
made to both the Adobe product line and the means

12
IN THIS ISSUE:
PHOTOMANIPULATION of paying for it all, and the important questions – PORTFOLIO INTERVIEW:
PHOTO EDITING
GRAPHICS
how, what, why and when? – have been on THE PURSUIT OF
DIGITAL PAINTING
TYPOGRAPHY
NEW MEDIA
everyone’s minds since the discovery.
So taking that into account, we discuss what LIGHT AND COLOUR
exactly all the fuss is about and bring you an update Marta Nael reveals her secrets on how to create a
colourful portfolio but still preserve realism
on what you can expect from the new tools as well
as looking into which features to get excited about
when Photoshop CC is finally released on 17 June.
Elsewhere in the issue, we bring you 15 great
COVER ARTIST
illustration tips and tricks, show you how to create
PETE HARRISON character concepts in CS6 and discover creative
http://peteharrison.com
Pete Harrison wields light photomanipulation all using Photoshop’s top tools.
and colour in many of his Our free disc is not to be missed either, with over
digital images, and as
lighting is so important 1,270 premium resources to choose from and an
when producing paint exclusive video tutorial, it really is a bumper issue!
effects - who better than
him to produce our cover
tutorial this issue.

FIND US ONLINE:
@advancedpshop /AdvancedPhotoshop
44 ABSTRACT GRAPHICS
DIGITAL COVER ART:

.co.uk Learn the skills required to replicate a


photographic collage with multiple layers

003
CONTENTS ISSUE 110

ISSUE 110
CONTENTS
EYE ON DESIGN
What’s hot, who’s in and the
latest art & design happenings

06 PRO PANEL:
Our contributors share Photoshop secrets

08 INDUSTRY FEATURE
Adobe reveals Photoshop CC

12 PORTFOLIO INTERVIEW:
The pursuit of light and colour: Marta Nael

18 PROJECT FOCUS:
Stunning mosiacs in CS6 28 ILLUSTRATION TIPS

FOR BACK ISSUES, BOOKS


AND MERCHANDISE VISIT:

56 CHARACTER CONCEPTS

76 ACTIONPACKED
COMPOSITES

36
DIGITAL
ALBUM
004 ARTWORK
TECHNIQUES REVIEWS
Professional artists reveal their high-end skills in our easy-to- We put the latest creative kit,
follow workshops books and apps to the test

20 STUDIO INTERVIEW
DKNG Studios 62 WORKSHOP
Atmospheric landscapes 82 FEATURE:
Head to head - Raw war

28 INDUSTRY FEATURE
15 Illustration tips & tricks 68 WORKSHOP
Create stylish vintage type 86 REVIEW:
Wacom Cintiq 13HD

36 INDUSTRY FEATURE
Digital album artwork 72 HOW I MADE
Shine by Kris Shields

44 INDUSTRY WORKSHOP
Abstract graphics 76 WORKSHOP
Action-packed composites

50 WORKSHOP
Liquid paint effects 88 READER INTERVIEW
Engaging photo illustration

56 WORKSHOP
Character concepts 92 RESOURCE PROJECT
Produce paint splash stock

SUBSCRIBE TODAY!
SEE PAGE 22 FOR THE LATEST OFFER

62 ATMOSPHERIC
LANDSCAPES
96 ON YOUR DISC
Free with issue 110 of
Advanced Photoshop
TAILORMADE
CREATIVE CONTENT
Master paint splash effects for yourself
using Photoshop CS6

72 SHINE

88 ENGAGING PHOTO
ILLUSTRATION RESOURCE COLLECTION
Featuring 1,050 Photoshop brushes, 200
premium textures and 20 high-res images

PLUS:
• Tutorial project files
• Exclusive wallpapers for mobile and desktop
• Fonts worth $30
EYE ON DESIGN PRO PANEL

EYE ON DESIGN

PRO PANEL
OUR CONTRIBUTORS SHARE THEIR CREATIVE SECRETS, EXPLAINING HOW THEY
CREATED THESE STUNNING EFFECTS USING PHOTOSHOP’S POWERFUL TOOLS
DAN KUHLKEN GREG DAVIES
www.dkngstudios.com www.gregdavies.co.za
Running a small firm gives DKNG the opportunity to complete tasks Nothing imbues crispness in an image quite like a
more efficiently. Two heads are better than one, but 10 heads can be a High Pass-Overlay layer. Its effect can be applied to
circus. As a result, we’re limited in how many projects we can take on, any image, and we can all achieve this look by first
but this enables us to fully focus on the ones that we do choose. Our primary goal is to duplicating our image and then selecting Filter>Other>High Pass. Once
create great work – generating profit comes second. A larger team would increase our complete, set the new layer’s blend mode to Overlay, adjust the Opacity
bandwidth and that would decrease the quality of our work. to taste and then the image will look much sharper.
■ See more from Dan in this issue’s Studio Interview on page 20 ■ Greg shows how to create photo-based album artwork in our
main feature on page 36

© Greg Davies

MARTA NAEL
http://martanael.daportfolio.com
There are many ways to create focus in an image,
yet we can achieve more dynamic results by rotating
the horizon line. Placing the centre of interest a bit to
the right or the left, rather than the centre, is really useful for creating a
diverse composition. The arrangement of light helps create mystery and
can also be used to guide our eyes across a picture. Use this effect to
make certain elements stand out from the background.
■ Check out more of Marta’s work in her interview on page 12

© Dan Kuhlken © Marta Nael

006
The magazine for Adobe® Photoshop® professionals
Imagine Publishing Ltd
Richmond House, 33 Richmond Hill,
Bournemouth, Dorset, BH2 6EZ
☎ +44 (0) 1202 586200
PETE HARRISON Web: www.imagine-publishing.co.uk
www.peteharrison.com www.advancedphotoshop.co.uk
www.greatdigitalmags.com
It’s important to keep gradients
looking smooth, especially in Magazine team
Editor Anna-lisa Saywell
high-resolution images. Banding anna-lisa.saywell@imagine-publishing.co.uk
can easily occur if you don’t keep on top of your work. ☎ 01202 586243
The best way to ensure the right look is to select Edit> Editor in Chief Dan Hutchinson
Features Editor Adam Smith
Color Settings and then set your piece to Adobe RBG
Designer Steve Mumby
(1998). I use this setting for all of my work and I make Photographer James Sheppard
sure that I keep the Dot and spot gain set at 20%. Senior Art Editor Duncan Crook
■ Find Pete’s create-the-cover tutorial on page 50 Head of Publishing Aaron Asadi
Head of Design Ross Andrews
Contributors

It’s important to keep


Gavin Thomas, Tim Williamson, Chris McMahon, Josh Rossi,
Angelica Jopson, Neil Stevens, Tommy Kinnerup, Kirk Nelson
Mikko Lagerstedt, Laurence Matthews, and Pete Harrison.

gradients looking smooth… Advertising


Digital or printed media packs are available on request.

The best way to ensure the right Head of Sales Hang Deretz
☎ 01202 586442
hang.deretz@imagine-publishing.co.uk
look is to select Edit>Color Settings Advertising Manager Jen Farrell
☎ 01202 586430

© Pete Harrison
and set Adobe RGB (1998) jennifer.farrell@imagine-publishing.co.uk
Account Manager Becky Palmer
☎ 01202 586438
PETE HARRISON / WWW.PETEHARRISON.COM becky.palmer@imagine-publishing.co.uk
Cover disc
Head of Digital Mat Toor
Multimedia Editor Steve Dacombe
apxtrahelp@imagine-publishing.co.uk
International
Advanced Photoshop is available for licensing.
Contact the International department to discuss
partnership opportunities.
Head of International Licensing Cathy Blackman
☎ +44 (0) 1202 586401
licensing@imagine-publishing.co.uk
Subscriptions
subscriptions@imagine-publishing.co.uk
For all subscription enquiries:
adphotoshop@servicehelpline.co.uk

© Shotopop
☎ UK: 0844 848 8402
☎ Overseas: +44 (0) 1795 592 880
13-issue subscription (UK) – £62.30
13-issue subscription (Europe) – £70
13-issue subscription (ROW) – £80
Circulation
Head of Circulation Darren Pearce
☎ 01202 586200
Production
Production Director Jane Hawkins
☎ 01202 586200
Founders
Group Managing Director Damian Butt
Group Finance & Commercial Director Steven Boyd
Group Creative Director Mark Kendrick
Printing & Distribution
Printed by: William Gibbons & Sons Ltd, 26 Planetary Road,
Willenhall, West Midlands, WV13 3XT
Distributed in the UK & Eire by: Seymour Distribution, 2 East
Poultry Avenue, London, EC1A 9PT ☎ 0207 429 4000
Distributed in Australia by: Gordon & Gotch, Equinox Centre,
26 Rodborough Road, Frenchs Forest, NSW 2086
☎ + 61 299 728 800
Distributed to the rest of the world by: Marketforce,
Blue Fin Building, 110 Southwark Street, London, SE1 0SU
☎ 0203 148 8105

Disclaimer
The publisher cannot accept responsibility for any unsolicited
material lost or damaged in the post. All text and layout is the
copyright of Imagine Publishing Ltd. Nothing in this magazine
may be reproduced in whole or part without the written
permission of the publisher. All copyrights are recognised
and used specifically for the purpose of criticism and review.
Although the magazine has endeavoured to ensure all
information is correct at time of print, prices and availability
may change. This magazine is fully independent and not
affiliated in any way with the companies mentioned herein.
© Ministry of Sound Australia Photoshop is either a registered trademark or trademark
of Adobe Systems Incorporated in the United States and/
or other countries and is used with express permission.
LUKE CHOICE All $ prices are US Dollars unless otherwise stated.
If you submit material to Imagine Publishing via post,
www.velvetspectrum.com email, social network or any other means, you automatically
grant Imagine Publishing an irrevocable, perpetual, royalty-
My work was based heavily in Photoshop before I learned to use C4D. Once I was able to free license to use the images across its entire portfolio,
in print, online and digital, and to deliver the images to
blend the two programs together, I realised how important it was to pay attention to the existing and future clients, including but not limited to
international licensees for reproduction in international,
direction of light and shadow in when creating artwork. To amplify the contrast of certain licensed editions of Imagine products. Any material you
submit is sent at your risk and, although every care is taken,
areas in this image I used the Dodge and Burn tools, creating a greater range of depth. neither Imagine Publishing nor its employees, agents or
subcontractors shall be liable for the loss or damage.
■ More of Luke’s work can be seen in our album artwork feature on page 36
© Imagine Publishing Ltd 2013
ISSN 1748-7277

007
ADOBE REVEALS
PHOTOSHOP CC
WE EXPLORE WHAT THE LATEST VERSION HAS TO OFFER AND

A
GAUGE THE REACTIONS FROM A COMMUNITY OF PHOTOSHOP USERS

t this years annual MAX Conference, held in achievable in image editing even further. Moreover, updated to version 8 and includes its own set of
Los Angeles, Adobe announced its most its speedy operation means photographers and upgrades to complement a Photoshop workflow.
ground-breaking update since the release designers can create with even more freedom. This In this feature we go into greater detail about
of Photoshop CS6; the all-new Photoshop is all thanks to Adobe, who continues to perfect and what’s in store for us, presenting the most exciting of
CC. This version will be made available in June and provide superior image editing algorithms. the new Photoshop CC tools and options. We also
provides Creative Cloud subscribers with a host of New tools are supplied by the dozen and include share some of the Photoshop communities
brand new tools, as well as reinvented ones. the most advanced sharpening tool available, live thoughts and opinions on this latest update, in
Photoshop CC is geared towards photo editing like syncing with Adobe Camera RAW (ACR) and all-new addition to exploring the new innovative options
we’ve never seen, pushing the boundaries of what’s shape tool functionality. ACR itself has now been added to other software in the Creative Cloud.

008
PHOTOSHOP CC TECHNIQUES

THE FUTURE OF PHOTOSHOP NEW SHAKE REDUCTION FILTER


Adobe has announced that, moving forward, the company Camera shake can plague professional and a great job of fixing any image automatically,
will now focus on creative software developments for enthusiast photographers alike, caused by our but it also caters for users who like to make
Creative Cloud. Photoshop CC will now be a subscription- own movement when the camera is focused. manual adjustments.
based software. This is a bold step, seeing the company A slow shutter speed and long focal length is The Shake Reduction tool allows us to select
breaking away from its own tradition. This means that the also culpable. Affected shots would normally the region of an image that’s most affected,
boxed version of Photoshop has been shelved. be thrown in the Trash folder, but not any more with Photoshop CC algorithms laying the
Subscribers can now get their hands on Photoshop CC by with this new addition to Photoshop CC. foundation of our edits. Users can then perfect
paying a month-to-month fee, or by instead signing up for The Shake Reduction filter, found in the looks using intuitive sliders that improve detail,
12 months at a cheaper cost. Adobe’s Photoshop CC Sharpen menu, will de-blur any image sharpness and noise left in an image. It’s an
buying guide offers evidence that indicates a single affected by camera shake. Photoshop CC does incredibly intuitive and easy to use tool.
Photoshop CC app subscription may be available in the
near future. Presently, however pricing information is
absent. Head over to the next page to learn people’s
reactions to this revelation.

NEW SMART
SHARPEN FILTER
When we say ‘new Smart Sharpen filter’, what
we really mean is revamped to the hilt. Adobe
has thought long and hard about supplying
intelligent resizing and sharpening functionality
in Photoshop CC. This latest revision shows a
great deal of diligence.
The Smart Sharpen dialog is now resizable, so
we can better scrutinize our working area. This is
something that we Photoshop users have been
persistently calling for, across all filters.
This version still operates through a set of
sliders, which makes the improved outcomes
that are applied even more outstanding. There
are only three in total (with Basic options),
including the regular Amount and Radius types.
However, Adobe has also added a Reduce Noise
slider in reaction to the haloing that occurred in
the results of previous versions.
This may seem such a small addition, but it
shows how Adobe is paying attention to even the
most specific usability issues we encounter.

009
Techniques PhotoshoP cc

aCr file haNDliNg


Photoshop CC lets users transfer from 32-bit to
8-bit by using ACR8 controls. To do so, simply
activate Preferences>File Handling>Use Adobe
Camera Raw to Convert Documents from 32 bit
to 16/8bit. Now just select either 16 or 8 bits
from the Image>Mode options.

other ChaNges
we presenT a few addiTional
feaTures ThaT have been added
to the creative cloud line-up
• Photoshop CC Blur Gallery and Liquify filter
can be applied non-destructively, now using
Smart Object functionality

• Bring settings to multiple computers with


cloud-enabled Sync Settings

• CSS Designer in Dreamweaver CC provides


the most up-to-date CSS and properties New Preserve Details oPtioN
available via an intuitive visual editing tool Photoshop has always relied on its interpolation radical enlarging then Preserve Details is a must.
technology to resize images. Yet due to its reliance The main difference is sharper edges when blowing
• Editing Finesse in Premiere Pro CC focuses on pixels, radical resizing wasn’t a viable option. Well up images; doubling in size doesn’t seem to be a
on sleek design and customisation
it is now with Photoshop CC’s new Preserve Details major issue. This option also includes a Reduce
capabilities, combined with new editing
option, found inside the Image>Image Size dialog. Noise slider, like the other latest filters inside
features and keyboard-driven editing
The dialog itself has had a complete redesign, now Photoshop CC. This helps smooth any noticeable
• Photoshop CC now generates CSS code for including a large image preview. surfaces that are afflicted with tricky artifacts.
specific design elements, which can then be Users must activate Resample to access the drop-
copied and pasted into a web editor in order down menu that houses all bicubic interpolation The main difference is
to get exact results options, as well as the new Preserve Details option.
This is ideal for upsampling. Bicubic interpolations
sharper edges when
• Live 3D Pipeline with Cinema4D in After are still ideal for minor adjustments, but for more blowing up images
Effects CC lets us add 3D objects to scenes,
eliminating any intermediate rendering
between applications
aDobe Camera
• Parallax Scrolling in Muse CC allows us raw filter
to create stunning effects with just a few
Adobe Camera Raw 8 (ACR8) can now be
mouse clicks – images and elements now
applied to any layer or file inside Photoshop by
move in different directions at different
using the Camera Raw filter, but there’s much
speeds when scrolling
more to this than previous versions. ACR8 has
• Motion Paths in Edge Animate allow us to been treated with new technologies to
complement the Photoshop users workflow.
animate elements along totally
customisable paths The enhanced Spot Removal tool is just one New shaPe
of the latest features in ACR8 and this looks to ProPerties PaNel
• A completely modernised architecture in improve photo retouching inside the app. This Photoshop CS6 took the Shape tool to a whole new
InDesign and Flash Pro has been rebuilt
tool now functions much like the Spot Healing level with an new set of dialog options and vector
from the ground up to be faster and more
brush inside the standard Photoshop version. technology. These made designs more customisable
reliable, with a streamlined UI
Retouchers can use this tool to paint to than ever. Photoshop CC continues to champion
• InDesign has a great new QR code creator non-circular areas of an image. ACR8 will flexible shape creation with its own new options.
automatically remove artefacts for us. Press V These can be found in the Properties Panel and
• Flash Pro now includes real-time drawing to see the green marker, which highlights the allow Photoshop CC users to edit shapes after
and live preview functionality replacement area that ACR8 amended from. they’ve been applied to a design. Now we can adjust
• Creative Cloud members can now upload Simple drag-and-drop this point to tell ACR8 to individual corners or all of them at once, affecting
images to a Behance Pro site for free, using sample from a new area, which we may feel shape radius and size in real-time. We can also
File>Share on Behance achieves better results. select multiple shapes and control these at the same
time, conforming each one to specific settings.

010
New UpRight optioNs At first I wasn’t thrilled
Photoshop CS6 made massive strides in lens
correction with its Adaptive Wide Angle filter.
determining the best effects mechanically and to an
accurate degree – especially the Auto option.
about this. But there are a
However, this seemed to work best with fisheye Horizontal will apply one level correction that lot of pro’s. I am always
distortion. ACR8 with Photoshop CC has improved
results through its own advanced correction tools,
matches the best-case horizon in an image. Vertical
works to a similar effect. If we want to go the whole
upgrading to the latest versions
found under Lens Correction>Manual. The new hog we can apply the Full option, which will correct anyway. [Photoshop CC] will just
Upright options in here tackle all types of distortion.
There are five Upright options in total to choose
level, horizontal and vertical perspectives. Users can
manually edit effects further by using slider options,
spread the cost. You get a lot for
from. These provide one-click results, with ACR8 matching to Grid guides (enable Show Grid first). $600 a year

have yoUR say


See what our Facebook community
thinkS oF the lateSt creative
cloud announcement
FRédéRiC gombeRt iNFotogRaphe
“That would mean the end of my collaboration
with Adobe, if they don’t change their mind. I
won’t pay such a high price to rent software.
Creative Cloud is fine as an option, but not if its
forced to be the only available solution “

ChRis maCdoNald
“I agree with Fred. This is also the end of my
collaboration with Adobe. They are forcing us
into a cloud corner and I won’t be. I don’t need
every single new upgrade and I refuse to pay
for something I’m not going to use. I know a lot
of other colleagues that will also stop using
Adobe products because of the Creative Cloud
subscription. Now would be a good time for
some other company to come in and give
Adobe some competition.”

steve mCaleNey
“I have to agree that I will never rent software.
Adobe are making a big mistake as most
New Radial people will look elsewhere for their photo
FilteR tool New toNe iN editing needs – jolly bad show.”

Adobe Camera RAW (ACR) has always been revered for its aCR optioN bRad stRiCkmaN
ability to stylise photos and this reputation doesn’t look like Photoshop has always recognised the “Love it. The subscription option seemed like
it will be waning any time soon. Not with the inclusion of impact of HDR photography, with its a great idea to bring in more customers who
the new Radial Filter tool in ACR8, that is. Merge to HDR Pro and HDR Toning would normally just pirate it. If you want to
This tool lets users target a specific area of an image options both implemented and updated always keep up with the latest updates then
using a circular selection. The dimensions of this can be in Photoshop versions CS5 and CS6. it’s cheaper in the long run. I don’t understand
controlled and edited live by using control points. Applying Now users of Photoshop CC can load the hate.”
the Radial Filter tool opens its own extensive set of Merge to HDR Pro images straight into
options, which allow us to affect existing light, colour ACR8 and edit them. RobeRta kelley
temperature and sharpness within our targeted area. All we need to do is set Mode to 32 Bit “Haven’t decided yet.”
Other cool functions of the Radial Filter tool include the and select the Tone in ACR option, which
Jay leviNe
ability to create a new selection, which will duplicate the appears at the foot of the dialog. All ACR
controls are applicable to our images. “At first I wasn’t thrilled about this, but there
settings applied previously. We can also move our
are a lot of pros. I am always upgrading to the
selection on-screen, with ACR8 affecting the original This means we can add all of the new latest versions anyway. [Photoshop CC] will just
image beneath in real-time. This is a great way of instantly ACR8 tools to retouch and perfect looks. spread the cost. You get a lot for $600 a year”
seeing how effects look in other areas of an image.

FoR moRe iNFoRmatioN oN CReative CloUd aNd photoshop CC bUy issUe 111 oN sale 11 JUly

011
eye on design portfolio interview

portfolio interview

The pursuiT of
martanael.deviantart.com
lighT and colour
Marta Nael reveals her secrets oN how to create a
@Martanael colourful portfolio but still preserve realisM

M
astering a realistic paint style is never paint light and colour effects. I only published my first apply this same process in my digital workflow, to
easy, which makes digital artist Marta images online around three years ago. My portfolio maintain the same feeling.
Nael’s portfolio all the more amazing. is something that has helped me to improve, by
This issue we discuss with her how she comparing older works with more recent ones and wHy do you focus on Mixed-Media?
has nurtured her amazing mixed-media method and then only showing the images I’m most proud of. I believe my mixed-media style is one not used by
how she continues to improve it. We also explore many artists, and maybe this makes it popular. I
how Nael has successfully promoted art sales and How does your fine art work fuel your create a look that’s normally achieved using acrylics,
translated her already impressive brush skills into digital art? oil paints or watercolours. I think that when people
entirely different themes – from expressive portraits If you can’t paint in a traditional way then you won’t see my images they don’t recognise the artificial look
to skilled matte paintings. be able to paint digitally. This is something that every or airbrushed feel that some works have.
working artist should bear in mind. In my case, the
How Have you continued to iMprove on traditional training I received when studying Fine Arts How Has pHotosHop specifically Helped
your portfolio? became really useful. It helped me start a method you to replicate tHis look?
I paint on a daily basis, never give up and am never based in brush strokes, instead of line art. I found The use of several textured brushes is essential.
satisfied with what I do. This is what pushes me to myself always shading the entire canvas with a Throughout the years, I’ve downloaded tons of styles
improve my work. Creating a good portfolio is a neutral colour first, and then defining surfaces by that replicate the look of splashes and strokes. I’ve
challenge, especially when trying to master ways to adding to or erasing from this base. I then tried to even created some from scratch. I don’t use layers a

001

001
Boat in a storm: This artwork could be
seen as a play of colours, where i intend
to move away from reality and simply
enjoy painting. despite choosing an
insignificant subject, i tried to highlight
the use of light and colour
© ediciones Babylon

002
Ari: one of the images i’m most proud of.
i created this image as a concept art for a
video game, which never came out, sadly
© ediciones Babylon

012
040
002
eye on design portfolio interview

lot as I like using the History Brush instead, in order 003


to bring back certain parts and add texture with
003 Impressions Cover: This was used as the
cover of my first artbook: impressions. i
wanted to mix realism with a more
transparency. This process also works perfectly painterly style in the same image,
keeping the face detailed while the rest
when you need to retouch a photo that’s to be is applied roughly © ediciones Babylon
integrated into a matte painting.
004
Dinotopia Tribute: A tribute to the
well-known series by James gurney. i
how did you transfer your paint skills tried to portray a civilisation – urban
Asian, and somehow lost – where
into matte painting? humans live together with dinosaurs,
and where a new race appears: robots
The first paintings I ever attempted were realistic, © ediciones Babylon
and I soon realised I wanted to apply the same light
and colour to landscapes too. My latest works are
even more colourful, though. I’m trying to get an
over-saturated result but still follow light logic. Matte
painting usually means starting from a photo plate,
but I believe working on the whole composition is
important when creating an artwork. I begin painting
from scratch and, as soon as I have a detailed image,
I mix photos and paint to generate realism.

how do you apply light and colour to


define your style?
I’m obsessed with light and colour when painting.
I’m not really concerned about meaning; I just feel
like relaxing and unwinding from all the pressure,
giving way to play, directly pouring out my feelings. I
believe that mastering how to paint the effects of
light and colour onto objects can turn a regular
005
image into a beautiful work of art. That’s why I Be my valentine:
This image was created for Valentines
always strive for vibrancy in both my painterly and day. i wanted to portray a couple feeling
the passion of love instead of a cheesy
my more realistic styles. I play with complementary romance image © ediciones Babylon
contrasts by using warm and cold tones.
004
can you tell us the point at which your
style became commercial?
When I was finishing my degree in Fine Arts I felt like
trying out digital art. As soon as I began what I called
‘Digital Impressionism’, I got attention from the
public. I thought mixing digital art while preserving a
traditional-looking style would be interesting – it
seems people agree. I started getting more ‘likes’ on
social networks, then people began to buy my prints.

portfolio tips
LeArn nAeL’s inside Tricks To scuLpTing LighT,
BALAncing sources And finishing ArTwork
■ over-saturation
Paint light as if you were modelling shapes like a sculptor.
The contrast generated from painting coloured surfaces
and dark values creates outlines. Think of a reality were
there is only over-saturation, where no grey, black or white
exists. This really helps you to achieve colourful artworks.

■ multiple light sources


Using an interesting arrangement of light can help you add
mystery, dramatise shapes and intrigue the viewer.
Contrasting a main warm light with several secondary cool
lights makes the scene more dynamic.

■ adding noise
Once I’m done, I flatten all the layers and create a new one
on top. I fill this with a neutral grey colour then select
Filters>Add Noise>400%. Once I have applied that effect, I
blur it a bit then change the layer’s blend mode to Soft light. I
also lower Opacity to around 20%. This creates a nice grain
effect, barely visible, that will add a film effect.

014
005
My biggest
learning curve
from this experience was
use layer blending modes.
These let me integrate photos
with paintings a lot better
Bridges Island: The birds-eye view in this artwork was intended
to dramatise the scene. Here, I tried to push my skills in painting
light and colour even further © Ediciones Babylon

HOW HAS SELLING YOUR WORK HELPED TO Deadlines sometimes make me finish sooner than I scene by using light in order to guide the viewer’s eye
FURTHER YOUR PORTFOLIO? would do otherwise, however. around the image. Less important areas of the scene
Selling your art as a print or a canvas makes you see fall into shadow while the main action is picked out.
whether or not people value your work. It also WHO OR WHAT HAVE BEEN YOUR GREATEST The central figure and the monster beside her are
reveals what subject people enjoy the most in your INFLUENCES? easily spotted from the rest.
paintings. Plus, it means expanding more and I’ve loved fantasy and sci-fi since I was a kid. I spent
reaching more people – especially if you get the all my childhood watching films and reading books WHAT HAS BEEN YOUR GREATEST LEARNING
chance to sign and sell it. based on these genres. Their influence appears in CURVE WHEN PRODUCING YOUR PORTFOLIO?
my work almost automatically. Traditionally I’ve learned a lot from each painting. The only way to
HOW DID YOU PROMOTE YOUR PORTFOLIO TO speaking, I’ve always enjoyed the art of Friedrich and learn is to practice on a daily basis, and putting in lots
POTENTIAL CLIENTS? Turner, or the Impressionism movement. Sorolla is of hours involves producing commercial work. My
To become a professional illustrator you need to be also one of my favourite artists. As for digital art, I biggest learning curve from this experience was the
good at actually illustrating, but also able to promote love the works of Maciej Kuciara, Ruan Jia, Danny use of layer blend modes. These let me integrate
your work everywhere and in any way possible. Luvisi, Jonas de Ro, Dave Rapoza, Andrée Wallin, photos with paintings a lot better – especially in
Whenever I wanted to get some commissions I had Marek Okon, Raphael Lacoste and Dylan Cole, to matte paintings, where I can apply a Screen blend
to show my work. The Internet is a very useful tool name but a few. mode or turn a greyscale sketch into a coloured one
for reaching out to lots of people, especially on social with the Color mode.
networks. Appearing in magazines and art books is WHAT’S THE MOST IMAGINATIVE PIECE OF
helpful too, as it gets you recognised in a competitive WORK YOU’VE CREATED? WHAT ADVICE WOULD YOU GIVE OTHERS
world of artists – I sent my images whenever there I believe it would be the piece entitled Don’t Be Afraid, LOOKING TO BUILD THEIR OWN PORTFOLIO?
was a call for entries. Monsters. It’s based on the commonly known Believe in yourself and never give up. Never be
‘Beauty and the Beast’ story, but with a little child satisfied with what you do; no matter what people
DO YOUR PERSONAL AND COMMERCIAL being the main character and lots of monsters tell us, we can always improve. Also, don’t upload
STYLES DIFFER? surrounding her. The idea behind this image is not to every single artwork you create to your portfolio – be
To be honest, it’s been three years since I did my last judge someone at first sight – even monstrous- selective, and only use the ones you think add
complete piece of personal work. But thankfully, I looking creatures can be afraid of you and willing to something new, add value or make you feel that
have quite a lot of freedom when painting at my job. be your friend. I tried to explain the meaning of the you’ve achieved what you were looking for.

016
WINDOWS OR LINUX
HOSTING
At 1&1 we provide advanced solutions for even the most demanding web projects. Choose from our
flexible Windows and Linux hosting packages for the latest in technology and programming.
1&1 offers NEW: Microsoft® ASP.NET 4.0/4.5, the latest programming
technology for developers, helping to create modern, professional websites
with 1&1 Windows Web Hosting.
Linux professionals benefit from NEW: PHP 5.4 and PHPDev,
plus unlimited access to 1&1 Click & Build Applications and more
with 1&1 Linux Web Hosting.

1&1 Unlimited 1&1 Unlimited


Windows Linux
® ©

HURRY! OFFER ENDS 30/06/13!


Unlimited Webspace
Unlimited Traffic MAXIMUM RELIABILITY
1 FREE domain for contract lifetime
Your website data is stored simultaneously in two
Mobile Website Editing Software NetObjects Fusion® 1&1 Edition included
geographically separate high-performance 1&1 Data
Facebook® and Bing™ vouchers worth £55
Centres, with automatic daily back-ups included.
IPv6 ready
and much more …
NEW! ASP.NET/
.NET Framework 4.0/4.5
NEW! PHP 5.4, PHPDev, Zend Framework,
Perl, Python, Ruby, SSI EXPERT SUPPORT
NEW! 5 MS SQL 2012 100 MySQL 5
databases (1 GB each) databases (1 GB each)
1&1 employs over 1,500 internal developers to
NEW! ASP.NET MVC 3 and 4, .NET, guarantee the continuous improvement of our
NEW! Webspace Recovery
AJAX, LINQ, PHP 5, PHPDev, Perl, SSI products. You can manage your account easily
Unlimited access to 65 Click & Build wherever you are via the user-friendly 1&1 Control
NEW! Dedicated app pools Applications including WordPress, Drupal™
and Joomla!® Panel, and get reliable 24/7 phone and e-mail

6FREE! 6FREE!
support from our web hosting experts.
MONTHS MONTHS
GET A .co.uk
Then £6.99 per month* Then £6.99 per month*
FOR JUST £0.99!*

DOMAINS | E-MAIL | WEB HOSTING | eCOMMERCE | SERVERS


Call 0844 335 1211 or buy online 1and1.co.uk
* 1&1 Unlimited (Windows and Linux) free for the first 6 months, then £6.99/month. 1&1 Unlimited has a 12 month minimum contract term. The .co.uk domain offer applies for the first year of registration; second year and subsequent years will
be charged at the regular price. All .co.uk domains have a two year registration cycle payable in advance. The .co.uk domain offer is for new contracts only and is limited to one domain per contract. Visit www.1and1.co.uk for full offer details,
terms and conditions. Prices exclude VAT. Windows is a registered trademark of Microsoft® Corporation. Linux is a registered trademark of Linus Torvalds.
eye on design stunning mosaics in cs6

project FocUS

stunning
mosaics in cs6
We ask artist Charis tsevis about his signature style

T
and hoW he CommuniCates both the part and the Whole

he mosaic is one of the earliest known Next I had to create a colour version of the mosaic
forms of art, with examples of glazed tiles that made use of the specific colour palette of AKTO
carefully placed to form larger works College’s new identity. There are six colours along
dating back to 1500 BC. with the white parts. Everything else had to be
Clearly we haven’t tired of the aesthetic approach coloured with these hues. Obviously, I painted certain
even thousands of years later, as renowned Greek parts of the photos in order to keep the warm tones
artist Charis Tsevis proves. His signature style is that for the skin. I then did the same for the focal point of
of contemporary digital mosaics and his carefully every illustration and left the cold tones for the rest of
arranged images burst off the page thanks to the the composition.
about tHe artist exciting and busy composition of smaller icons. After that I created a series of simple icons in
Charis Tsevis His work recently caught the attention of one of Illustrator that would be the stones of my mosaic.
www.tsevis.com the largest and most respected private art colleges These icons had to be simple and iconic in order to
Tsevis is an award-winning visual in Greece – AKTO – which wanted a campaign that be recognisable when very small.
designer based in Athens, Greece. would feel fresh and human-centric. At the same Once I’d prepared my photos I had to create my
He studied in Milan and Athens, but
now manages a modest studio time, AKTO wanted a treatment that would mosaics. I worked with a series of custom-
serving prestigious clients all over re-establish the values of the institution in the developed scripts inside Synthetik Studio Artist for
the world, such as Coca-Cola, Nike
and Toyota. He’s also worked with
current economic climate. this part of the work. Then I switched back to
agencies like TBWA, Saatchi & “Four sets of values were selected to represent Photoshop where I proceeded to build up the mosaic
Saatchi and BBH, as well as the values system of the college – art and science; in a manual way.
publications such as TIME, Wired
and the Wall Street Journal. word and image; tradition and innovation; experience Once I had the final mosaics I created the layouts
and development,” says Tsevis. “The visual style of in InDesign and worked on the TV commercial. Ex-
name of project the campaign needed to be based on these values students at monologue.gr made the commercial.
values+
but also build around my signature mosaic style. As
@tsevis
such, to create the icons I used the tools of art are tHere any pHotosHop sHortcuts to
education, knowledge and culture. These represent Help quickly replicate tHis style?
the necessary skills of craftsmanship and the wider Unfortunately, there aren’t. There are many bits of
meaning of education.” software that can create mosaics but the result that
Read on to discover how Tsevis took these all these programs offer simply isn’t good enough
elements and built an eye-catching illustration that without a lot of manual correction.
explores education as a whole, while also
considering its constituent parts. wHen creating mosaics, How do you
Alternative collage ensure tHat tHe final image doesn’t
How did you go about producing tHe just get lost in a mass of tiny icons?
mosaic effect? It’s actually very difficult because I’ve seen the
I was very lucky to be a part of AKTO College and original photos and I am always going to recognise
thus able to use all of the creative people that live each and every part of them. The problem is that the
within it. I also had access to a huge collection of rest of the audience hasn’t seen the source images,
photos taken by Stefanos Samios, a multi-award- so I have to constantly check with others to ensure
winning photographer. that what I’m creating remains recognisable. I also
We chose a set of images of students that we need to constantly ensure that what I’m creating
wanted to have at the centre of our campaign. I then imparts a very iconic composition that will send the
processed the photos in order to fit the mosaic so right message to the viewer.
that they would reflect the atmosphere that we
wanted to get across. In this type of work it’s How do you go about selecting tHe
good to simplify photos as much as possible rigHt starting image?
and correct the parts that are complicated or Mosaics are essentially photos in low resolution; a
difficult to understand at a glance. photo with big pixels. As such the subjects have to be
“The most difficult part was showing the
characteristics of the face but at the same
time keeping it blurred to create the
photographic depth of field.”

“Small details are always difficult to show


in a mosaic, such as fingers. Here the
strange haircut and foulard was tricky to
represent in a mosaic.”

ORIGINAL IMAGE

“What I wanted to show here was the aura


of the smiling girl and to express the energy
coming out of her right hand as it creates
something that makes her so happy.”

SEE THE REALLIFE AD


ON THIS ISSUE’S DISC Converted photo © Charis Tsevis

iconic, simple and legible from the start. Even though brushstroke is also important for me. Ideas like Corel
this is the starting point, I then work a great deal on Painter’s Image Hose or Studio Artist’s Movie Brush
my source images to prepare them for a mosaic. are something that Photoshop is missing.
There is not one image I have ever used without
altering it substantially. WHAT TIPS WOULD YOU OFFER TO OTHERS
LOOKING TO CREATE WORK SUCH AS THIS?
HOW MANY LAYERS ARE NECESSARY IN AN Even though I’m a dedicated fan of technology, I
IMAGE LIKE THIS? would suggest that they first understand how
There are usually around ten or more layers. There mosaics are formed before and after technology.
are different mosaics with various parameters, sizes People tend to believe that there is an easy and
and corrections. automatic way to create a mosaic but this is not true.
Mosaics are images where you should
WHICH NEW PHOTOSHOP TOOLS WOULD YOU simultaneously see the parts and the whole. There is
LIKE TO SEE IMPLEMENTED TO MAKE a huge tradition of human creativity in this field.
PROJECTS SUCH AS THIS SIMPLER? Stone mosaics, typewriter art, ASCII art, pixel art and
The ability to have a colour image as a brush is very many other art movements and techniques are very
Rejected mosaic important. Being able to use many images in a helpful areas for a newbie to explore.

019
eye on design studio interview

studio interview

DKNG StuDioS
We intervieW the founder of dKnG to discover

L
hoW this Los AnGeLes-bAsed studio is fusinG
the creAtive reALms of iLLustrAtion And desiGn
ike many other studio start-up stories, this
one begins with two college friends who took
very different paths before teaming up to
form their own design studio: DKNG.
Founder Dan Kuhlken studied graphic design, aware
that this would eventually lead to an artistic career.
Nathan Goldman, however, focused his energies on
both graphic design and art direction before working
full-time at DKNG.
So the pair collaborated in the field of design while
their nine-to-fives kept them apart. This is how they
encountered a career-changing opportunity. “We
came across the chance to create posters for the
Troubadour, a world famous venue in Los Angeles,
California,” Kuhlken tells us. “Together we built a
large portfolio of posters for them, over the course of
a couple years. Eventually, this caught the eye of
potential new clients and our career has continued to
flourish since then, one project at a time.”
DKNG is now known for producing high-quality
graphic design and illustration. Its services also
include brand and identity development, web design
and development, packaging design and apparel
design. From this, it becomes apparent that Kuhlken
and Goldman have a special interest in operating in
the entertainment industry.
The studio works with a bespoke philosophy,
believing that every client has a unique voice and
therefore that every new project requires a distinct
perspective. However, due to the fact that the studio’s
origins lie with gig posters, it’s noticeable how this
experience has inspired a few noticeable factors in
DKNG’s design – the application of bold colours and
shapes, specifically. “One of the main purposes of a
poster is to grab the viewer’s attention as quickly as
possible,” explains Kuhlken. “The first thing people
see is colour and shape. It’s only when they look
closer that they actually notice the variant details.”
Setting these elements aside for now, DKNG’s
design and illustration styles can change drastically
from project to project. Kuhlken believes that a
stubborn dedication to a niche style is commercially About the studio
detrimental. “To us, this is not what a design firm DKNG StuDioS
www.dkngstudios.com
should express when dealing with a wide variety of
@dKnGstudios
clients. We want to show we can do it all,” he says. DKNG is a full-service graphic
DKNG goes some way towards achieving this design and illustration studio.
principle through the different personalities that the Catering primarily to the
entertainment and music
duo bring. “Nathan and I wear many different hats,” industries, the duo behind the
admits Kuhlken. “We’re both involved in the creative studio have worked with some
impressive clients. dan Kuhlken, Creative director nathan goldman, Creative director
and business sides of our studio. For instance, I

020
021
eye on design studio interview

focus on illustration, marketing and customer


Photoshop is the electricity
service. Nathan focuses on graphic design, top five production tips
typography, art direction and client relations. We’ve we use to awaken When running a creative studio, efficiency,
very different mindsets and our roles reflect this.”
Kuhlken admits to being more concerned with
Frankenstein’s monster collaboration and methodology are our
best friends
creating artwork, while Goldman demonstrates basis. “Our work acts like a constantly refreshing ■ Work in the cloud
strong skills in running a creative business. “Our advertisement in that sense,” Kuhlken explains. “We Use Dropbox to keep files up to date across all systems,
backgrounds definitely work well together and are joined the social networks that we believe are the with clear folder structures so everything is ready to access
when they’re first opened.
the main reasons for our success as a studio,” strongest, most useful and relevant to our industry.
Kuhlken adds. As a business, DKNG continues to These have helped grow a consistent following.” ■ use shortcuts
Learn Photoshop and Illustrator keyboard shortcuts. These
thrive by allowing its stellar work to speak for itself. DKNG ensures that clients keep coming back for are huge time-savers and become essential when tackling
The pair successfully build contacts through a more by making sure it gets projects right the first seemingly impossible deadlines that are beginning to loom.

strong portfolio and successful marketing. Kuhlken time. This makes complete sense, because if a client ■ talk to colleagues
makes sure that the DKNG website and social is impressed with what we create then it’s very likely Sharing our progress with each other often sparks a new
solution and gets projects moving quickly, so we’re not stuck
networks are constantly up to date and active. “We that we’ll work with them again. “Creating something spinning our wheels on a problem.
don’t know what lies ahead, but we do know that we can be proud of is a big part of what we do,” says
■ Warm up the office
someone will see what we create and possibly reach Kuhlken. “We’re very selective about who we work It’s easier being creative on demand when we’re existing in a
out to us with more work because of it,” he tells us. for. We want to make sure we do a great job, and in space where we feel comfortable and relaxed. Always have
some inspiration at hand.
“Most of our work comes to us through email, which order to do that we must have a strong creative
stems from our website. Many new clients cite past interest in a project.” This isn’t too hard to find, ■ take a break
If the ideas simply aren’t flowing, find an activity to occupy
work that they’ve come across – either from a though, when you’re working with clients such as your mind for a few minutes. When you return, solutions will
design blog or an image-sharing site.” Disney, HBO, MTV and Mondo, like Kuhlken and flow more easily.
DKNG proves it’s a contemporary studio by Goldman are doing.
utilising powerful social media platforms as a highly Subsequently, we pose the question: “How does
successful promotion tool. Indeed, the two directors DKNG approach existing IP projects when working
believe that it’s always good to let commercial clients with clients such as Mondo?” Kuhlken answers
know what they are up to, as creatives, on a regular promptly: “We always do our research. We dig deep

© 2013 dKng studios


© 2013 dKng studios

022
040
TACO BELL’S FEED THE BEAT PROJECT
DKNG PRESENTS THIS EXCITING POSTER FOR A ROCKUMENTARY ON TWO BANDS: PASSION PIT AND WILDCAT! WILDCAT!

01 3D PLANET
Here you can see how we created a three-
dimensional planet to use as the centrepiece in this
project. We fused together an image of a spherical ball
with a textured terrain, which we first created using the
3D modelling tools in Photoshop.

02 IMAGE TEXTURE
© 2013 Taco Bell Corp. All Rights Reserved

Textures were applied to create a vintage


look while also achieving an extra dimension. We
created this texture by taking a found image then
appropriating it with the Stamp tool. The final image
was exported as a bitmap TIFF using dithers, so it
was easily placed in our master Illustrator file.

03 CREATING SPACE CLOUDS


For the space-themed background, we
brought halftone clouds into Photoshop and applied
a Gaussian Blur filter to them. The subsequent effect
gave us the opportunity to create more ambience in
the image without using clouds that appeared too
sharp or in-focus.

023
Dave Matthews Band: This is a diptych poster series created for dave Matthews Band’s
2012 two-night performance in West Palm Beach, Florida © 2013 dKng studios

Creating something
we can be proud of
is a big part of what
we do
While many artists choose to illustrate using a Wacom tablet or similar device, the vast
majority of dKng illustrations are created using this Apple trackpad

Eric Clapton’s Old Sock: A promotional poster created for eric Clapton’s latest album old sock. Portraits are always tricky An aerial view of goldman’s desk; since Kuhlken and goldman spend so much time at
in terms of subject representation and, in this case, dKng went through a few variations © 2013 dKng studios their respective desks, layout and ergonomics become very important

and become aware of what has already been done, that area into one large image. This is then used in
and this is how we can create something even more our design as a textured element, which fills our
special. Creating a concept that has never been entire art space.”
envisioned is ideal. If that’s not possible then we take Colour adjustments, especially Selective Color, are
a known concept and envision it through our own also readily applied to DKNG designs. “It’s not
unique perspective.” uncommon for our design to change colour, moving
Kuhlken and Goldman bring their collective skills away from its original digital format into a
together for this, abiding by the motto ‘two heads are screen-printed image,” explains Kuhlken. “We often
better than one.’ “Nathan and I take concept use this tool to colour-correct photos of our work, so
development very seriously and brainstorm for they match seamlessly in our portfolio.”
several days, sometimes, before presenting our Referring back to print production at DKNG –
ideas to a client,” reveals Kuhlken. “We’re hard on specifically, screen-printing – Photoshop’s bitmap-
each other and hold each other to a very high to-halftones functionality makes all this possible. “In
standard. Once we’re both genuinely excited about a the world of screen-printing, every ink colour (layer)
series of ideas, we know it’s okay to move forward.” must be reduced down to a purely black and white
It’s at this point the duo roll up their sleeves, and file,” Kuhlken tells us. “Photoshop techniques allow
begin using Mac computers with Adobe Illustrator us to take a highly complex design, utilising a large
and Photoshop software. Photoshop comes in spectrum of tones, and reduce these down to
especially handy when working with textures, halftone dots without compromising detail.” In a
applying these to vector artwork and stepping out of nutshell, DKNG depend on Photoshop to bring all of
the realms of clip art. “We often use the Stamp tool their creative projects to life. “Photoshop is the
Oakley’s Viva La Bubba Campaign: This campaign poster took
to create custom textures,” he tells us. “If we like a electricity we use to awaken Frankenstein’s the form of a propaganda-style illustration of Bubba Watson,
and it made its debut at the Phoenix open
certain photograph of cement, for example, we clone monster,” Kuhlken concludes. © 2013 oakley, inc. All Rights Reserved

024
040
studio interview EyE oN DEsiGN

A DAY IN THE LIFE OF DAN KuHLKEN


ExplorE DKNG’s Daily DiGital, priNt aND braiNstormiNG routiNEs

08:05 Begin the day with emails


and a status report
My morning usually begins with a quick email
08:05 10:42
check, so I can see which client revisions or fires
we’ll need to put out quickly before jumping into
other work.

10:42 ongoing work in


photoshop and illustrator
As a rule, Illustrator and Photoshop are always
open on my desktop. We usually tackle three to five
projects a day, depending on what we have waiting
inside our queue.

As a rule, Illustrator and


Photoshop are always
open on my desktop
11:15
11:15 matching colours with
the printing houses
We work with printing houses all over the
country, so Pantone matching is an essential part
of getting screen-printing jobs right the first time.

12:50 a walk in the park to


stimulate creative thinking
12:50
A good excuse to step away from the office is
always welcome, especially for a brainstorming
session. Getting out into the world always seems to
get new ideas flowing.
13:48
13:48 transnational client
meetings on the go
With clients all over the world, I often prefer to
have phone meetings rather than email

14:33
conversations. That way, I get to hear the client
describe their vision in their own words.

14:33 gathering research to


spark new perspectives
We are continually expanding our research
library of books and magazines, and we’re
16:42 18:34
always seeking out new sources of inspiration.

16:42 woodworking in the shop


to keep things sharp
I find working with my hands is a great way to
break up the day. Woodworking provides a great
creative outlet away from the realm of electronics.

18:34 evening tunes to


close the day
It’s fun to stay connected to our many music
clients, being musicians ourselves. Playing the
piano is a great way to wind down at the end of
the working day.

025
TECHNIQUES 15 ILLUSTRATION TIPS & TRICKS

a Morillo
G ar c i
en t e
in c
©V

ARTISTS IN THE INDUSTRY SHARE THEIR SECRETS TO USING PHOTOSHOP IN ORDER TO


ENHANCE THEIR ILLUSTRATIONS, WHICH RANGE FROM EDITORIAL WORK TO PACKAGING
AND HIGH PROFILE ADVERTISING

028
© Vincente Garcia Morillo

1. INVEST IN
A CONCEPT
VINCENTE GARCIA
MORILLO
www.vicentegarciamorillo.com
To promote DJ sessions by
electronic music label Black Book Sessions, Vicente
Garcia Morillo created the Alive Objects series, which
encapsulates the artists and presents them as just
one entity: “In this case, I was playing with the
combination of elements that represent two of the
most popular musicians in Chicago and the L.A.
scene, respectively.
“The first step is always to conceptualise the piece.
I consider this one of the most important phases of
the development process as this is the base of the
piece. I like to invest all the time that’s necessary to
come up with a good idea. Once I have the concept, I
start doing sketches of the composition and also the

© Diego L. Rodriguez
analogue elements, such as drawing and painting, in
case I want them later. I create the vector elements
in Illustrator then import and edit them in Photoshop,
fitting them together like a jigsaw, then apply effects
like gradients, layer styles, shadows and noise. I like
to experiment, mixing methods and software in my 2. MANAGE SHADOWS AND HIGHLIGHTS
projects, adding elements like pencil drawings to my DIEGO L. RODRIGUEZ
www.paranoidme.com
artworks when I get the opportunity. I usually play
Diego L. Rodriguez set about creating options for HBO’s How To Make It In America and
with Photoshop to edit the compositional elements
drew on inspiration from the Big Apple: “Once I presented this idea, the agency loved it
and finish my pieces, but I avoid photographic
and they gave me the green light to create the poster. The brief came with some
finishes as I like to preserve an illustrated element.”
promotional images for the second season of the show. They were good, but not exactly what I had in mind.
However, having the figure of Kid Cudi as a graphic inspired me to gather extra material. I had the structure
clear: start with the character’s portrait, then the body had to be connected to the buildings in some way, and
New York’s iconic symbols, and finally the slogan below the illustration. For the New York buildings, I had a
ton of pictures that I took back in 2009. I use a specific technique to manage shadows and highlights – I began
using it years ago for high-end retouching in skin or objects, then applied it to manipulations and illustration
work. Create a new layer above your illustration. Go to Edit>Fill>50% Grey and click OK. Put this grey layer in
Soft Light mode and reduce the Opacity to 30-50%. Take a soft brush, with Opacity 30-70%, and paint in those
zones where you would like to increase the shadows or highlights using only grayscale tones. This technique
is similar to Dodge and Burn, but allows more control over certain zones without affecting the main layer.”

029
TECHNIQUES 15 ILLUSTRATION TIPS & TRICKS

4. MAKE USE OF ACTIONS


3. PAINT YOUR ILLUSTRATION MARK VERHAAGEN
www.markverhaagen.com
ANDREA FEMERSTRAND
www.noukah.blogspot.co.uk Tasked with creating 36 robot playing cards for kids magazine
Concept artist and illustrator Andrea Femerstrand Bonbeck, Mark Verhaagen, the brain behind the Zoobles toy
regularly contributes illustrations to short stories line, had to build in originality and then deliver uniformity. “The
aimed at younger readers. This piece was created challenge here,” says Mark, “was to create 36 different robots, each of them looking
for a short story in Swedish kids and teen magazine KP (KamratPosten): interesting. I started sketching a lot of robots, focusing on shape and character, bold
“There’s always a section where young readers’ stories are published. versus fragile, round versus square shapes, etc. I had to think about how the robots
Usually, they’re around 10 to 14 years old. I use Photoshop for drawing would move and do things, which also helped determine their looks. I tried to keep
and painting and do all my work from scratch, the old fashioned way. things simple, as the final illustrations wouldn’t be that big. All the robots and card
Layers, custom brushes and adjustment layers make my work much designs were made in Illustrator using fairly basic shapes and shading.”
faster and more efficient. I don’t have many secrets; mostly, I just paint.” Mark then turned to Photoshop for the final touches. To save time and to make
sure each card looked the same, he recorded Actions to use as part of his workflow.
■ Line drawing
“I primarily used Photoshop for adding texture and a glow effect around the robots,”
I always start out with a rough
he explains. “As I was working with 36 different files, I saved a lot of time by using
sketch or line drawing. After that, I
Actions for these things. I also used an automate batch Action to save all the files
paint a rough colour scheme to
into formats.” The cards were featured in Bonbek magazine, where kids could cut
decide upon colours and overall
out the different cards to play with. Later, an actual card game was produced too.”
lighting. This illustration had to
cover a whole spread, with a lot of
empty space so that the text could
be added on top of it.

■ Block colours ■ Add form and shading


When I’m satisfied, I move back to I start fleshing out the painting,
the line drawing, lower the opacity working a lot with form and
and create new layers underneath shading. I create a separate layer
it, and then start blocking on top of everything to serve as
everything in with clean, solid my ‘light’ in the piece. Separating
colours. I lock the transparency the regular layers from the light is
for each layer and when I’m done extremely helpful, since you can
with that, it’s time to paint. work on one thing at a time.

© Mark Verhaagen

© Andrea Femerstrand

030
■ Simple silhouettes ■ Limit the palette ■ Direct the imagination
I started with a blank canvas in With the basic silhouettes in It’s important for me to add only as
Photoshop and created simple place, I picked a limited colour much detail as is needed to point
silhouettes for the robots, working palette; one colour for shadows, the viewer’s imagination in the
with big shapes first and details last. one colour for the highlights. right direction. Too much detail
It was important at this stage to work Limiting my colour palette up keeps the viewer’s imagination
with speed and boldness because of front helps me focus on stronger from engaging with the piece,
the short time I had to create. designs and compositions. which is the opposite of my goal.

5. WORK QUICKLY
WITH A TABLET ■ Wear and tear
Once my silhouettes and colours
BRIAN MILLER were established, I moved on to
www.orlincultureshop.com detailing the piece. This was
Artist, illustrator and actually a fairly quick process that
owner of The Orlin just involved me placing enough
specific details on the robot to
Culture Shop Brian Miller created Totes
suggest overall wear and tear.
Adorbots, a two-hour style exploration in
response to a call for ‘cute vintage robots’, for
a potential picture book. “I worked from start
to finish in Photoshop CS6 using my Wacom
Cintiq,” he tells us. “I use the Lasso tool to
quickly create sharp edges where I need
them. However, it’s the years of study,
practice and exploration that
are most vital, no matter
what tool or medium
you’re using.”

■ Mixed-media
■ Keep it simple Though I often sketch with traditional
© Brian Miller

I use a limited number of brushes in materials, I love the challenge of


Photoshop to keep my approach as simple as trying to create pieces in Photoshop
possible. This allows me to focus on the strength that blur the lines between traditional
of the drawing and design, not the tools. and digital mediums.

031
TECHNIQUES 15 ILLUSTRATION TIPS & TRICKS

6. LOCK
TRANSPARENT
PIXELS
MARK
VERHAAGEN
www.markverhaagen.com
When faced with a brief to create an image out
of a sound, Mark Verhaagen turned the project
into a vintage science illustration. Audio
designer David Kamp (davidkamp.de) came up
with the Sound Creatures project in which he
first created imaginary creature sounds. He
then sent these audio files to selected
illustrators, including Mark, who used them as
inspiration to create images of fictional animals.
The illustrations and corresponding sounds can
be seen on www.sound-creatures.com. “The
audio file that I got featured some sort of sad
trumpet sound, so a trumpet-like nose was my
starting point for the look of the animal”, he
says.
Once he’d created the main shapes of the
animals and plants in Illustrator, Mark exported
his various objects to Photoshop. “I added
shading using the Airbrush tool and then locked
transparent pixels in the Layers palette so I
could easily paint within the shape of an object.
Drawing the birds’ feathers was a bit more
tricky, but as soon as you have one feather in a
particular shape, you can re-use it. Use the Free
Transform, Skew and Warp tools to make each
feather look different to the last, and draw some
extra detail here and there to diversify them
further. When the illustration was ready I added
some textures so it would have a nice, old look.”

A trumpet-like nose
was my starting point
© Mark Verhaagen

for the animal’s look

7. USE SMART OBJECTS


TOMSKI AND POLANSKI
www.tomskipolanski.com
In order to create eye-catching
packaging for a new vegan brand
started by a friend of theirs, Ila and
Luke of Tomski & Polanski envisioned a vintage feel: “We
started with classic floral patterns and then changed the
flowers for cupcakes and cocoa, before adding quality
typography. We used Photoshop to draw in the details of
© Tomski and Polanski

patterns, to complete the composition and for the final


colouring and post-production, and used a lot of custom
brushes and a variety of preset Actions and filters. Since
we use a lot of textures we often add Smart Object layers,
which saves us a lot of work.”

032
8. REFINE YOUR ■ Rough sketches
COLOUR PALETTE All my work starts with
STEVE SIMPSON pencil sketches – lots and
www.stevesimpson.com lots of them. Over a couple
Steve Simpson was given a brief of days my extremely
rough ideas are moulded
to create packaging for a frozen
into something more solid
yoghurt start-up that required a loud message to and presentable. Usually,
kids declaring its contents yummy while also telling I’ll present my rough
parents it was healthy: “To do this, I decided to create sketches, but with this
project I wanted to take
kid-friendly, energetic, cartoon-ish characters but them a little further.
make the fruit more realistic.
“I was brought into the project by Dublin design
agency IDEA,” Steve tells us. “I was trusted to create
the look and feel for the project while the agency
■ Defined colour palette ■ Label Top
looked after the client liaison and production. After I coloured the sketches to Each of the Chilly
scanning my pencil sketch and setting up the size, show how the characters Moo characters
colour mode and resolution of the artwork – usually could represent different was adapted so
flavours through the use that it would fit the
at least twice the size that’s needed – I copied the of colour, and how that different areas of
sketch to a new layer, reduced the Opacity and colour would come the packaging, such
Multiply’d the layer. This allowed me to trace the together as a palette. as the lid label.

artwork onto multiple layers beneath it. Once I had


the eyes, eyebrows, mouth, head, jumper, etc on
separate layers I looked at tweaking and balancing
the colours.” Steve also has some advice on colour:
“Try to pick a limited palette of colours before you ■ Final product
The three flavours of Chilly
start. I put mine in a small swatch somewhere in the Moo yoghurt – Strawberry,
image as a reminder while I’m working on it. I then Banana Strawberry and Mixed
swap the colours around between elements until I’m Berry – are easily identifiable
by their completely distinct
happy with the balance. Don’t be afraid to experiment
but also complementary
– grass isn’t always green and cows can be blue.” colour palettes.
© Steve Simpson

9. UTILISE COLOR
OVERLAY
MAX GREGOR
www.maxgregor.com
Max Gregor’s fashion
© Wanchana Intrasombat

illustrations are a harmonious


mix of traditional sketches and digital finishes: “Here,
I started with drawings of the different elements of
the model’s outfit: her body drawn in pencil, an ink

© Syd Brak
drawing of her shawl and a few brush patterns
drawn in blue gauche. I then scanned all the images
and cleaned them with Levels, then used the Eraser 10. SKETCH
to remove messy lines and dust left from the scan. A WITH WACOM 11. DELVE
Color Overlay was key to this image as it allowed me
WANCHANA INTO FILTERS
to add a flat graphic feel and still maintain the loose
INTRASOMBAT SYD BRAK
organic detail of the brush stroke.” www.kun-victorior.com www.sydbrak.co.uk
Wanchana Intrasombat, aka Vic, For this delicious array of
created a series of character designs for a project fruit, Syd Brak reached for the
entitled Life. One is a mischievous boy scout on a trip Filter menu: “The idea was to illustrate a product’s
with his classmates: “My paintings and illustrations ingredients in a clean, healthy and appetising way.
are all done with Photoshop and a Wacom Intuos. It’s I created rough images then enriched the colours
the main tool I use and I just used the normal Brush to an attractive and appetising level while retaining
here. I also use the standard brush to sketch, and a believable realism. It was important to ensure
sometimes create my own brushes for projects. For the light source was constant on every object,
© Max Gregor

me, the Brush is Photoshop’s most important tool; I with an enhanced gloss to emphasise the liquidity
use it for all my work as though it was a traditional and create a sunny feel. I rely fairly heavily on the
tool. It’s similar to using real pencils and brushes.” subtleties of the Filter dialog to achieve a realistic
but painter-like quality, and avoid a plastic feel.”

033
TECHNIQUES 15 ILLUSTRATION TIPS & TRICKS

12. ADD NOISE


VINCENTE GARCIA MORILLO
www.vicentegarciamorillo.com
Vicente Garcia Morillo worked on Converse’s Pro
Leather campaign: “I had to present a graphic
© Vincente Garcia Morillo/Converse

interpretation of the Converse logo based on


concepts relating to urban street culture. Here, I represented basketball.
Once I got the concept, I did sketches of the composition on paper for the
client. After the concept was approved I started to develop the digital
phase. I created all the vector elements in Adobe Illustrator and then
imported these into Photoshop. Here I applied the Noise filter, which
helps to provide a uniform aspect and give the artwork some vibration.”

14. ILLUSTRATE ■ Work in lead


I create the base of my illustrations using 5H
■ Clean up
For the retouching stage I use tools such
IN 3D to 8B pencils. This achieves a fantastic tonal as the Clone Stamp and Healing Brush to
SASHA range, adding the depth and textures that remove unwanted imperfections caused
VINOGRADOVA clients request. by the traditional stage.
www.behance.net/MelaMel
Working to create four
characters in a detailed environment under the
heading of Mercenaries, Sasha Vinogradova
choose a funny and quirky style: “The first step
was character design and deciding how they
would look. Next I made a rough sketch of
compositions, colours and lights and then
created my scene and 3D models in 3DS Max l so
n
and ZBrush. I set up lights and materials in a el l Ne
i tch
3D scene then rendered my image. After that I ©M
added details like eyes, grass and hair, and also
some postproduction edits like air perspective
and colour/contrast correction. I created all the
sketches and textures for elements such as the
scarf in Photoshop. I also added some details in
postproduction. When you create an image, try
to keep the final result as clear as you can in
your mind and never ignore composition. I love
to add details, but if you start adding them too
soon without keeping the entire image in mind
then you risk losing the integrity of your image. ■ Add colour
Finding your favourite artists and researching I add base colours using a
Selective Color adjustment,
their work is a great way to improve your own.” altering the White, Neutral
■ Pen Pressure
I tend to use a hard round brush and Black channels. I create
with Pen Pressure set to Add these colour layers until I
Details and like to add softened achieve the desired look.
tonal areas, as seen in the waves.

13. PRESERVE YOUR TRADITIONAL FEEL


MITCHELL NELSON
www.behance.net/mitchellnelson
Mitchell Nelson was asked by California-based publisher Devious
Publications to create a quirky and unique logo, which had to tell a
story reflecting classical and vintage qualities: “I drew the illustration
with pencils and then scanned this into Photoshop for postproduction and retouching.
Subtlety is the key; I try to remember why I start with pencil in the first place and enhance
© Sasha Vinogradova its qualities rather than destroy them. However, if you are after a highly digital piece but
still mix with traditional media, strong contrasts of the two can give contemporary looks.”

034
15. COLOUR WITH
COLOR OVERLAY
YANA BEYLINSON
www.liquidpixelstudio.net
Yana Beylinson, principal of Liquid Pixel Studios,
took the vision of a family-owned business and
turned it into packaging for their range: “Casacao is a family-owned

The right insurance


producer of organic cocoa beans, nibs and powder. The farm is located
in the Dominican Republic, with its headquarters in New York. The initial
brief had multiple references to the organic nature of the business and
admiration of the beauty and health benefits of cacao plants. Photoshop
was a cornerstone of the process, as it is for all my illustration and
pattern work. After the drawing is scanned in, the entire process of
for YOU?
rendering, separating the elements and colouring is done in Photoshop.
The pattern is also created in Photoshop, with careful attention paid to With a full range of specialist policies
detail and the placement of elements. Each element, such as the outline for Photographers, Video-makers, Film
or silhouette of a bean, is cleaned and placed in a separate layer. One
Processing Labs and everyone involved in
simple plant illustration can use up to 10 layers. I use the Color Overlay
(in the Layer Style menu) technique to colour each layer; it’s the most Image-making, Imaging makes insurance
time-effective and easy-to-change method. For patterns, I duplicate simple, effective and hassle free.
each plant, create a layer group for each, then try different positions. The
resulting files are very large so I make flattened TIFFs for production.” Imaging strives to give you excellent cover,
■ Pencil drawing service, security and value for money.
The lovely shapes of
cocoa branches and
beans was a starting
point. It was
suggested to
create a line
drawing that
depicts a branch.
A series of pencil drafts was
created before a perfect
depiction was selected and
rendered in pen and ink. © Yana Beylinson

■ Logo application
The next step was
the typography and
logo design. Several
versions were
suggested and a
seal option was
selected. Several
variations and
colourings were
then presented.
For a quote or more information.
Call Imaging Insurance now on...
01277 243016
■ Package label
An intricate pattern based on the cacao Or visit our website...
branch illustration was decided upon. Again,
several versions and colour options were www.imaginginsurance.co.uk
shown in order to select the strongest version.
Imaging Insurance is a trading name licensed to Vantage Insurance Services Limited (VISL) by Niche Insurance Services Limited.
VISL is authorised and regulated by the Financial Services Authority. VISL is registered in England, No 3441136.
VISL’s registered address is: 5th Floor, 41 Eastcheap, London, EC3M 1DT
Imaging Insurance can be contracted at: 2nd Floor, Juniper House, Warley Hill Business Park, Brentwood, CM13 3BE
Tel: 01277 243016, Fax: 0207 6558060, Email: info@imaginginsurance.co.uk
TECHNIQUES DIGITAL COVER ART

© Provider

036
DIGITAL
COVER ART
WE DISCOVER HOW MODES OF DESIGN ARE CHANGING IN REACTION TO
THE DIGITAL AGE AND EXPLORE EXACTLY WHICH ASPECTS MAKE THE
MOST POPULAR ALBUM COVERS

A
lbum artwork has been under the influence of iconic However, the print space is not wholly forgotten and lavish styles are
designers for decades, perpetually inspiring still being produced. Panel foldouts are being utilised as a continued
generation after generation of artists. Producers use canvas space. Here artists produce complementary visuals and
imagery as a means to maximise the appeal of material from the album artwork to create a completely new design.
commercial brands, but the work created is more than
just a marketing tool. Many people very much revere album artwork as THE SIGNIFICANCE OF TYPE
an expression of artistic intent – certainly this is an opinion shared by all Typography is another complementary visual that helps to supplement
the artists in our latest feature. Here we take an in-depth look at the artwork and promote a music brand. In many instances the typeface is
production of artwork for that album cover space, hearing directly from influenced by the imagery. This was the case for communication
the artists that make it. Let’s start from the very top. designer Kittaya Treseangrat (http://cargocollective.com/
kittayatreseangrat) and she uses her work for experimental band
IS THE FORMAT STILL IMPORTANT? Black Moth Super Rainbow (http://blackmothsuperrainbow.com) as a
CD booklets and covers tend to be around 4.75 x 4.75 inches precisely, prime example. The condition of the typeface was clearly dictated by
having recently moved away from the 12-inch models. Many believe this project’s album artwork. “The packaging was colourful and loud, so
that compact sizes have deterred from more expressive styles, but I wanted the type to appear conservative by contrast,” Treseangrat
digital artists are doing things their own way. This creative redux explains. “In order to make it conspicuous, I enclosed the text within an
includes expressive CD packaging that extends branding into themed area of negative space, increasing its legibility.”
websites. Design has broken from the confines of a rectilinear space. With the increase in digital formats, sharing work on iPods and other
These forages into web have had a distinct effect on presented styles. portable media players, it’s become extremely important to make sure
A specific example is the work produced by graphic designer Jorge El type is legible at thumbnail sizes. However, some artists believe this
Soto (www.jorgeelsoto.com) for international DJ Jorge Prida (www. isn’t always such a big hang up for print projects. Freelance illustrator
jorgeprida.com). “I thought it would be best to have a simple and Hani Abusamra (www.behance.net/haniabusamra) tells us: “Anything
attractive image, which wouldn’t include any other element than the goes, so long as it’s hitting the brief and the client is happy. Album
background and typography. This made it adaptable to different media covers are a rare kind of project where the designer gets to truly flex
specs, without losing its visual power.” their artistic muscle, without worrying too much about the kinds of

MEET THE EXPERTS

HANI ABUSAMRA GREG DAVIES JORGE EL SOTO LUKE CHOICE MATEUSZ SYPIEN KITTAYA TRESEANGRAT
WWW.BEHANCE.NET/ WWW.GREGDAVIES.CO.ZA WWW.JORGEELSOTO.COM WWW.VELVETSPECTRUM.COM WWW.BEHANCE.NET/ HTTP://CARGOCOLLECTIVE.COM/
HANIABUSAMRA DIGIMENTAL KITTAYATRESEANGRAT

037
TECHNIQUES DIGITAL COVER ART

restraints you would usually encounter on other one label can be a challenge,” explains Choice. “It’s However, once core design values are relayed,
briefs, such as legibility and conforming to a brand’s important to make sure that the logo complements there will be times when artists are allowed to
typographic guidelines.“ the differing directions. The Annual compilation simply operate within the boundaries of their own
El Soto feels this could be more a condition of series is typically based around a predominant logo styles. “Usually the art director or manager will
working with indie projects, than commercial work. in the centre, with the type treatment integrated in a share their initial thoughts and ideas, then stay
He explains: “Mainstream projects usually involve unique way with each release.” away,” reveals art director and digital designer
more people and it gets complicated at times. There
are managers, labels and external image

Credit: Jonathan Zawada, Mark Weaver, and Cory Sever © Kittaya Treseangrat
consultants all wanting to give their own view.” He
explains. He then refers back to his work for
international DJ Jorge Prida. “Being an indie
production, there were many creative liberties when
producing this design. Maintaining a close
relationship with the music artist made it easier to
preserve the particular Eighties theme.”

CONFORM TO CORPORATE ID
Going commercial certainly means that we not only
have to work within the constraints of the art
director’s wishes, but are also bound to an existing
corporate identity at frequent times. This was
certainly the case for graphic artist Luke Choice
(www.velvetspectrum.com), with his work for The
Ministry of Sound – The Annual 2012 project.
As a brand, The Ministry of Sound places a lot of PULLOUT EXAMPLE
importance on logo integration within its album This psychedelic design by Kittaya Treseangrat is instantly arresting. It lends a perfect visual complement
covers. “Having an eclectic range of genres under to the exciting musical experience that is the Black Moth Super Rainbow’s kaleidoscopic sound

TRIP WEST, JOURNEY ON


Designer Hani Abusamra tried to use a photographic
composition to create an illustration, inspired by
perplexing scientific diagrams, to communicate the
concept of time passing

PIECING THE IMAGE


The Polygonal Lasso tool was used to cut out the
images and retain a hand-made feel. Once complete,
© Hani Abusamra Design
the composition was pieced together in Illustrator

038
Build a music Brand
Graphic desiGner JorGe el soto explores how to successfully pitch album artwork
Jorge El Soto (www.jorgeelsoto.com) tracked this project down personally. “In the winter of 2012, DJ
Jorge Prida released his first EP debut with Planet Acetate and obtained international popularity,” he
explains. El Soto liked what he saw and heard, so decided to contact Prida and enquire about working
on his visual identity. “I pitched him a series of proposals that I thought matched his style of producing,”
El Soto reveals. “At the end he loved the concept and decided to use it.”

adjusting colours
The original colour of the background in both
booklets was changed with Hue/Saturation layers

Build identity stylise type


Branding this album began by creating a logotype. There was no existing font that matched the
Its concept was influenced by retro references design El Soto had produced, so it was decided to
from the Eighties. El Soto considered the visual create this example exclusively from scratch. This
imagery being used by Prida’s competitors and calligraphy was modified inside of Photoshop. It
decided to create a form that had a futurist style. was built in layers, then treated with a metallic
This fresh approach corresponded with the type of effect, which was created by applying gradient
music that Prida produces. styles and manual lighting.

drawing shapes
The Pen and Polygon tools were used to draw all the
basic shape and line adjustments
develop the Brand alBum cover effects
Mainstream projects usually It was decided that a nebula would be A nebula image was applied to with the same

involve more people … There incorporated into image, as this complemented


the futurist theme. The image was also modified
gradient effects and used throughout the work.
However, to avoid monotony the Distort>Wave
are managers, labels and external inside Photoshop. In-keeping with the gradient filter was applied. This created movement and

image consultants colours in the logo, a cyan-to-magenta Gradient combined a contemporary yet psychedelic styling,

Jorge El Soto, www.jorgeelsoto.com


Overlay layer style was applied to the nebula. which conforms well to the music.

extending the Brand weBsite


El Soto pulled together many of the elements built for the brand to create the
official website. This followed the same style principles, being modest yet
vibrant. A portal identity that matches the album is great publicity, as it enables
visiting fans to identify instantly with the brand that is Jorge Prida.
© Jorge prida

039
TECHNIQUES DIGITAL COVER ART

Mateusz Sypien (www.behance.net/digimental). With so many styles at play, it’s almost hopeless to conceptualising easier than traditional media,
“The reason why we’ve been hired is because we stick with one when starting out. Some disagree, especially with collage-based design seen in Kittaya
present a unique style that’s in-keeping with what a however, finding experimentation useful to the Treseangrat’s Black Moth Super Rainbow work. “I
client wants to achieve.” quality of their portfolio, Luke Choice concurs: was able to manipulate the elements without the
“Coming from a commercial graphic design worry of glue drying or cutting something out the
STAY IN TUNE background and then pushing the illustration side of wrong way,” she reveals. “Layer masks served me
In almost all cases, the music itself becomes as my work enabled me to be more versatile and better than any pair of scissors.”
essential as any brief or direction, with the music and execute a wider variety of styles – instead of Manipulating images and creating elaborate
the art fulfilling one another. Music inspires artists as focusing on a unique aesthetic.” special effects also becomes far more advantageous
creators, letting them feel and look for ideas for when you’re working inside Photoshop. “You can
visual elements that appear in projects. This was PHOTOSHOP PRODUCTION certainly work with other programs and accomplish
certainly the case for graphic designer Greg Davies Photoshop has enabled all our artists to evolve their similar types of effects, but only through a more
(www.gregdavies.co.za) when working on the styles, as it works on so many levels to improve elaborate process, without getting as stunning
Lacrimosa EP cover artwork for Durban band workflow. The program makes the process of results,” warns El Soto.
Provider (www.facebook.com/providermusic).
Davies admits to being lucky that the lyrics had such
a rich narrative and meaning. “They were written
about the vocalist’s grandparents – in particular the
PHOTOMANIPULATION COVER STYLES
GREG DAVIES (WWW.GREGDAVIES.CO.ZA) REVEALS HOW HE USES PHOTOSHOP CS6 FILTERS TO CREATE THE
period after one of the couple had passed and the
MIXED-MEDIA EFFECTS, APPLIED TO THE ‘LACRIMOSA’ ALBUM COVER, FROM DURBAN BAND PROVIDER
loneliness that followed,” he explains. “I wanted the
artwork to link directly to the feeling of age and loss,
by using an image of a withered apple. This kept
nagging at me, so I explored this direction.”
But which aspect inspires the album cover the
most – the commercial singles or the entire track
list? Visually summarising the first seems far easier
to accomplish. However, Abusamra deters us from
this way of thinking, saying: “If I’ve done my job
correctly then the work should be a perfect visual
representation of an entire album. I don’t think it’s QUICK MOCKUP BASIC ADJUSTMENTS
ever a good idea to focus on certain tracks to After scouring Shutterstock, searching for photos of It became necessary to match lighting across all
interpret visuals. The goal should always be to have old men and withered apples, the Background the different stock images. This was done using
a final piece that seems as though it was recorded Eraser tool was quickly applied to test the selected Curves, Hue/Saturation and Shadows/Highlights
and designed simultaneously. Each aspect is images – seeing if they worked when combined. adjustments. Contrast was boosted by applying
mutually important, so focusing on one thing more Once we decided what looked best, images were Gradient Overlay to all layers. A grunge texture was
than another is simply a bad idea.” deep etched and Content-Aware Fill was applied, applied and simple airbrushing accentuated the
Essentially, a piece of album artwork should at expanding the image to the size of the cover. shadows and contour.
least reflect an artist’s profile, if it doesn’t personify
the entire album. That’s why it’s recommended by all
our artists to listen to the music and connect with it
during the creative process. Only then will you create
something inspiring that fulfils the music artist’s and
their audience’s requirements.

WAYS TO APPROACH CLIENTS


However, trying to quantify what defines an inspiring
piece of album art becomes difficult. There are no FONT TYPES OIL PAINT FILTER
popular styles per se, as there are so many bands Multiple iterations of cover type were created. Filters don’t usually factor into my work, apart from
with a litany of music releases throughout all genres. These evolved from large bold font styles over and the occasional bit of Blur or Liquify. However, it was
However, when a band has a popular-selling album, behind the image, into subtle font styles you see in interesting to see how the latest CS6 Oil Paint filter
you’ll see that a lot of other bands want a design in a the final artwork. The script font of the Provider worked, so I applied it to this project. Here smaller
similar style. logo was created using handwriting found in a brushstrokes and less Stylization settings meant a
This attitude towards design can mean having to letter, written by the vocalist’s grandfather – who is cleaner image. Image saturation was tweaked to
approach bands directly, if the hunt for commissions also the inspiration for the music’s lyrics. accentuate the oil paint feel.
become futile. “Clients generally contact me from
seeing my website or Béhance,” reveals Davies. Filters don’t usually factor into my work, apart from the
Participating in art communities that promote
music-related design is also a good idea. Here you
occasional bit of Blur or Liquify. However, it was interesting to see
can apply search tags to designs, so they appear in how the latest CS6 Oil Paint filter worked Greg Davies, www.gregdavies.co.za
the correct collection for the right sort of viewer.

040
© Provider
TECHNIQUES DIGITAL COVER ART

Time spent on colour work has also been slashed THE DIGITAL REVOLUTION processes, replacing them with more immediate
in half thanks mostly to Photoshop. This is an The recent digital revolution has been all- digital development. In practical terms, this means
advantage that Luke Choice is extremely thankful encompassing, so it’s been proven that album there is almost zero disruption to an artist’s digital
for. Referring to his work on the Ministry of Sound – artwork, from a commercial stance, has become workflow, enabling greater flexibility.
The Annual 2012 once again, he elaborates: “With much more than a print medium. Web branding is This shows a clear evolution still continues to
this particular album cover, I was able to render off now at the fore, as most sales are now driven online inspire generation after generation of artists. Coming
multiple colour variations for the client to choose at e-shops such as iTunes and Beatport. full circle, it also answers our initial question: is
from without any hassle. Along with the album This is something that is being wholly embraced by format still important? The answer is a resounding
artwork, there is typically a number of supporting digital designers, and for good reason. Many music ‘no’. Creativity and inspiration are no less stifled
materials – such as tour packages, video releases artists are now distributing work independently when transferring from compact to digital formats,
and adverts – that can easily be reappropriated into online to save money on production costs. This is as was the case in the jump from vinyl LP to
visual assets using Photoshop.” achieved by avoiding long and expensive creative compact. Opportunities are still rife within the album
art industry, where artwork remains more than just
a marketing tool. No, it’s much more. It has become
Along with the album artwork, there is typically a number of a direct reaction to an ever-changing digital culture

supporting materials… that can easily be reappropriated into and still continues to be an expression of artistic
intent that’s inspiring all album cover artists to create
visual assets using Photoshop Luke Choice, www.velvetspectrum.com stunning design.

FROM 3D TO 2D
TYPOGRAPHER LUKE CHOICE SHOWS HOW HE EDITED 3D ASSETS IN PHOTOSHOP TO
PRODUCE ‘THE ANNUAL 2012’ ALBUM ARTWORK, FOR MINISTRY OF SOUND AUSTRALIA

PITCHED CONCEPT
Erol Salcinovic (www.erolsalcinovic.com) supplied the original vectors in an
Illustrator file, which were gradually taken apart and then imported into CINEMA
4D. Objects were manoeuvred into place to reproduce the original composition.
Variations of coloured materials, reflections and shadows were then
experimented with inside this 3D software, until the client was happy with the
final render.

COLOUR EDIT IN PHOTOSHOP


To make altering the coloured materials from C4D easier, try rendering them out
individually. Applying a Gradient Map to the logotype makes it far simpler to
adjust tones and produce multiple colour options. This avoids the distortion of
colours that can come from using the Hue/Saturation adjustment layer.

042
KILL THE NOISE “KILL, KILL, KILL”
MATEUSZ SYPIEN, WWW.BEHANCE.NET/DIGIMENTAL

KILL THE NOISE


“KILL, KILL, KILL”
Try to experiment,
develop the unknown
and set your own
signature style. What
MATCHING THE LIGHTING drives new clients
A variety of blending modes into your portfolio is
and opacity values were nothing else than
added on all-light layers to originality and quality
set the correct mood in your work
© Digimental Studio/Kill The Noise (OWSLA)

RENDER LIGHTING
This is the straightforward
render in C4D. The
brightness of the lighting and
materials was pulled back
intentionally, so colour
corrections were much
easier to manipulate once
the image was exported to
Photoshop. It’s key to make
sure the render doesn’t
come out looking bleached,
as you’ll lose the wider
range of depth within the
different elements.

FINAL LAYOUT
Rendering out the background
from C4D as a matte makes it
easier to target the designated
areas for Pantone assignment.
Background elements were
pieced together in Photoshop
© Ministry of Sound Australia

to make sure that all colour


corrections were consistent.
These were then placed into
the InDesign file to support the
label copy, track listing and
album credits.

043
ABSTRACT GRAPHICS TECHNIQUES

DIGITAL COVER ART

ABSTRACT GRAPHICS
T
LEARN THE SKILLS TO REPLICATE A PHOTOGRAPHIC
COLLAGE WITH MULTIPLE LAYERS AND FILTERS
he purpose of this process is to produce format to be resurrected. This has occurred not only
artwork for a vinyl album cover sleeve and for the sound quality the product was known for but
then to present the work in a photographic also the plethora of designs, illustrations, collages
style that can be used for presentation and graphics that the classic album cover gave us
purposes when pitching for this area of work. from as far back as the Fifties. In some respects, the
By using Photoshop for this form of collage work main source of inspiration for this tutorial comes
and illustration, it’s all about being in control of your from the work of Peter Saville and his album sleeve
layers, making tiny adjustments to colour and designs for Factory Records, most notably for Joy OUR EXPERT
shadow and then using the scaling, perspective and Division and New Order. The aim here is to help you NEIL STEVENS
www.crayonfire.co.uk
distorting tools for the final presentation image. create your own album artwork in a style that is a Stevens is a one-man studio
This work is inspired by the recent vinyl revival that nod to this style, where simple graphic elements are working from St Albans, UK. With a
background in design he made the
has seen the emergence of campaigns for this mixed together with photographic collage. transition to illustration by creating
prints, which he sells online,
editorial illustrations and work for

LAYER ON THE FOUNDATIONS


the advertising industry.
@Neil_A_Stevens
IMPORT THE MAIN BASE IMAGERY FOR YOUR COMPOSITION SOURCE FILES
All the images and brushes used to
create this image, including the
model, photo stock, textures and
rendered images, are supplied. Pre-
made PSD files are also included.

WORK IN
PROGRESS
LAYERING THE SLEEVE

01 02
Progress 1: Adjust the colours
CREATE YOUR FILE TO SPEC ADJUST COLOURS
First you want to create a decent-sized At the moment, our new pattern layer is
Photoshop document that will act as the square rather bright. We want to mute these colours
format for your album cover. Set up a new file at 270 somewhat, so apply a Hue & Saturation adjustment
x 270 mm and then bring in the ‘PATTERN_BG’ file and go through each of the colours within the
onto a new layer, position it neatly and then name dialog’s drop-down menu, changing them until they
the layer Pattern BG. are more muted reds, greys and blues.

03 USE MORE SHADING


Now the pattern has a colour
palette you’re happy with, insert the
Progress 2: Tones and shading

image file ‘MODEL’ as a new layer


above the pattern. Create another new
layer below this headshot and then
use a brush with a 360-pixel Diameter,
an Opacity of 85% and a dark grey
tone. Now simply paint behind and
around the edge of the head, then set
the layer to the Multiply blend mode. Progress 3: Add final elements

045
Techniques abstract graphics

04 Tweak The skin Tone


We now want to add a subtler tone to the
skin colour than the existing dark grey. Grab the
05 ConTour paTTern
Now we’ll bring a contour pattern to the
face. Select the Pattern BG layer, copy and paste the
06 inClude subTle deTail
To give the face even more detail we can
add the ‘WAVES.ai’ Illustrator file, which will add tiny
Eyedropper tool and select one of the colours from whole layer above the face as a new layer and detailed lines to the skin. Place the file as a new layer
the pattern background – a lighter, yellow-tinged rename this Face Pattern. Increase the Scale by 20%, above the Face Pattern layer, renaming it Waves. The
grey is good. Add a new layer above the model, use the Overlay blend mode again and then decrease lines may be too bright and dominant, so to tone
naming it Skin Tone, and use the Paint Bucket tool to the Opacity of the layer to between 20-30%. Now go them down a little simply decrease the layer Opacity.
fill it with the new colour, then apply the Overlay to Distort>Spherize, making the Amount 100%, and You could also experiment with other blend modes.
blend mode. You can then adjust the layer’s Opacity then use a soft Eraser to delete the pattern from Once again, use a large soft Eraser to delete the
to bring out subtle differences. areas on either side of the face we don’t want to see. unwanted waved lines that surround the face.

quick tip
When adding a shadow to an object, it’s always
good to use a dark colour with your brush. By
using the Multiply blend mode it adds a more
harmonious feel to your shading. You can always
decrease or increase the layer’s opacity for even
more subtle changes.

07 Colour-matCh your layers


We now want to give the image a more
surreal feel by adding in the glasses. Within
Illustrator, select the vector file of the patterned
circles and add them to a new layer in your
Photoshop document, renaming it Testcard Glasses.
Now repeat the process in Step 2 to adjust the colour
of the pattern to match that of your background
08 ediT The glasses furTher
To make sure that the glasses pattern isn’t too flat, simply use a soft Eraser with an Opacity of
between 80-90% to delete the areas above the eyes of the model so they are just visible. Delete the white
pattern. For the shading below the glasses, repeat areas of the pattern, then add glare on a new layer with a soft white brush, set to 360 pixels in Diameter and
the techniques in Step 3. 60% Opacity. Paint a small dab onto each lens that will add a subtle touch to the whole look of the face.

046
Add the finAl touches to your cover Artwork
SuBTlE AlTErATIoNS CAN BE MAdE To Your AlBuM CovEr’S lAYErS For A MorE HArMoNIouS ovErAll look

09 Final elements oF a cover


In order to finish off the whole look and feel of the cover artwork, you can add the small detailed elements for that final touch. Open the Illustrator file
‘Elements.ai’, add the graphic red line and diagonals to the far left of the cover, the text and logo to the bottom-left, and be sure to place each element onto a separate
layer for added flexibility. Once complete, you can now move on to adding the final colour adjustments.

001 002 003

001 002 003


Adding noise to your layers is always a subtle way of including The edges of objects on a layer may look too sharp, so you can It’s often good to take a step back, look at the whole picture and
texture that isn’t too dominant with regards to the eye. You can always either delete the edges with a high-opacity Eraser or have a play around with various colour adjustments. Flatten the
always experiment with this filter, but here we have only used a even add a shadow above them with the Brush tool. For greater whole image and make subtle changes to the contrast or
7-11% Noise for the background pattern. You can apply this to accuracy, you can select the negative space of an object with brightness. Have a look at tweaking the colour balance and
the flattened image at the end or to each layer individually, the Marquee tool, add a new layer above, invert the selection even the exposure and Curves until you are happy with the
changing the percentage as you go. and then apply your subtle shading. overall balance of your artwork.

047
TECHNIQUES ABSTRACT GRAPHICS

LAYER MANAGEMENT PLACE ARTWORK IN SITU


It really is important for you to name your layers NOW IS THE CHANCE TO PRESENT YOUR ARTWORK DIFFERENTLY, AT AN ANGLE
when your artwork contains a lot of subtle AND WITH SUBTLE SHADING TECHNIQUES
shading across numerous objects. The more you
build up your collage, the more detailed the stack
of layers becomes. So if you name as you go with
clear and relevant labels, it makes it so much
easier in the long run. Alterations are always
needed and you want to be able to find those
individual layers easily in order to amend them,
and more than anything it saves valuable time.
You can group and link layers for even more
flexibility and can always save the unflattened
version before merging them all together.

11 ADD A CIRCULAR SELECTION


Go back to an unflattened version of your

10 THE BIGGER PICTURE


Now you can add your cover artwork to a
larger image for presentation purposes, to show the
main cover art and select just the background
pattern, then copy and paste this into the
presentation image. With the circular selection tool,
work in situ. Select the whole flattened cover image create a circle of the same diameter as the red
and paste it into the larger image, named Blank centre circle on the record. Now reselect your pattern
Vinyl. Place this over the album cover, and transform layer, copy and paste the new selection, delete the
your cover art with the Perspective option first and rest and you will now have the shape to place over
then the Distort option so that it matches with each the red centre circle. Place this over the top and
corner of the blank cover below. delete the unwanted parts.

14 BRIGHTEN THINGS UP
The image is almost complete. To add that
final touch ready for presentation purposes, you can
sharpen up the image a little. Make sure you flatten
the image and experiment with the Hue, Saturation,
Brightness and Contrast to alter the colour and tone
for the final time. Make sure you don’t overdo this
final part of the process, as by now it’s usually just a
subtle change that can make all the difference.

12 SHADE BETWEEN OBJECTS


More photo-realism can be added by
creating a rectangular selection next to the
13 LIGHT AND SURFACE SHADING
As we haven’t flattened the image yet, we
can add a nice area of light to the front of the cover.
outer-right edge of the front cover and adding a new Select the negative space around the cover artwork
layer. Now use a soft brush – 360 pixels in Diameter, layer and invert the selection. Now add a new layer
80-90% Opacity and dark in colour – to add the above this, then select a large soft white brush with
shading to the inside of the opened album cover an Opacity of 10% and a Diameter of 960. Brush over
within your selected area. Apply the Multiply blend the front cover in the top-left corner and then play
mode for more subtlety and the record should look around with different blend modes or opacity values
nicely tucked within the opening of the album cover. to create the glare you want.

048
PLAY IT YOUR WAY

TRIAL NOW AVAILABLE


THEFOUNDRY.CO.UK/MODOTOUR

Image by Warner McGee & Tim Cooper


TECHNIQUES LIQUID PAINT EFFECTS

ORIGINAL TUTORIAL
FILES USED
For those interested in applying
the exact stock images Pete
has use, make sure you head
over to dreamstime.com.
Below are the image IDs for you
to search for:

//27702508
//14257226
//14257319
//15233790
//17285721

050
PHOTOMANIPULATION

LIQUID PAINT EFFECTS


P
DISCOVER HOW TO MANIPULATE PAINT STOCK AND CREATE ENERGY USING
LAYER MASKS, SELECTION AND TRANSFORMATION TOOLS
aint splash effects can be used in many Isolating and changing the colour and appearance
ways. One that’s very popular is to replace of our paint stock layers will be easy when we start
clothing by using photo stock. That’s what using the colour adjustment tools and further
we set out to achieve here, showing how we masking techniques. We use these so that our
create our own photomanipulation of a model with layers fit seamlessly together in our composition.
paint splash fashion. Once finished we’ll have We will also tackle different blend modes and show
created enough depth and movement that our how these react with our image to create specific
effects will look realistic. lighting effects. OUR EXPERT
The Pen tool will be essential for selecting and All in all, this is a fun tutorial that we can get very PETE HARRISON
http://peteharrison.com
cutting out our model. We’ll reveal how to retouch creative with. It does offer more than just Pete Harrison masterfully wields
and mask her out, replacing her dress with paint entertainment, though, because we’ll discover core light and colour in many of his digital
images. Here he obtains the same
alone. We also explain how the Transform tools can techniques that can then be easily be applied to any energy, but instead works with paint
be used to directly paint layers and fit them in place. future photomanipulation projects. stock to create believable looks.

@pete_aeiko
PREPARING THE LAYOUT
HERE WE’LL USE SELECTION TECHNIQUES TO LAYER THE IMAGE

01 PREP OUR IMAGE


Open Photoshop and create a new image
document, then open our starting stock photograph
by dragging it into the new canvas. Transform it
(Cmd/Ctrl+T) so that it fits nicely into our new WORK IN
canvas. Before we start adding any effects to the PROGRESS
photo, we’ll need to cut the model out. Zoom in and
FROM CLOTH TO PAINT
use the Pen tool to do this.

02 ISOLATE THE MODEL


We’ll use the Pen tool to isolate the model
from the background. Pick a start point, where her
hands meet her dress, and then begin drawing a
path around her. The Opt/Alt key will help you to be
more accurate with the path, and also when
zooming in and out with the mouse. Progress 1: Isolate the model

Progress 2: Bring in elements

03 CONTINUE TO CUT OUT


Don’t worry too much about the hair for
now – just make a rough selection and we can fix
this in the next step. We can be rough around the
dress area too, as both these will be replaced with
paint. Close the path, then Ctrl/right-click and
choose the Make Selection option. Duplicate the
model layer then activate Quick Mask. Progress 3: Comp and blend

051
TECHNIQUES LIQUID PAINT EFFECTS

04 BACKGROUND WORK
Having masked out the woman we can
now work on the background. We’ll want to make
this lighter, so create a new layer behind our masked
model and fill it with a 50% grey. Apply Layer>Layer
Mask>Reveal All and apply a soft brush at 11% Flow
to paint in some of the original background detail.
Press X to switch between black and white brushes
and alternate masked areas and effects. We’ll come
back to the background a bit later once we’ve
worked on the model some more.

QUICK TIP
When adding the Smudge tool to hair, use a
combination of different sized brush strokes with
different Flow amounts. Use different colours and
05 FIX THE MODEL
Click on the model layer and zoom in; we will start fixing up areas of the mask that don’t look right,
especially around the hair. Select a black flat brush then start painting around the black areas of the hair and
parts of the hair for variation. Apply strokes the parts that we want to hide from our model layer. Lower the brush’s Flow to 12%. If you make a mistake,
outwards for spiky hair strands, and then curve hit X then paint areas back in with a white brush. Also fix areas around the outline that may have been missed
these to modify the hair and tidy edges. during the initial Pen tool selection.

06 RETOUCH PHASE
Duplicate our masked model layer and hide
the original. Create a new layer and merge that with
07 CHANGE COLOUR
Make a new black layer beneath our model.
Choose Select>Color Range and click on a white part
08 MORE DRESS WORK
With the duplicate active, select Layer>
Layer Styles>Color Overlay. Make it blue. Move the
the model layer (Cmd/Ctrl+E). Continue to fix our of the dress, setting Fuzziness to 200, then use the original dress layer above this duplicate and set it to
model’s hair using the Smudge tool and a small flat plus and minus pickers to select tones in the dress. Overlay. This brings out the dress highlights. We can
brush. Apply a Brightness/Contrast adjustment, With our selection active, hold Opt/Alt and use the change the Color Overlay of the duplicate layer and
setting Brightness at 10 and Contrast at 40. Duplicate Lasso to remove areas of the dress. Copy Merged the Hue/Saturation of the original dress to get the
this layer and hide it, so we have a backup if needed. then paste into a new layer. Add a Hue/Saturation perfect natural look. Bring some of the white and
Also use the Burn tool at 18% Exposure and the adjustment, activate Colorize then change Hue to a light back in by setting a Reveal All layer mask on
Dodge tool at 14% Exposure, both set to Midtones, to blue colour and increase Saturation. Rename this our dress copy layer, using a black soft brush set at
increase the contrast in certain areas. layer Dress, duplicate it and delete the black layer. 20% Flow to mask into areas we want highlighted.

052
09 APPLY PAINT SPLASHES
BUILD EFFECTS USING STOCK AND BASIC ADJUSTMENTS

PASTE IN PAINT LAYERS


Copy and paste the paint layer into our
main image. Put it into a new folder called
Paint, set at the top of our layer stack.
Repeat this process with all the stock
images, placing each onto the canvas.
Solid colour backgrounds can be removed
by using the Magic Wand tool to select
them and then hitting X to delete.

ISOLATE STOCK IMAGES


Open a paint stock image in
Photoshop and choose Select>
Color Range. Use the dropper
tool to select a red colour, set
Fuzziness at 200 and use the CHANGE EXISTING COLOUR
plus dropper to select a deeper Arrange the layers that we’ve introduced over the top of the
red, so we get all the red tones. model’s dress, and then select one of them. Apply Image>
Pull Fuzziness back a bit, so the Adjustments>Hue/Saturation. Make the selected paint splash
background in the preview is blue to match the woman’s dress. This can just be a rough
black again rather than grey. adjustment before merging the model with both dress layers.

053
TECHNIQUES LIQUID PAINT EFFECTS

WORK WITH LIGHT


COMBINE BLEND MODES AND COLOUR ADJUSTMENTS TO CREATE DEPTH

10 ARRANGE LAYERS
Once you’ve brought in and processed all
11 MORE PLAY WITH PAINT
Feel free to select and cut parts off the paint
layers to make them fit. Also cut some off and add
12 CREATE DEPTH
Once we have established the final look of
our paint layers we can begin to edit the existing
the paint splash layers, you will need to start them to the top half of the model’s dress. Try and lighting. Bring the highlights of the original paint
arranging all of these in a way that makes each one make the dress feel as though it ruffles by using back in and add darker blue tones to certain areas,
seem to be a part of our model’s dress. For the ones different paint splats and hues. Apply a soft round producing greater contrast. Get one of the top paint
placed higher up, near the torso, use light blue- black brush to attached layer masks and blend areas layers and duplicate it, then set the copy to Overlay.
coloured layers on top and dark blue layers beneath. of the paint more realistically, and use Edit> Continue by adjusting the hue of the original layer to
Use the original model dress layer as a reference. Transform>Warp to enhance the flow of the dress. make it a deeper blue. This colouring method is a
Also erase parts of the dress that get in the way and It’s all a matter of playing and seeing what we can great way of producing depth. Repeat the process
sit behind our paint splat layers. create. Don’t be afraid to experiment. with the other paint layers.

USE COLOUR RANGE


This option comes in handy when isolating areas
of colour. In simple cases we can just use the
Magic Wand to select solid colours, but when
working with paint images like those in this
tutorial, or ones with existing lighting, Color
Range becomes a must. Make the most of the
black and white preview to see what you’ve
selected, and use the plus and minus droppers to
specify detailed areas. Once you’ve clicked OK,
you can easily remove parts of the selection by
holding down Opt/Alt or Shift and then applying
the Lasso to add or remove active areas and
match selected edges.

13 ALTER BRIGHTNESS
Some of the bottom layers of the dress
need to be made darker, as they would naturally fall
into shadow. To achieve the look we see here we
repeat pretty much the same technique used in the
14 MANUAL EFFECTS
Now add and style paint stock to the floor
using the same techniques. Then add more light to
previous step, but lower the brightness of the areas of paint using a soft white brush, so they blend
duplicate layer by decreasing the Lightness value in better. Darken other areas by using the same brush,
a Hue/Saturation adjustment. One trick is to but with a deep blue colour and set to Overlay. Dodge
duplicate a layer, apply the above settings and then and Burn to create more depth, and fix the lighting
add an inverted layer mask (Opt/Alt-click on ‘New on the right side of the model. Add more paint to the
layer mask’). Edit using this mask and a white soft top half of her dress and blend it with the bodice
brush to paint in areas of light. using previous techniques. After that, we’re finished.

054
Learn to inspire
www.dphotographer.com

Available
from all good
newsagents and
supermarkets

ON SALE NOW
> Focus stacking > Celebrity photographers > Shooting vistas
LANDSCAPE TIPS SHOOTING ADVICE WILDLIFE PHOTOS PORTRAIT GUIDES CAMERA REVIEWS

BUY YOUR ISSUE TODAY


Print edition available at www.imagineshop.co.uk
Digital edition available at www.greatdigitalmags.com
Available on the following platforms

facebook.com/DigitalPhotographerUK twitter.com/DPhotographer
DIGITAL PAINTING

CHARACTER
CONCEPTS
T
WORK WITH PERSPECTIVE, LIGHTING AND
CONTRAST USING PAINTING TECHNIQUES
he process of creating a digital painting in
Photoshop can be very complex, so in this
tutorial you will learn how to control your
workflow. We’ll guide you from your initial
thought process to any techniques you will have to
bear in mind before diving deeper into the different
aspects of creating a strong, readable digital painting.
This includes, perspective, lighting and contrast.
The majority of your time here will be spent
understanding the different steps, from the initial
thumbnails to the final rendered painting. The tutorial
is meant to be performed in Photoshop, for the sake
of getting an efficient workflow by using some of its
essential tools such as adjustments layers, blend
modes and masks.
The inspiration and idea for this specific painting
comes from a long-lasting fascination for dinosaurs,
and is a comical new take on the discussed evolution
theory about T-rex’s way of hunting!

056
057
TECHNIQUES CHARACTER CONCEPTS

OUR EXPERT
TOMMY KINNERUP
www.tommykinnerup.com
Tommy Kinnerup is a concept artist
working with films, games and
illustrations. He is known for his
stylised character artwork skills,
which have served him well over the
past nine years of his career.

01 02
@pete_aeiko
THUMBNAILS SHAPE LANGUAGE
The first step is to do some character When we have finished sketching in some
WORK IN exploration sketches, to get a better sense of the interesting thumbnail silhouettes that feel suitable
PROGRESS style and theme. In this case we want something for the style and theme, we can start exploring the
FROM SKETCH TO stylised and cartoon-based with a comedy twist. As shapes a bit further. Make the resolution higher on
FINISHED ARTWORK
you do this, look up some references or write down your chosen thumbnail design by going to Image>
some keywords to help you explore the direction to Image Size>Resolution and then begin exploring the
take. It is important to keep this step as simple as personality, features and background of your
possible, so do yourself a favour and work at a small character. Your thought process is the key at this
scale; create a new document and set the size to A4, point, so keep it loose and try to go with the flow of
then zoom out to 12.5%. Use a hard-edged brush. your character concepts.

Progress 1: Keep it rough 03 THE GOOD IDEA!


Once you have fully
explored the first two steps, you
will hopefully find that you have
some good ideas for what is to
come next. Start by creating a
new document and then set it to
Width: 5000 pixels, Height: 2800
pixels and Resolution: 300 pixels/
inch. The technical approach from
here can vary a lot, but in this
Progress 2: Make it readable
tutorial we want to go straight in
with colour. Pick a colour palette
that you like and start by creating
a two-coloured gradient layer
reflecting sky and ground.

04 SKETCH IT ALL OUT


When you start your
painting you once again want to
Progress 3: Render it out work on a small scale. Have a
clear idea of what you want to
QUICK TIP achieve, and make sure that you
To save time when you’re paint with a large brush in the
adjusting your steps, use beginning so that you force
Hue/Saturation or Color yourself to work with the overall
Balance for any colour shapes first. Set your chosen
adjustments, and Levels or brush to 100% Opacity and Flow,
Curves for the contrast and colour pick from your palette
adjustments. Layering with and your gradient layer until you
different blend modes can also can see all the elements of
be useful, and using layer importance in your painting. Don’t
masks for controlling the be afraid of doing this roughly, as
affected area is handy indeed. long as it follows your idea.

058
06 SHADOWS AND VOLUME
In order to define the individual shapes, it is crucial to understand the basic functions of light and
shadow and the volume within. In this example we use shadows to create an interesting layer effect on the
three dinosaurs in the foreground. The main function of this is to help us separate the characters from each
other and also to clarify the volumes.

001 SHADOW 002 SEPARATION 003 TRANSITION 004 LOCAL COLOUR 005 HIGHLIGHT

05 LIGHT
An important decision to make that will
affect the rest of your painting is the light. In this case
we work with three light sources: a direct light
coming from the sun located to the right; an indirect
light coming from the illuminating blue sky; and
finally, the bounce light that is caused by both the
direct and indirect light. The choice of light directions
will affect your composition and the overall
readability of your painting, so try to think about
which elements are the most important to highlight.

07 VALUE
Now it’s time to work into the contrast
values a bit further. To make the painting more
readable, we turn it into black and white only for the
sake of checking the values. Open the Adjustments
palette. Click the Hue/Saturation icon and, in the
dialog that appears, pull the Saturation bar back to
-100. Now you can always check your values by
switching the adjustment layer on and off. We want
08 COLOURS IN LEVELS
To keep this painting colourful and playful,
we want to have some more refined local colours.
09 SHAPES IN SPACE
Making the shapes clearly readable in a
detailed painting like this is a challenge in itself. In
to have the highest contrast value in the foreground, (‘Local colour’ means the colour of an element, such this case we don’t really have a clear dominant
and the further we travel into the image then the as a green leaf, that is not being affected by colour.) shape – it’s more a matter of achieving a symmetry
lower this contrast gets. This is also a good way of clarifying the levels in the in the painting that makes the intruder, the T-rex, mix

Your thought process is the painting’s foreground, midground and background. A


basic rule of thumb when it comes to environmental
in with the two plant-eating dinosaurs on either side.
This means that we end up having a round repetitive
key at this point, so keep it colours is to have the warmest colours closest and shape that creates the line of action that we want.

loose and try to go with the flow the coldest colours furthest back. So in this painting
we want to apply the warmest colours to the
We also want the surrounding space and the
environment to support the characters’ shape
of your character concepts characters in the foreground. language in the best way possible.

059
TECHNIQUES CHARACTER CONCEPTS

TECHNIQUES FOR CONCEPT ART


TIPS AND TRICKS FOR SPEEDING UP THE WORKFLOW IN PHOTOSHOP

10 SHORTCUT FOR ADJUSTING COLOURS


For a more efficient adjustment of your 11 SHORTCUT FOR ADJUSTING VALUES
For the same reason as when adjusting the
12 LAYERED MASKS
To control areas of affection for a certain
layer, you can use layer masks. In this case we want
colour work there are some helpful tools you can colours, we want to have an easy way of adjusting to work with the previously added Levels layer, in
use in Photoshop to achieve what you are looking the values of our painting. Go to the Adjustments order to decrease the amount of black furthest back
for. Head to the Adjustments and select Hue/ window and select Levels. This will bring up the in the painting. Select the Levels adjustment layer,
Saturation. This will bring up the options to adjust the options of adjusting the image’s levels. In this case then click on the layer’s white icon. Now you can
Hue, Saturation and Lightness. In this case we want we want to reduce the amount of whites. Choose the start masking out the blacks by painting with a soft-
to increase the amount of red. Choose the drop- middle icon, then pull the midtones to the right to edged brush set to black. The advantage of a layered
down menu named Master and select your Red add more black. Again, wait until the picture is mask is that you can always change where it should
channel for adjustment. This is personal preference updated before saving and hit Cmd/Ctrl+Z to undo affect and how much it should affect by painting in
at this stage so feel free to play until it is right. any changes if they do not look right. black for hiding and in white for revealing.

13 BLEND MODES
A good way of trying out different colour
variations in your painting is to start using the blend
15 EVALUATION
An important thing to do after you have
finished your painting is to thoroughly evaluate what
modes. Bear in mind that you need to be careful
when using blend modes, as the result can become
quite random if you don’t know what you are looking
14 LIQUIFY
Sometimes, you just don’t like a specific
shape or area, or there’s curvature that feels wrong.
you have created. Give your eyes some rest and go
back to your painting with fresh, critical eyes, and try
to ask yourself the questions: ‘How does it feel?
for. In this case we want to use the blend mode A helpful tool to warp these into place is Liquify. Go Does it read as intended? Do the adjustment layers
called Overlay, in order to increase the saturation in to Filter>Liquify and select the Forward Warp tool. As make the painting better?’ and so forth. Making
different places. Create a new layer in your Layer for all of the mentioned tools, use them carefully. artwork is a matter of trying things out and exploring
stack, then click Overlay in the menu at the top. Now What you don’t want to end up having is stretched all the time. There is no recipe to a perfect painting
you can start colour picking from your painting and areas in your painting, so at this stage you should – it’s mostly hard work and a lot of small victories
paint saturated colours into the different areas. keep this to a minimum. until you eventually master the piece. Good luck!

060
SPECIAL OFFER
FOR USA READERS!
today and get 5 issues free*
Subscribe Each issue,
Advanced Photoshop delivers
all the Photoshop inspiration and
advice you need

Exclusive
subscriber benefits
• Subscribe today for just $126* for 13
issues – a massive 38% saving compared
to newsstand
• Pay as little as $9.69 per issue (usually $15.50
on the newsstand)
Non-USs • Free content-packed CD with EVERY issue
reader • Receive the magazine at least three weeks
turn to before it goes on sale in stores
page 26 • Guaranteed to never miss an issue
• Money-back guarantee on unmailed issues
Terms and conditions
* This is a US subscription offer for new subscribers only. Subscribers will actually be charged £80 which is equivalent to $126 at the time of writing, although the exchange rate may vary. Imagine Publishing
reserves the right to limit this type of offer to one per household. Your subscription will start from the next available issue and will run for 13 issues. The five free issues refers to the USA newsstand price of
$15.50 for 13 issues being $201.50, compared with $126 for a subscription. This offer expires 30 September 2013.

To order securely online, visit the website To order by phone, call the number
below and enter the offer code ‘USA’ below and quote the offer code ‘USA’
www.imaginesubs.co.uk/aps +44 (0) 1795 592 880
TECHNIQUES ATMOSPHERIC LANDSCAPES
PHOTO EDITING

ATMOSPHERIC
LANDSCAPES
I
CRAFT A DREAMY LANDSCAPE USING A SELECTION
OF HIGHRES IMAGES AND CUSTOM BRUSHES
n this tutorial we are going to learn to seamlessly layers – Color Lookup – to edit the overall contrast,
combine night-time photography with day-time lightness and different colours with a simple step.
photography in order to create a dream-like Finally, we will use the rule of thirds to help us.
fantasy photo. We will be using Photoshop’s These are guidelines proposing that an image
powerful techniques and tool presets, such as layer should be imagined as being divided into nine equal OUR EXPERT
masks and styles, custom brushes and adjustments. parts by two equally-spaced horizontal lines and two MIKKO LAGERSTEDT
Using layers and masks will enable us to work in equally-spaced vertical lines – like in noughts and http://mikkolagerstedt.com
Mikko Lagerstedt is a fine art
a non-destructive manner, in turn giving us flexibility crosses – and that important compositional photographer hailing from Finland.
and more ways to edit the image without losing the elements should be placed along these lines or their He makes it his artistic mission to
create atmospheric photography,
original data. We also will create a brush preset from intersections. This technique creates more tension, and he continues to refine his
artwork in Photoshop.
the base image to help match the elements together, energy and interest in a composition than simply
and use one of Photoshop CS6’s new adjustment centring the subject in the image. @MikkoLagerstedt
SOURCE FILES
CREATE A SIMPLE BACKGROUND
If you load up the free CD then you
will find all of the images necessary
to follow this tutorial as well as
ADD ADJUSTMENT LAYERS TO BEGIN CLEANING THE BACKGROUND IMAGE some custom brushes created by
Mikko Lagerstedt.

WORK IN
PROGRESS
BUILDING THE DREAM

01 CLEAN THE BACKGROUND


Open ‘background.jpg’ and duplicate the
background. Add a Curves adjustment to darken the
02 REMOVE THE PIER
Hide the Curves and Hue/Saturation layers.
Create a Stamp Visible layer by hitting Cmd/Ctrl+
Progress 1: Remove distractions

image, then add a Hue/Saturation layer and set Opt/Alt+Shift+E. Use Cmd/Ctrl+T to Free Transform
Saturation to 0. Use the Patch tool on the duplicate to the layer and flip it horizontally. Add an inverted
remove grass. Add another layer and use the Clone mask by Opt/Alt-clicking the ‘Add layer mask’ icon.
Stamp, set to Current & Below with 20% Opacity and Brush with soft white to reveal the background until
a big soft brush, to smooth the Patch’s transitions. we have a smooth transition and the pier is hidden.

03 EXTRACT ELEMENTS
Select the background and
then use the Rectangular Marquee to
Progress 2: Brush clouds

select the person and their reflection.


Hit Cmd/Ctrl+J to copy that to a new
layer and move it into a new group.
Now select and cut the reflection, then
use Cmd/Ctrl+Shift+V to paste as a
new layer. Create a path in the Paths
menu and, with the Pen tool, draw a
path around the person. Progress 3: Final adjustments

063
TECHNIQUES ATMOSPHERIC LANDSCAPES

05 NEW DOCUMENT
Put the background layers together into a
new group by using the shortcut Cmd/Ctrl+G. Set the
group’s name to Background. Now group the person
and their reflection together too and name that one
Person. Save the file as ‘water.psd’. Create a new
document by hitting Cmd/Ctrl+N and name it Dream.
Apply Width: 235 mm and Height: 302 mm, with
Resolution: 72. Set the Color Profile to Adobe RGB
and Background Contents to Transparent, and then
click OK to open the new canvas.

QUICK TIP

04
By using one of the provided cloud/fog brush
MASK
presets, or one of your own, with Opacity: 100%
Select the path then Ctrl/right-click on it. Choose Make Selection, setting Feather Radius to 0,2
and Flow: 25% you can mask out certain areas to
pixels. Add a mask to the person layer and invert it with Cmd/Ctrl+I. Select the reflection layer and add a layer
create more variations in the transition layer, and
mask to it. Start masking the reflection using a medium-sized standard black brush, with a Hardness of 60%,
when you’re smoothing the edges use a big soft
to hide the reflection. Once it’s completely hidden, hit Cmd/Ctrl+I to invert the mask and your reflection should
brush with 10% Opacity and 100% Flow.
now be visible. Use Free Transform to straighten the reflection and set the blend mode to Multiply.

06 PLACING THE ELEMENTS


Select the Water file by tabbing with Cmd/
Ctrl+Tab, then Ctrl/right-click on the Background
07 IMPORT NIGHT SKY
Open ‘stars.jpg’ and place it into the
Background group. Add another group, named Sky.
08 ADD CLOUDS
Create a new layer. Grab the Brush and
select one of the cloud/fog presets, giving it a
group and select Duplicate Group. Set the Create a new layer above the Stars layer and add a relatively large size. Start brushing by first sampling
Destination to Dream and click OK. Repeat the step clipping mask by Opt/Alt-clicking between the layers. the background fog layer with Opt/Alt. Brush with a
with the Person group. We can now finally close the Use the Brush tool with Size: 540 px and Hardness: Flow of 20% and resample the colours to create
Water file. Now select the Crop tool with View: Rule 0%, and sample a colour from the bottom of the variation within the layer. Brush until you have
of Thirds and create guides according to the lines, Stars image – paint with 10% Opacity until the covered the point where the Stars layer and the
then press the Escape key. Select both of the groups brightest stars are slightly visible in the bottom half Background image collide. Use a layer mask to
and reposition them so that the person and the of the Stars layer. Add a Curves layer with Input: 43 mask out if you have gone too far, and also to
reflection are near the lower third. and Output: 117, and a clipping mask attached. smooth the transition from the fog into the sky.

064
TRANSITION EFFECTS
USE LAYER STYLES TO HELP CREATE LIGHT EFFECTS

09 CLOUD TRANSITION ADJUSTMENTS


Import the cloud image and place it in the middle of the frame. Add a layer mask to it and start
masking out with the cloud/fog brush preset. Use 100% Opacity and 25% Flow to start revealing the
10 MAKE A CUSTOM BRUSH
On the background layer, select part of the
pier’s reflection with the Polygonal Lasso. Copy it to
background with black, using the X key to switch between black and white to reveal and mask out. the clipboard and make another document, naming
002 001 003 it Water, then paste the reflection into it. Hit Cmd/
Ctrl+L to bring up a Levels adjustment and apply
Input Levels: 91, 042 and 177. Duplicate the layer and
flip it horizontally, then use a big soft Eraser to
remove and smooth the left side of the new layer.
Flatten the image and remove the colours with
Cmd/Ctrl+Shift+U. Go to Edit>Define Brush Preset
and name it Water.

Add a Color Lookup


001
Double-click on the cloud layer from
002
Select Inner Glow, then set Opacity to
003
Create a duplicate layer with Cmd/Ctrl+J.
adjustment layer to balance
inside the Layer palette to open up the
Layer Style dialog.
64%, Color to #ECFCFF, Elements Size to
111 px and Quality Range to 44%.
Disable the Layer Style and smooth the
transition with a big soft black brush. the lightness of the image

11 ADDING THE BOAT


Open the boat picture and import it to a new
12 DETAIL ADJUSTMENTS
Select the boat reflection layer and give it a
layer mask. Use a 50% Soft small-sized brush and
13 BALANCING LIGHT
In the Background group, above the Sky and
Water groups, add a Color Lookup adjustment layer
group. Name the group Boat. Resize the picture, paint in black onto the layer mask where the to balance the lightness of the image. Select the
lower the Opacity to 62% and use Free Transform to reflection is. Invert the mask with Cmd/Ctrl+I. Now FoggyNight.3DL preset from the 3DLUT menu and
match its size with the underlying person. Copy the select the Water brush that we just created. Brush then set Layer Opacity to 64%. Use the Gradient tool
reflection to another layer by selecting it with a Lasso with 40% black around the sides of the reflection on the layer mask with a grey colour to adjust the
then using Cmd/Ctrl+X and Cmd/Ctrl+Shift+V. Now layer to hide some of the boat’s reflection with visibility of the effect. After that, select the person
select the boat layer – create a new path around it ripples. Double-click the layer to open the Layer layer in the Person group and add a Curves
and make a selection with the setting Feather Style dialog. Adjust Underlying Layer from white to adjustment to darken it, using a clipping mask to
Radius: 0,2 pixels. Add a layer mask to the layer and 204/255 by holding Opt/Alt and sliding the restrict the effect to just that layer. Make the same
hit Cmd/Ctrl+I to invert it. right-hand pointer to the left. adjustments to the reflection layer.

065
TECHNIQUES ATMOSPHERIC LANDSCAPES

FINAL ADJUSTMENTS
CREATE COLOUR CORRECTIONS WITH CURVES ADJUSTMENT LAYERS

14 COLOUR CORRECTIONS
Create a new group above all the others and
name it Reflection & Colour. Add a new Curves
15 REFLECTION
Create a Stamp Visible layer with Cmd/
Ctrl+Opt/Alt+Shift+E, then hit Cmd/Ctrl+T to Free
16 ADD BIRDS
Open the birds image and import it to a new
group called Birds, setting the blend mode to
adjustment layer and name it Colour. Select the Blue Transform. Flip it vertically and move it down so that Multiply. Use Cmd/Ctrl+T to control the angle and
channel from the drop-down menu. Adjust the curve the edge of the cloud is hitting the bottom of the size of the flock. Duplicate the layer with Cmd/Ctrl+J
upwards slightly and then move to the Green image. Add an inverted mask by Opt/Alt-clicking on and, again, hit Cmd/Ctrl+T to Free Transform. Flip
channel and pull the middle down slightly, then do the ‘Add layer’ icon. Set the blend mode to Multiply the flock vertically then Ctrl/right-click the transform
the same with the Red channel. Go back to RGB and the Opacity to 86%. Reveal the mask from the box and select Warp. Warp the bottom bird up
mode and pull the midtones down. Now use the bottom. Double-click the layer and, in the Blend If slightly and hit Return. Now add a layer mask and
Gradient tool with a grey colour on the mask so as to options, hold down Opt/Alt and drag the Underlying use the Water brush to hide some of the reflected
not affect the night sky too much. Layers’ black pointer right to 0/85. birds, setting the layer’s Opacity to 59%.

FINAL ADJUSTMENTS FOR


PHOTOMANIPULATION
When you’re using layers and blur effects in
manipulations, it’s important to add noise/grain
at the final stages of the piece. Adjusting as
necessary according to the base images’ grain
and detail, create a new layer filled with 50% grey
then set it to Overlay and apply the Add Noise
filter. Set the amount in a preview mode, so you
can see how much is really needed to match all
the elements. This helps you to blend the blurred
18 FINAL ADJUSTMENTS
Add a Hue/Saturation layer with Saturation:
12. Hold Opt/Alt and drag the first layer mask onto
elements together with the base image to make
the second, then invert. Create a Levels adjustment,
it look much more authentic.
set to 8,0,97,253. Lighten the image with a Curves
layer, pulling the Blue highlights up. Add another
Curves layer to lighten the image and invert the
mask to reveal dark parts of the clouds. Add a new
blank layer by holding Opt/Alt, set it to Overlay at

17
60% Opacity and check the Fill with Overlay box.
ADD FOG
Apply Filter>Noise>Add Noise with Amount: 1,8%
Create a group called Final Adjustments
and set to Gaussian, monochromatic to finish.
and then make a new layer. Start by using your
cloud/fog brush to select light areas of the clouds
QUICK TIP
and then brush on top of the clouds, birds and
When using the Blend adjustments in the Layer
person. Set the layer’s Opacity to 30% and bring up
Style dialog, you can easily choose to either show
the Layer Style dialog. Under Blend If, drag the
or not show whether the underlying layer is
Underlying Layer’s white pointer to 111/255 using
darker or lighter. This is a quick and easy way to
Opt/Alt. Now create a Hue/Saturation layer. Set the
hide any unnecessary elements, shadows or
Saturation to 15 and then brush with a mask in the
lights in your image.
cloud part of the image.

066
CREATE THE ART OF THE FUTURE
w w w. 3dar tistonline .com

Available
from all good
newsagents and
supermarkets

ON SALE NOW:
> Photoreal 3D > Arch-vis > Visual effects > Animation > 3D printing
TUTORIALS INTERVIEWS INDUSTRY INSIGHT BEGINNER ADVICE EXPERT GUIDES

BUY YOUR ISSUE TODAY


Print edition available at www.imagineshop.co.uk
Digital edition available at www.greatdigitalmags.com
Available on the following platforms

facebook.com/3DArtistMagazine twitter.com/3DArtist
Create stylish vintage type tecHniques

Typography

Create stylish
vintage type
T
USING BOTH PHOTOSHOP AND ILLUSTRATOR, WE SHOW
YOU HOW TO REPLIcATE EffEcTIvE RETRO TYPOGRAPHY
ypography is a fundamental part of A lot of time will be spent creating the type in
day-to-day life. It’s everywhere we look, but Illustrator. This is where we’ll add detail to the type
so much of today’s typography lacks any using options, such as the Offset Path, blends and
creative flair. the Pen tool. In Photoshop we’ll apply texture using
Typography in the past, particularly in signs, various blending modes and use brush techniques
tended to be more visually pleasing. Inspired by to mimic cracks and creases. We’ll also explore
hand-painted enamel signs and old typographic tweaking hue and saturation, as well as Curves
posters, here we’ll show you how to replicate classic layers, to enhance tones. Some textures and details Our expert
vintage typography. in Photoshop will complete the piece. LOGS MATThEwS
www.logsmatthews.co.uk
Logs Matthews is a 23-year-old,
Begin applying texture self-taught, freelance graphic
designer from the north-west of
Build up material eFFects in pHotosHop BeFore addinG teXt England. here he shows you how to
create stylish vintage typography

01 02
PICK A DOCUMENT SIZE BORDER AND GRADIENT using both photoshop and Illustrator.

First you will need to decide on the size of We want to give this piece a border, so @logsmatthews
your document. Take into account whether the create a new layer, fill it with a solid colour and then
finished image will be printed or solely used on the drag each edge in by 10mm. Next apply a Gradient
web. In this case it will be printed, so we’ll open a Overlay within the Layer Style dialog, selecting the
new 235 x 303mm portrait document in Photoshop, Foreground to Background gradient. Set the Style as WOrk in
making sure it has a white background. Radial, the Angle at 60 degrees and the Scale at prOgress
150%, making sure the Reverse box is ticked. Put the
From simple type to
dynamic results
Opacity of this layer to 25%.

Progress 1: apply texture

Progress 2: make the type

03 ADDING TEXTURE
Now apply some texture. Open up a dark grunge texture in Photoshop and invert it by going to
Image>Adjustments>Invert. Once this is done, drag the JPEG into your document and set the blending mode
to Overlay. To make the grunge texture more intense, go to Image>Adjustments>Levels and increase the
black to darken the texture. Progress 3: add final details

069
Techniques Create stylish vintage type

04 INPUT THe TeXT


In Illustrator, open a new 235 x 303mm
portrait document and lay out the phrase ‘work hard
05 oFFSeT THe SaNS SeRIF TeXT
In preparation for detailing the Sans Serif
text, we need to offset it. Begin with the word ‘work’
06 DeTaIL THe SaNS SeRIF TeXT
Now grab the Line Segment tool to draw a
line above and below the Sans Serif words, giving
and be nice to people’. We’re aiming to produce a and go to Object>Path>Offset Path, then set the them a 1pt Stroke. Set these lines to a beige tone
vintage typography feel by applying a bold Sans Serif Offset to 2mm. Once you’ve offset the path, reselect (#C2B59B). To multiply the lines, double-click the
font to the words ‘work’ and ‘nice’, as well as a bold the word and go to Object>Ungroup. While holding Blend tool and a Blend Options box will appear.
Serif font to the words ‘and be’. Now apply a Script the Shift key down, select the inner parts of the word Select Specified Steps from the dropdown menu and
font to the words ‘hard’ and ‘to people’, for a softer and go to Object>Group. The inner parts of the Sans type the number of steps you would like. Click the
contrasting effect between the texts. Outline all of the Serif words will be used as a clipping mask for some end point of the top line and then the parallel point of
text by going to Type>Create Outlines. of the line details. the bottom line to multiply the lines evenly.

07 cLIPPING THe LINeS


Now send the lines to the We’re aiming to produce a
back. Copy and paste the inner text,
give it a beige Stroke of 1pt and put it
vintage typography feel by
to one side. Select the inner text you applying a bold Sans Serif font to
grouped in Step 5 and go to Object>
Compound Path>Make. With the
the words ‘work’ and ‘nice’
inner text still selected, hold Shift,
select the lines, then go to Object> quick TiP
Clipping Mask>Make. Doing this will Try to add layers as you create your type. You can
clip the lines into the inner text. Now do this by using the Offset Path tool multiple
drag the beige outlined text that you times, giving your type very thin borders. Once
put aside over the clipped lines, then you have a few borders, apply gold gradients to
fill the black letters with a dark-red some and fill others with white. This will help
tone that’s suitable. embellish your type further.

APPLY some more DePTH


GiVe A 3D LOOK TO YOuR TeXT usinG The Pen TOOL

08 INTRoDUce DePTH To SaNS SeRIF TeXT


Copy and paste the word ‘work’ into a new
layer and place it underneath your original layer.
09 Move back To PHoToSHoP
Now the type is done, copy and paste it into
your Photoshop document as a Smart Object. This
10 GIve THe TYPe TeXTURe
Now we need to copy the grunge layer and
place it above the type layer. Set the blending mode
Position the word down and right to use as a guide. enables you to make changes to the type if to Multiply and the Opacity to 60%. We only want this
Back with the original layer, use the Pen tool to draw necessary, without opening the original Illustrator texture layer to affect the type, so hit Cmd/Ctrl+Opt/
in the 3D shapes. Apply a gold gradient, copy and file. Just double-click the Smart Object thumbnail on Alt+G to clip the texture into the type layer. By adding
paste these, fill them red, then send them to the back the type layer to open it in Illustrator. When changes a mask to this layer, and using a small soft brush
to add even more depth. Do this once more and fill have been made, hit Save and it will automatically with an Opacity of 60%, you can roughly mask out
them with grey to replicate a shadow. amend the type in Photoshop. some of the areas where there is too much texture.

070
ADD ThE FINAL TOuchES SMALL DETAILS
Use HUe/sATURATION AND CURVes LAYeRs Adding small details can take a lot of time, but

11
they really add quality to a piece of work. Starting
AdjUST yOUr TONeS
with the banner, make a thin triangle shape and
To enhance the colours we’ll need to add a new Hue/Saturation layer above the type layer, increasing
place it horizontally at one end of the main
the Saturation to make the colours more vibrant. If there’s a specific colour that you want to target, you can
rectangle. Copy and paste this underneath and
select it from the Hue/Saturation dropdown. Also, add a new Curves layer above the type layer, setting the
use the same blending technique as used in Step
Output at 125 and the Input at 137, to make the colours even richer.
6. The number of steps will vary on the size of
your banner. Repeat this on the other side of the
rectangle and the inside of the banner. Once
positioned, set the blending mode to Multiply and
set the Opacity at 25%.

quIck TIp
Adding noise is great for making a piece of work
look less digitally made. When adding noise to a
piece of work, make sure you decide whether the
piece warrants it. Sometimes adding noise can
make what was a bright glossy image look dull
and washed out.

12 MASK edGeS ANd dOdGe/BUrN


To re-create faded edges, start by adding a
layer mask to the gradient layer. Using a 400px soft
13 drAW IN CrACKS
Adding cracks is a great way to age an
image. This technique is easier with a graphics tablet
brush with 60% Opacity, begin masking out small and pen but can still be achieved with a mouse. First
areas towards the edges. Now target individual areas insert a new layer, select a hard round brush – with
of the grunge layer, use the Burn tool with the Range the Size set at around 6px and the Opacity at 100%
set to Midtones, brush Size set at 300px and the – and start drawing in some cracks. Once you’re
Opacity set at 45%, then begin to darken them. On happy with the cracks, go to Layer>Smart
the other hand, if any areas need lightening, use the Object>Create Smart Object. Set the layer’s blending
Dodge tool with the same brush settings. mode to Multiply and set the Opacity to 20%.

14 FINISHING TOUCH
Now that the image is complete, we want to
add one final effect to bring it all together. Save a
copy of your PSD, flatten it, then go to Filter>Noise>
Add Noise. Use an Amount of 10% to give your
image a subtle grain texture, making your piece look
less digital and more vintage.

071
TECHNIQUES HOW I MADE

072
HOW I MADE TECHNIQUES

HOW I MADE

SHINE
KRIS SHIELDS A.K.A COLOUR DRIP

S
LEARN HOW BLEND MODES AND DODGE AND BURN WERE
USED TO CREATE VIBRANT LIGHT EFFECTS
hiny, colourful pieces of art are what artist Shields create vibrant effects. However, he does
Kris Shields (www.facebook.com/Colour admit that: “The trick is to pick stock images that
Drip) aims for. “I’m heavily influenced by already have good lighting.” I’m heavily influenced by
anything sci-fi, so I try to create ‘alien’
appearances in my work. These still have a human
Surprisingly, Shields only decides his image tones
at the end of a piece. “I change the hue of my layers
anything sci-fi, so I try to
element so the viewer can relate,” he reveals. beforehand, which lets me get a feel for how the create ‘alien’ appearances. These
He certainly shows how his fondness for lighting
helps him create sci-fi looks in this image. The
colour should look. Then I add the finishing touches
using adjustment layers, editing tones with Color
still have a human element so
Screen blend mode is his biggest asset, helping Balance and Levels.” the viewer can relate

02 ADD TEXTURE
Adding texture is my
way of turning ordinary
images into something
special. I found photos of
metal and placed them on
the shoulders of my model
to depict futuristic armour.

03 SPACE STOCK
To make the model
more ‘alien’ I highlighted the
face using a soft brush,
changed the eye colour
using Hue/Saturation then
added colour to the hair
using nebula stock. These
layers’ blend modes were
all set to Screen.

01 FOCAL POINT
I made the chest area the focal point in this image – first
by adding a charcoal texture and setting this layer’s blend mode to
Multiply. I also added white marks using a brush at 100% Hardness.

073
TECHNIQUES HOW I MADE

04 ADD KEY FEATURES


I enhanced the focal point by adding a
holographic globe and more nebula images, all set
05 LIGHT AND REFINEMENT
At this point there was no obvious light
source coming from the globe, so I implemented
06 BRING IT ALL TOGETHER
Elements in the lower areas of the image
were coming along nicely at this point. The middle
to Screen to improve my lighting effects. Then I one using a Gradient Fill layer. Further detail was and top sections, however, seemed empty. By adding
masked around the hands, making them look like a added in the form of a lens flare, which I created a nebula around the shoulders I closed the gaps
globe was being held. using a soft brush. between the elements.

ENHANCE THE POWER


OF LIGHTING
USE PHOTOSHOP’S DODGE AND BURN TOOLS
TO GIVE EXPOSURE AN EXTRA BOOST
The trick to creating good lighting is to focus on
what the light is hitting. Be sure to emphasise
shadows and highlights, which the Burn and
Dodge tools are great at doing. Airbrushing
certain parts of an object to smooth out areas
also gives lighting a more realistic look.

07 ADD DEPTH
I produced perspective to make the piece
stand out. I did this by creating a few circles using the
08 FINAL TOUCHES
Once I was happy with the overall
composition, it was just a case of tweaking colours
Ellipse tool, then proceeding to erase parts and using Color Balance and Levels adjustment layers.
applying the Gaussian Blur filter. These enhanced the lighting and depth of field.

074
BUILD A BETTER WEB
www.webdesignermag.co.uk

Available
from all good
newsagents and
supermarkets

ON SALE NOW
Amazing vector graphics | Be #1 on Google | A beginner's guide to PHP
DESIGN INSPIRATION PRACTICAL TIPS BEHIND THE SCENES STEP-BY-STEP ADVICE INDUSTRY OPINION

BUY YOUR ISSUE TODAY


Print edition available at www.imagineshop.co.uk
Digital edition available at www.greatdigitalmags.com
Available on the following platforms

facebook.com/webdesignermag twitter.com/webdesignermag
TECHNIQUES ACTIONPACKED COMPOSITES

PHOTOMANIPULATION

ACTIONPACKED
COMPOSITES
C
DISCOVER THE ART OF PIECING TOGETHER STATIC PHOTOS
TO CREATE BELIEVABLE, ACTIONPACKED SCENES
reating believable scenes isn’t easy, Special effects are also addressed in this tutorial,
especially when you’re working from a body and we will see how water splashes and waves can
of different stock resources. However, over be created from scratch. This becomes simple when
the following pages we’re going to learn how utilising the awesome power of Photoshop’s
to correctly place and match a whole bunch of brushes, along with a few more expert techniques
separate images, thus creating the stunning that are applied manually with the same Brush tool.
composite that we can see here. All the techniques covered here are fairly simple,
We’re going to explore ways to colour correct so you will easily be able to apply them to your own
elements and methods for adding surreal effects, so work. The inspiration for this tutorial came from a
that an image becomes eye-catching and, more rather interesting action sport involving a unit called
importantly, convincing. We will also learn how to ‘The Blob’. It’s a very entertaining and dangerous
manually create sunlight and highlights, as well as sport, so we wanted to capture not only how fun it is
match foreground and background elements. but also the risk involved.

076
OUR EXPERT
JOSH ROSSI
www.joshrossi.com
Rossi is a commercial photographer
obsessed with action movies, and
dreams of directing the next Bond
movie. In his spare time he creates
stunning images such as this one
using the photos that he takes.
@joshrossiphoto
SOURCE FILES
Inside the resource pack included on
your cover disc you will find some
original files that will need to be cut
out and then placed in order to
re-create this composite.

077
TECHNIQUES ACTIONPACKED COMPOSITES

WORK IN
PROGRESS
FROM EMPTY SPACE TO A
01 CREATE THE BACKGROUND
First, we’ll manually merge
the two ‘BGright.psd’ and ‘BGleft.psd’
SPRAWLING SCENE background files together. Place
BGright over the top and to the right of
BGleft to create a panorama. Line up
the mountains along the back and use
the Eraser, at 50% Opacity, to lightly
erase the hard edges of BGright. Don’t
worry about matching up the waves
perfectly as we will be placing a boat
over the top to hide the waves later. We
Progress 1: Gather elements
will also need to enlarge the
background so that it matches with the
other elements at a later stage.

02 LINE UP ALL ELEMENTS


Open, cut and paste ‘Rock.
psd’, ‘Guy_hit.psd’, ‘Boat_small.psd’
and ‘Boat.psd’ into the image. Match
them up with the background. Place
Progress 2: Add and refine the Boat layer to the left and Guy_hit
in the sky somewhere, for now.
Place Boat_small behind the other
layers. Make a copy of the Rock
layer then place this to the right side
of the image. Flip the original and
place it on the left side. Make sure
that you place each rock a little
differently so that it will look more
Progress 3: Boost effects authentic in the finished scene.

Set the Eraser tool to a


Grass brush style and erase
small parts of the wing. This
creates the effect suggesting
feathers have fallen off

03 EXCHANGE FACES
Bring in the new face from ‘Boat.psd’ and
place it directly over the old face of the cameraman,
04 PLACE THE BLOB
To cut out the blob we recommend using
the Pen Path tool. As you start selecting the bottom
05 CHANGE BLOB COLOUR
Sometimes colours don’t match in an
image, and we will need to target these manually. To
so they match up well. Add a Curves adjustment to part of ‘TheBlob.psd’, draw around the reflection – change the colour of the blob’s stripes we first select
the new face and brighten it, matching it to the rest you don’t need to be too precise here. Bring the blob the section we want to change with the Pen Path
of the body; adjust only the midtones. Make a precise into the composite and resize it until it looks right. tool, making sure that we have the Blob layer
selection of the cameraman’s hat using the Pen Path Use the Eraser to remove the hard line we have selected for this next step. Create a Hue/Saturation
tool. Once you have a good selection, go to the new created beside the reflection, so it blends with the adjustment layer, then change the Hue until we get
face layer and delete what is inside the selection. water. If the blob is too long then it will need to be cut the colour that we want. The selection we made in
This will create a seamless transition between the down to size; to do this, simply select a coloured conjunction with the applied adjustment layer will
old head and the new face. stripe, delete it and then reconnect the blob. add a layer mask automatically.

078
06 BROKEN BIRD
The free stock images of the birds and feathers that we used
can be found by entering the following search codes into www.sxc.hu:
1387379, 551773, 110238 and 625562. Once the birds are all placed,
take one of them and then flip it vertically. Now set the Eraser tool to a
Grass brush style and erase small parts of the wing. This creates the
suggestion that feathers have fallen off. Now cut out the feathers and
place them sporadically next to the bird. Add a small amount of Motion
Blur to each feather to complete the effect.

07 BOAT REFLECTION
Painting in the boat’s reflection is a fairly simple process. First create a blank layer
underneath the boat layer and then set it to the Overlay blend mode. Now pick a red colour
to simulate the boat’s colour and, with your brush set to 50% Opacity, lightly paint in some
red marks next to the boat to simulate a reflection. If the red colour is a little strong then
just add a Hue/Saturation adjustment and set Saturation to -50.

QUICK TIP
When cutting out an object,
feather the edges once you’ve
08 COLOUR EACH IMAGE
Now what we need to do is match the
colour and brightness of all the images in the
placed it into a new composition. The first thing to decide is what
composition – that way, each mood we want the final image to have. For this
image will look natural and image, we want a warm look. Start by adding a
won’t have that cut-out look. Hue/Saturation adjustment and then
To do this, simply create your desaturate the background by setting Saturation
selection and click Refine to -26. After that, add a Color Balance layer.
Edge in the top toolbar. Set Work with the Midtones settings, setting the
Feather between 1 and 3. Reds at 14 and Yellows at -11.

09 BRIGHTEN AND COLOUR MATCH


We have our background colours in place, so now we’ll start working on the other images in the
composition. Go to each one and give it similar desaturation and colour adjustments. Use clipping masks so that the
colour only affects the layer beneath the adjustment layer; to create one, hold down Opt/Alt and click between the two
layers. Now that the colours are similar it’s time to match the brightnesses. Add a Curves adjustment layer above
each layer we want to adjust and then brighten or darken as needed.

079
TECHNIQUES ACTIONPACKED COMPOSITES

11 PAINT WATER DROPLETS


To re-create the water spray simulating the
trajectory of the man, grab this brush: http://www.
brusheezy.com/brushes/2039-water-brushes.
Make the brush very small and paint in water
droplets using a white colour. Now set the Eraser at
50% Opacity and erase areas unsystematically to
make the water splashes look random. We enhance
this by using another brush: http://all-free-
download.com/photoshop-brushes/water_
splash_brushes_178287.html. Apply it with a white
colour at 85% Opacity, dabbing in a few places then
erasing where necessary.

QUICK TIP

10
Remember to use a soft-edged brush when
CREATE BOAT WAVES
you’re painting on most effects. Painting with a
Bring ‘Waves.psd’ into the composition and place it underneath the Boat layer. Use the Lasso tool to
hard brush will create an unrealistic look with
make a rough cutout of the small waves coming from the boat. Once selected, use the Transform tool to
harsh edges. This is especially true when you’re
resize and place waves underneath the boat for a realistic look. Erase around the hard edges as needed,
dodging and burning, and adding highlights, so
blending waves in with the background water. Set the Eraser tool at 100% Opacity with a Spatter style and
it’s good to make a habit of setting a soft edge.
then remove the bottom edges of the boat, simulating water splashes.

12 ADD HIGHLIGHTS
Each image needs to match up with the
lighting and colour cast in the background. To
13 HIGHLIGHTS AND CLIPPING MASKS
One last thing that will make this step a lot
easier is to create a clipping mask – this will make
14 BLEND IF
The Blend if sliders under the Blending
Options are useful when painting highlights. Double-
accomplish this we need to manually create painting on the highlights very precise because, as click a painted highlight layer and, at the bottom of
highlights on each individual layer. Create a blank we explained earlier, a clipping mask will only affect the pop-up dialog, you’ll see the Blend if options.
layer above an image layer then set this to Overlay. the layer below it. Hold down Opt/Alt and then click We’ll be working with Underlying Layer. Hold down
Choose a soft-edged brush to paint on the highlights, between the blank layer and the layer beneath it. You Opt/Alt and then drag the left slider. This separates it
with Opacity set at 30%. When choosing our colour are now ready to manually paint in the highlights. into two, and we can now adjust either one to create
it’s important to pick one that closely matches the Grab your brush and start painting on the edges of the correct highlights. By bringing the sliders over to
light source, or perhaps a lighter shade. If we paint your objects, simulating how the orange sunlight the right, the colour we paint is being revealed only
with a darker colour the highlights wont look right. would hit each one in real life. on the highlighted areas and not in the shadows.

080
15 DODGE AND BURN
Dodging and burning is a technique used to
lighten or darken certain areas of an image. In this
16 CREATE SHINE
Dodging and burning can create unique
looks; one we focus on in this step is creating ‘shine’.
17 ADD SUNLIGHT
Adding sunlight is a very important step that
will make the image look much more vibrant and
case, we are going to dodge and burn in order to Apply a white soft brush over an area by using just colourful. Earlier on, we added highlights to each
create a surreal effect and make image elements one brush stroke. Next, reduce the diameter of the object. In this step we are going to add sunlight to the
stand out. Create a new layer above the layer we brush just a little and then give the same area rest of the background. To add the sunlight, create a
want to affect and then set it to Soft Light. Choose a another pass. Repeat this maybe once or twice more blank layer above the background image and set it to
soft-edged brush and set its Opacity to 20%. We are and we will soon start to see a shine forming. It’s the Overlay blend mode. Choose an orange or yellow
now ready to create our effect. As we’re doing this best to apply this technique to areas that are brighter colour to simulate that of the sunlight and then paint
we need to be detailed in our application, paying rather than darker. Remember to keep your brush some light into the surrounding areas, including
attention to small cracks and crevices. Opacity low, at around 20%. some of the water and clouds.

Dodging and burning is


used to lighten or darken
certain areas… we are going to
create a surreal effect and make
image elements stand out

18 MAKE MOOD
We’re now going to add some mood and
bring the focus into the centre of the image. To do
this, we’ll add a custom vignette around the image.
Create a blank layer over all the others and set it to
Soft Light. Choose a soft-edged brush with a large
diameter and change the Opacity to 30%. Lightly
paint around the outer edges of the image to create
the vignette. If you’re not satisfied with the result
then try duplicating the layer to intensify the effect.

19 MANUALLY ADD IN COLOUR


Sometimes, Color Balance just isn’t
enough. Here’s how to manually add colour to each
image individually. Create a blank layer above each
layer we want affected and set it to Overlay. Pick a
soft brush and then a colour similar to the underlying
layer. Make sure the colour you pick is more vibrant
than the original. Now set a low Opacity, around
20 CREATING CUSTOM LENS FLARES
To finish things off, we’ll now manually add flares to our image. Create a blank layer above the rest
and then set it to Screen. Choose a red colour and, with a soft-edged, large diameter brush at 100% Opacity,
30%, and precisely paint colour. We will need to do start painting in some flares. To create a lens flare effect just dab the brush in a few areas. Applying paint in
this with almost every object. Don’t worry about this manner means we have more control over the colours and the placement of the flares. Once you’re happy
doing this to the models’ skin. with the result, give your finished piece a final check.

081
RAW WAR
HERE WE NAIL DOWN TWO LEADING RAW PROCESSORS, PITTING THEM
AGAINST EACH OTHER TO SEE WHICH PROVIDES THE MOST CONVINCING EFFECTS

082
A
dobe Camera RAW (ACR) software has Many of us trust ACR’s lineage. This is choice to use it may well depend on the depth of
been seen as the benchmark for understandable when considering how recent your pockets. Although, when you consider just how
converting RAW files for some time now. versions have extended its already impressive many of us are willing to spend big bucks on expert
However, that all could change with the processing engine. Application in ACR couldn’t be lenses to compensate for image quality, DxO’s claim
introduction of DxO Labs’ own challenger – Optics simpler either, through easy-to-use sliders. to provide extensive combinations goes some way
Pro 8 Elite. However, DxO also comes out swinging, providing to halving this cost.
Over the next few pages we pit these premium users with an exclusive calibration process for So far we’re still tied. So in the following pages we
software head-to-head, as we try to decipher which 10,000 combinations of cameras and lenses. take a more in-depth look at both software, testing
we should use to edit our photos. The answer to this ACR is free with Photoshop, which may be a all the new functionality on offer and making a
question hinges on several factors, spanning the deal-breaker for some, as DxO Optics Pro 8 Elite will definitive decision of which is king: Adobe Camera
range of essential creative and practical edits. set you back an additional £239. This means your RAW 7.4 or DxO Optics Pro 8 Elite!

083
rEviEws RAW WAR

Editing light in
CamEra raw
EffEctivEly transform imagEs using
improvEd slidEr controls

01 oPen The sTarT image


Once an image has been opened in
Camera Raw 7.4, you’ll find the layout is very
above: camera raw’s split toning option can be used to great effect to produce a creative tint that complements the source image. Here you
can see the simplicity of the interface simple, with a large viewing area and
slider-based editing tabs situated on the right of

taCkling raw and lens from file metadata, matching this with a
profile and correcting the file. This mechanical
the Preview panel. First we will alter the
exposure by setting the associate slider to +1.60.
ConvErsion recognition is incredibly useful and takes a lot of the
In the comparison stakes, DxO Optics Pro 8 Elite guesswork out of the editing process. We can still go
has a very intuitive interface, which presents a through and adjust each of the settings manually,
coherent order that runs us through the correct using the Compare screen to see exactly what we
stages of creation. Panels are also fully are affecting.
customisable, which means we can base our editing Bundled with Photoshop CS6, Adobe Camera Raw
workflow around the most commonly used options, 7.4 (ACR) controls standard elements, such as
before proceeding to the final stage of processing. contrast and exposure, as well as the Kelvin scale.
Identifying the images we wish to edit in DxO This supplies a very concise workflow, but isn’t
Optics Pro 8 Elite is incredibly simple with the geared towards individual use and is more generic.
Organize panel. This enables us to root through The processing options in DxO Optics Pro 8,

02
folders from our hard drive and selected images are however, are very specific. Users perhaps
lighTing wiTh sliders
viewable from the thumbnails at the bottom of the inexperienced with file types will be quickly educated,
Attack the added noise by knocking the
editing space. Alternatively, we can select Project as the software provides detailed JPEG and TIFF
Contrast slider down to -3. Also reduce Clarity by
View to name and categorise our own projects. option settings. There’s also the option to create DNG
-15 to blur the image enough to soften noise. To
Once images are selected, DxO Optics Pro 8 Elite files, which is surprising as this software makes little
bring back more detail, reduce the Highlights
automatically recognises the camera’s model, body attempt to read them.
slider to -90, increase Shadows to +48, Whites to
ACR, on the other hand, has a simplified thumbnail,
+21 and also reduce Blacks to -33.
DxO Optics Pro 8 Elite preview and editing panel, with the processing
capacity to create JPEGs, TIFFs, PSDs, DNGs and
recognises the camera even open files as Smart Objects. Sadly, with all
model, body and lens from file these bells and whistles there is no browsing option
incorporated into the latest version of the software,
metadata, matching this with a with Bridge taking care of the cataloguing and
profile and correcting the file workspace layout. This means we can’t just jump
into ACR, browse for a file, edit and save it. Instead
we have to laboriously move through programs,
which when taking workflow into account is
incredibly counterproductive.

03
The art of RAW conversion is now laid in the hands
Tonal ParameTric curve
of working professionals, with software now capable
Next try using the Parametric Curve for
of providing much more control than the technology
toning, which is preferable to the Point Curve
inside our cameras. Instead of letting the tech decide,
due to ease-of-use. Adjust the Highlights by +28,
we can now make judgements ourselves, using
reduce the Lights by -52, lower the dark tones
powerful yet easy-to-use options. How these are
by -18 and raise the Shadows by +25 to give the
presented makes an intuitive workflow all the more
above: camera raw’s simplified approach to handling files is image a more neutral light.
intuitive. save options are all clearly stated and easily navigated productive.

084
editing Light in Fix nOise & chrOmatic approach. DxO’s Lens Softening tool, on the other
hand, is a game-changing image sharpener, which
dxO Optics prO 8 aberratiOn uses image data to set the softness into three key
Combine innovative tools to Create There are two schools of thought concerning areas – Global, Detail and Bokeh. Images can be
stunning looks photographic noise. One suggests that noise restored to a useable standard, as if they were sharp
contains an element of detail, the other that detail all along. Camera Raw 7.4 competes by coupling
shouldn’t be allowed to exist. In truth, there’s no several options, including Contrast and Sharpness
escaping it. With the intensity and intelligence that tools and the Clarity slider, all applied to bring back
DxO offers, you can just about dodge it instead of edge detail efficiently.
escaping it all together.
Camera Raw 7.4 and DxO Pro 8 Elite have many
similar noise-reduction options, although, DxO does
go into greater detail with its Chrominance and Grey
Equalizer features, which help smooth out and hide
away the noise generated across an image. Camera
Raw has a similar set of features in its Detail panel,

01 combat ExposurE
You can make use of the Light and
Color panel to remedy an underexposed image.
where we find the Sharpening options and the Noise
Reduction panel. These enable us to reduce the noise
in colours as well as colour detail.
above: When using the chromatic adjustments within Dxo, it’s wise
Reduce the Exposure Compensation option by One thing that Camera Raw 7.4 doesn’t have, is a to zoom in past 75% to see a true reflection of what is happening
setting this to -1.11 and increase Smart Lighting dedicated option for dead pixels. This is where DxO
to 125. The image becomes neutral in tone, rises above its rival. If we have an old camera, or
enabling Contrast to be raised to 76 and the images that are speckled from broken or dead pixels
Microcontrast to 100. on our sensor, the Pro 8 Elite Dead Pixel slider will
simply eradicate such artefacts instantly. However,
DxO Pro 8 Elite’s automated options do such a great
job at fixing these, we don’t necessarily have to go
back and alter much, if anything at all.
Sadly Camera Raw 7.4’s own noise-reduction
functionality is found wanting in comparison. We can
above: make use of Dxo’s dark interface, as it brings out the colours
export to Photoshop and run all sorts of image and will help you cast a critical eye over the image
tweaks, but its aberration tools really are second
place to DxO’s. Pro 8 Elite’s database and recognition
of lenses and bodies – as well as its automatic
image updates dependant on the spec listed and
If we have an old camera…
the Pro 8 Elite Dead Pixel
02
selected – far out-weighs what can be done with
imagE rEcovEry
DxO’s Selective Tone options can
Lens Correction options in Adobe’s solutions.
Camera Raw 7.4 does have a Lens Profiling option,
slider will simply eradicate such
enhance lost detail even further. Here we’ve
reduced Highlights to -62 and Midtones to -16.
but this is sadly a little less user-friendly in its artefacts instantly
We’ve also raised Shadows to 26 and lowered
Blacks to -7. This adds shade and tone to
darkened areas by boosting contrast. It also
neutralises previously blown lighting in our sky.

03 EdgE dEtail
You can recover edge detail by coupling
the Unsharp Mask and DxO Lens Softness
options. We’ve tightened the focus in our image
by applying the following Lens Softness settings:
Global at 0.72, Details at 72 and Bokeh at 29. The
difference before and after is striking. above: Dxo’s Comparison view is incredible at highlighting just how much more information is being retrieved from the raW file. Here the lens
softness tool is proving its power

085
REVIEWS RAW WAR

COLOURCORRECTION A complement to these controls comes in the form


of the Split Toning panel, where we can tone the
CAPABILITY shadows and highlights, as well as add a more
The colour-correction tools available in both DxO Pro stylised look to our images. This can be enhanced
8 Elite and Camera Raw 7.4 provide cutting-edge further by the software’s Adjustment brush. This
functionality. Options are available in both to select enables us to paint onto an image non-destructively,
profiles already installed and proof immediately by using a mask over the selected area and editing
imagery, all while completely controlling colour. with various adjustments.
In Camera Raw 7.4, we’re instantly greeted with the Sadly DxO doesn’t have an Adjustment brush for
Vibrance and Saturation controls, as well as a painting. It does, however, have Global and specific
Histogram to show us channel information. We also HSL controls, as well as the Tonal Curve option,
Above: Here you can see the detail DxO has been able to retain, while
bringing back colour detail in the shadows. This creates greater have controls dedicated to White balance, which we which adjusts the RGB value of an image. Another
depth in an image
can override or create first-time effects using DxO function that’s very useful is its Color Rendering
presets. Most importantly, we have individual Hue, option, which enables us to target our colour
Saturation and Luminance controls, which mean that rendering to a camera body, film style or ICC profile.
we can alter a selection of tones. This helps maintain a solid colour profile.

Above & Left: This close-up image of a tree shows how the image was impeded by
noise. However, by using the Sharpen and Noise Reduction controls in the Detail
tab, distortion has been removed

VERDICT
For us, DxO Optical Pro 8
Elite is the clear winner, due
to its incredible sharpening
options, extensive lens
database and chromatic
DXO OPTICS ADOBE CAMERA aberration tools. Where
PRO 8 ELITE RAW 7.4 Camera Raw 7.4 should
An astonishing program that’s An outstanding RAW-processing have won with its
ideal for photographers looking software, Camera Raw still rides Adjustment brush and
to pull back detail from source high as an industry-standard Split Toning, it pales in
imagery to perfect shots. The photo editor, with tools such as comparison when combating
Lens Softness tool is a real boon the Adjustment brush and Split noise and pixels and hasn’t advanced
and the lens database makes it a Toning options. It also has the enough with its automation. Seeing as
worthwhile investment. Add in ability to read, edit and save DNG DxO is a standalone editor, as well as a
the Dead Pixel and Smart files and export images as Smart processor, it’s a clear Adobe competitor.
Lighting features and it’s even Objects for creative application
more worthy of the extra cost. inside Photoshop.
As DxO is a standalone editor, as well as a
4/5 3/5 processor, it’s a clear Adobe competitor

086
Wacom cintiq 13HD reviews

Wacom cintiq 13HD


We see if size really does matter With this
neW slimline integrated display
www.wacom.com
• £750 / $999 • Windows 8, 7 (32/64 bit), Vista SP1, XP SP3, Mac OS X 10.6.8 or later with an Intel processor

killer features
Discover aDDitional new functions with the cintiq 13hD

■ Colour spaCe
The Wacom Cintiq 13HD supports 75% Adobe
RGB, which is a lot less than the 24HD
models. However, this is an improvement on
the (lowest) 72% supplied with the 22HD.

■ expressKeys redesIgn
Touch-screen functionality would
have undoubtedly enhanced
application in the lap, but the
programmable ExpressKeys and
Rocker Ring are sufficient for
swapping between the various
Photoshop functions.

■ new pen
■ Improved brIghtness The new Pro Pen works with all of
Screen real estate may be smaller but this Wacom’s tablets. It’s now portable with a
doesn’t affect image clarity. This Cintiq is a plush case, including extra nibs, pen
full-HD device with the highest brightness colour rings and a nib removal tool for
values of any in the series (250 cd/m2). full user customisation.

C
ompact devices appeal to fashion-minded necessity. With a larger screen, boosted specs and at We still need a separate computer and AC power,
consumers. They’re sleek. They’re stylish half the weight, the device is a solid replacement. and many might think this would limit portability.
and they’re more portable. But is this what The Cintiq 13HD sufficiently supports full HD, with Sadly, there’s a chance of this happening, with cables
digital artists really want from an integrated a native resolution of 1920 x 1080 pixels, and spares all over the place – even with the 3-in-1 cables.
display? Wacom seems to think so. no expense when it comes to precision. It includes However, this is a situation wholly dependent on our
Its most recent launch, the Cintiq 13HD, is no 2048 levels of pen pressure – an industry standard studio layout, and Wacom redeems itself by
bigger but distinctly slimmer than a Wacom Intuos. we’ve come to expect from all Cintiq models. We get designing a detachable stand. The Cintiq 13HD can
Its 13.3-inch screen offers nearly the same sized the full benefit of a 16.7 million-colour output, easily be used in the lap, which makes working far
drawing area as a medium-sized Intuos5. But if all ensuring clear images and ExpressKey functionality more immersive and comfortable.

Verdict: 7/10
we wanted was a lightweight device then we’d opt for an improved software workflow.
for a tablet, every time. The Cintiq 13HD, however, is Larger screens offer a more natural application
about much more. with a stylus, especially when applying broader and The price and amount of programming
This device includes notable upgrades, surpassing more natural brush strokes to painted images. Yet required may put off enthusiasts, but the
those available in the discontinued Cintiq 12WX. the Cintiq 13HD seems well in-tune with sketching, Wacom Cintiq 13HD is good for those
Through its absence, a smaller-sized Cintiq seems a linework, inking, colouring and retouching. looking to venture away from the Intuos.

087
reader interview Engaging photo illustration

reader interview

Engaging photo
illustration
A
Freelance digital artist JeFF Whitlock tells us hoW
his traditional background inFluenced his digital art
fascination with visual art started very These photos are combined together and
early on for Jeff Whitlock. Drawing, transformed in Photoshop in such a way that the
print-making and illustration were his finished piece is greater than the sum of its parts.
main focus for years, and it was only when
he found himself in a commercial environment that wHat is your creative process?
he began working with computers. “For some My creative process involves first coming up with a
reason, it was not easy for me to make the transition quality concept – it’s an important foundation to
from traditional to digital art. Metaphorically, it was everything that follows. Next the process involves a
like learning a new and very difficult language. I combination of taking photographs and/or finding
struggled –– it just wasn’t intuitive for me.” appropriate stock photography to create a our reader
Amazed by the possibilities available in the digital compelling composition. Once the photography has Jeff Whitlock
www.jeffwhitlockdigitalartist.com
world, Whitlock never looked back. Given his been worked out, I normally import the images into www.advancedphotoshop.co.uk/
background in traditional art, we wanted to talk to Adobe Lightroom to organise and make global user/Jeffwhitlockdigitalartist
him about his creative process and find out who adjustments to them.
influences his work.
wHicH artists Have influenced your
How would you describe your style? work and wHy?
I would describe my personal style as ‘photo- The Great Masters (especially of the Renaissance)
illustrative’. Most of the elements in my have influenced me a great deal. I’m in awe of their
compositions begin in the form of a photograph. use of colour, light, shadow, and the extraordinary
all article images © Jeff whitlock

eMS Rescue: add elements to your composition that enhance the energy and mood. For this composite, Premonition: Using a very limited color scheme with high contrast can be
i added lights to the cars, several layers of snow and a dramatic sky to amplify the drama of the scene very effective at creating a sense of mood and mystery in your images

088
I love the freedom that comes with being a freelance
digital artist. Even with cash flow uncertainty and the
additional non-creative tasks necessary to run a successful
digital art business, I would not trade it for anything
Clockwise from
top left;
Sunset Copter:
Composite image
created for Mercy
St. Vincent Medical
Center Life Flight of
Toledo, Ohio. Be
sure to add your
colour adjustments
to the top of your
Layers stack. These
adjustments will
help you to unify
and harmonise the
colours of each of
the underlying
photographic
page elements
Eternal love:
Composition is the
foundation to a
successful image.
Be sure to arrange
elements in a
manner that leads
the viewer through
the image in an
effective and
pleasing way
Baseball: Be sure
to add components
that complement
the main elements
of the composition
and help further
communicate the
mood and story
Fire, sparks and smoke were created by
layering photographs set to various
blend modes (like Screen) and modified
using the Warp and Liquify tools

I photographed myself as the main


compositional element using a front fill
light and two soft boxes, on either side,
for edge lighting

Various elements were photographed,


outlined and then arranged in the
composition to create a sense of depth
and to enhance the mood of the image

090
ENGAGING PHOTO ILLUSTRATION READER INTERVIEW

compositions of painters like Da Vinci, Raphael and


Rembrandt. I admire the conceptual and THEN AND NOW
metaphorical work of Salvador Dali and René SEE THE PROGRESSION OF WHITLOCK’S STYLE
FROM HIS FIRST TO HIS MOST RECENT ARTWORK
Magritte – innovators who stepped beyond the literal
U2 Cover is one of the first composite images that I
realm to capture their unique personal visions.
created with Adobe Photoshop. At the time, I felt it
was a powerful image and was quite pleased with
WHAT DO YOU THINK IS THE BEST WAY TO GET
the finished product. Peace is one of my most
YOUR WORK NOTICED?
recent composites.
I think the best way to get your work noticed is to get
I believe that comparing the two images
it in front of as many people as possible, using a
demonstrates an enormous progression in my
variety of avenues. Online, the possibilities are
work. The U2 piece has a foreground, middle and
unlimited. There are many sites that encourage
background, yet seems flat and one-dimensional.
artists to upload their digital portfolios for free (like
Peace, in comparison, has a great deal more
AdvancedPhotoshop.co.uk). Opportunities for
depth, dimension and a stronger sense of emotion. U2 Cover: This piece was a
artists to share their work via social media are magazine cover assignment
It features a powerful triad balance between the and one of my first composite
abundant and continue to expand and develop in images in Photoshop
enormous rhino, a small child and a delicate bird.
number and scope.
In addition, I believe it pays to contact advertising Peace: Peace is a self assignment/
promotional work. It has been wisely
agencies, publishers and marketing companies pointed out “anything that does not add
to the composition, subtracts from it”
directly. Begin with an introductory phone call as well
as by mailing printed samples to the appropriate
contact. Leveraging every opportunity to make
industry connections is critical for success.

WHAT DO YOU BELIEVE IS THE MOST


IMPORTANT ASPECT WHEN WORKING ON A
PROJECT FOR A CLIENT?
In my opinion, the most important aspect of working
with a client is communication. It’s basic but crucial.
With every project, I make certain that I’m always
communicating as clearly and concisely as possible.
I communicate with my clients throughout the
process, making sure that nothing is assumed or left
to chance. I double-check project parameters and
provide clients with ongoing evidence that I’m
handling their project with integrity, thoughtfulness
and professionalism.

DO YOU BELIEVE THERE ARE BENEFITS TO


WORKING FOR A STUDIO AS OPPOSED TO
GOING FREELANCE? necessary to run a successful digital art business, WHAT PROJECTS ARE YOU WORKING ON AT
I worked in a studio for about 5 years and have since I would not trade it for anything. THE MOMENT?
worked as a freelance digital artist. In my estimation, I’m finishing up a large project for the Chrysler
there are two major benefits to working in a studio. DO YOU USE PHOTOSHOP FOR EVERYTHING? Corporation’s Jeep plant in Toledo, Ohio. It’s a series
First, there are other creative people to collaborate I use Photoshop for most, but not all of what I do. In of 10 montages that depict their six corporate core
with and bounce ideas off of. Second, there’s the addition I use Adobe Lightroom. Elements for each values. The montages are being output at nearly nine
advantage of having steady work and regular pay. project are first organised in Lightroom, then initial feet high in various lengths up to 18 feet. They will be
However, after working independently I don’t think I global adjustments are made prior to taking the installed in three hallways that lead from the visitor
could ever go back to being an employee in a studio images into Photoshop. As well as the creative entrance to the main factory inside the Toledo facility.
again. I love the freedom that comes with being a possibilities it offers, Lightroom has exceptional It’s been a large and complex process, but will be
freelance digital artist. Even with cash flow database features that make it indispensable for extremely satisfying once all of the graphic panels
uncertainty and the additional non-creative tasks project management and archiving strategies. have been installed.

Shoot
• Portrait • Fashion
Learn Photography in 25%
Central London • Lighting • Wedding discount
Day - Evening - Weekend • Black + White • Still Life if you book
early
for a new career Beginners welcome • Re-touch advanced London Academy of
Media Film and TV

20 new courses now available www.media-courses.com 020 7138 2909


ON THE DISC PRODUCE PAINT SPLASH STOCK

RESOURCE PROJECT
TUTORIAL FILES

PRODUCE PAINT ON THE DISC

SPLASH STOCK
W
LEARN HOW TO SHOOT PAINT SPLASH PHOTOGRAPHY
AND INTEGRATE IT INTO YOUR ARTWORK
orking with paint can be very messy, To help us answer that question, this Resource
which is why many of us will invest in Project teaches you how to grab that snapshot, avoid
existing photo stock, adding this to our blurring and minimise mess. Our end results will be
paint splat images instead. However, suitable for commercial or personal projects by the
what if we knew how to shoot in a controlled time we’re finished. We also discuss ways we can
environment to get that perfect snap – would there use paint splash stock to create our own abstract
be any need to spend money on stock? looks – adding movement to energise artworks.

THE PERFECT SHOT


MAXIMISE IMAGE QUALITY WITH THE CORRECT SET UP

02 INSTILLATION SET UP
Tape the pipette to a reflector
arm overhead and then place either a
Perspex or a white laminated,
medium-density fibreboard beneath.
Paint drops will bounce off this and it’s
also easier to wipe clean later. Shoot
against a white backdrop, so that
removing paint splashes from digital
files becomes straightforward.

01 PAINT AND WATER MIX


It’s imperative to create the right consistency
from our raw materials. Add too much water and the
solution becomes diluted. Add too little and it
becomes too thick. Try a 2:1 (water to paint) ratio for
the best results, and also use a 60 millilitre pipette for
easy extraction.

03 CAMERA SET UP
Shoot at 1/3400 sec to effectively
freeze-frame the droplets and splatters ejected from
the pipette. Use a flashgun fast enough to sync and
achieve the correct lighting. Get correct depth of field
by setting the camera to an aperture of F11. A prime
macro lens ensures crisp detail and brighter images.

092
PRODUCE PAINT SPLASH STOCK ON THE DISC

THE SHOOT
THE BEST SETUP FOR CAPTURING PAINT SPLASHES

01 PICK THE BACKDROP


Shoot against a white
backdrop to simplify editing in the
03 USE A HARD SURFACE
Perspex or laminated
medium-density fibreboard (MDF)
postproduction phase make a good solid base, which
paint will bounce off

02 POSITION THE PIPETTE


Tape the pipette to a
reflector arm about two feet
04 CAMERA SETTINGS
Shoot at 1/3400 sec and
use a flashgun to freeze-frame
overhead for better impact droplets and splatters

093
ON THE DISC PRODUCE PAINT SPLASH STOCK

ADD ACTION TO IMAGES


DIGITAL ARTIST THOMAS EGAN (WWW.THOMASEGAN.COM.AU)
EXPLAINS HOW TO CREATE SYNERGY USING MODELS AND PAINT STOCK

■ LIGHT AND COLOUR


Apply Hue/Saturation adjustment
layers to alter the paint splash
colour and improve contrast. To
achieve realism, define a light
source then relight paint layers,
adding duplicate layers set to
either the Multiply or Linear
Dodge blend mode. Try using
stock images where light already
matches, as this saves time.

■ SMALLEST DETAIL
Add some droplets and finer paint particles
breaking away from areas of movement.
These are applied to create visual interest,
■ MOVEMENT AND ENERGY
but also more importantly to mimic real-life
Apply paint splash layers to the base model in
effects. Develop other smaller elements that
certain places that accentuate shape and form.
complement the flow now existing in the
You can further enhance a sense of direction and
image. Seamlessly merge these elements
energy by applying the Warp tool or Puppet tool.
with the help of layer masks.
Use these to manipulate splash layers and create
flowing lines, which will complement the
movement from the base model.

094
Learn in style

The TM

Series
Discover more with the Book series’ expert, accessible tutorials for
iPad, iPhone, Mac, Android, Photoshop, Windows and more

BUY YOUR COPY TODAY


Print edition available at www.imagineshop.co.uk
Digital edition available at www.greatdigitalmags.com
Available on the following platforms

facebook.com/ImagineBookazines twitter.com/Books_Imagine

Você também pode gostar