Photoshop Advanced
Photoshop Advanced
20
EXPERT
TIPS FOR
VECTORS
+ TASTY TYPE TECHNIQUES CONTROL COLOURS & TONE LEVITATION EFFECTS MAKE INK SWIRL BRUSHES
ISSUE 139 WELCOME
36
WORKSHOP:
PRO POSTPRODUCTION
IN THIS ISSUE... Discover how Lightfarm Brasil’s Milton
Menezes enhanced this 3D scene
P
ost-production is one of the most Elsewhere in the issue, Michael Herb explains the
interesting industries that a Photoshop process behind creating a levitation effect, from how INSIDE:
artist can go into. Despite (or perhaps to pose and photograph your model to look like POSTPRODUCTION
because of) the fact that it can entail a daily they’re in mid-air, to the photomanipulation and
grind of colour grading, masking and High Pass compositing tricks you need to carry the effect off.
filters, it’s one of the best industries for honing your Find it on p44.
skills. Scratch most creative Photoshop artists and On p54, concept artist Adam Varga walks us
beneath their fabulous personal work you’ll find the through his painting process, explaining how tone
APRIL MADDEN solid foundation of the post-production workflow and colour come together to create a fantasy scene.
Editor LEVITATION
they use in their day jobs. Meanwhile on p62, illustrator Neil Duerden has some
Happily you can achieve the same level of finish, tasty tricks for 3D type to share.
COVER IMAGE and learn the skills you need to compete in the With vectors becoming ever more usable in
AHMAD N TURKI post-production industry, in our feature on p26. Photoshop, and Illustrator becoming even more
http://tinyurl.com/pjtpfs4
For quicker, easier 3D Here four post-production experts from around the integrated with our favourite program in the Creative
post-production in world share their skills, advice and insights into Cloud suite, we’ve also got 20 practical and creative
Photoshop you can’t beat
their workflow for retouching photos, honing 3D tips for creating a wide range of vector artwork in our
PAINTING TECHNIQUES
render passes, and
Ahmad N Turki images, creating atmospheric arch-vis and feature on p72. Plus we review the amazing new
demonstrates how he producing creative automotive art. Plus you can get Cintiq Companion 2 from Wacom (p80) and showcase
used them to create our
beautiful cover image in a behind-the-scenes look at how Lightfarm Brasil a range of incredible artwork from artists, designers
our feature on p26. work on their post-production projects on p36. and illustrators across the globe. Enjoy the issue!
3D TYPOGRAPHY
.co.uk
@advancedpshop /AdvancedPhotoshop
003
ISSUE 139
CONTENTS
EYE ON DESIGN RESOURCES
What’s hot, who’s in and the Amazing creative resources to
latest art & design happenings enhance your Photoshop work
10 Portfolio Interview:
Inspirational digital painting
16 Project Focus:
Smokin’ typography
18 Studio Interview:
pokedstudio
TECHNIQUES
Professional artists reveal their
high-end Photoshop skills 18
POKEDSTUDIO
26 Feature: Master post-
production for incredible art
BEHIND THE SCENES WITH THIS UK STUDIO
Workshop:
Pro post-production
68
42 How I Made:
Jar O’Greens
8
HOW I MADE:
44 Workshop: MERMAID’S WISH
Create a flying effect SHANNON MAER’S AMAZING ART
How I Made:
Wooden Rhinoceros Beetle SUBSCRIBE
Workshop: Control tone
and colour in scenes
TODAY! SEE PAGE 24 FOR THE
LATEST OFFERS
60 How I Made:
Autumn Forever
10 FOR BACK ISSUES, BOOKS
AND MERCHANDISE VISIT:
PORTFOLIO INTERVIEW
62 Workshop:
Tasty type tricks
CHARLIE BOWATER’S TOP TIPS
68 How I Made:
Mermaid’s Wish
72 Feature:
20 expert tips for vectors
86 Reader Interview:
Stretch yourself PREMIUM PHOTOSHOP CONTENT
Download free Photoshop assets on p96
e /VER ACTIONS
e &ONTS WORTH
REVIEWS e 6IDEO TUTORIALS
We put the latest creative kit
and apps to the test
80 Wacom Cintiq
Companion 2 96 90
84 OnOne Perfect
Effects 9
BONUS RESOURCES
FANTASTIC FREEBIES ON FILESILO
RESOURCE PROJECT
CREATE INK SWIRL BRUSHES
004
72
20 EXPERT TIPS FOR
VECTORS
EXPERT ADVICE FROM INDUSTRY PROS
44
CREATE A
FLYING EFFECT
SHOOT AND EDIT THE LEVITATION LOOK
50
26 HOW I MADE:
MASTER POSTPRODUCTION FOR INCREDIBLE ART WOODEN RHINOCEROS BEETLE
FOUR POSTPRODUCTION EXPERTS SHARE THEIR ESSENTIAL ADVICE A CREATIVE PROJECT FROM JEREMY KOOL
60 54
HOW I MADE: CONTROL TONE & COLOUR
AUTUMN FOREVER LEARN HOW TO CONTROL TONE AND COLOUR
BEAUTIFUL ART FROM GUY SHIELDS FOR BETTER DIGITAL PAINTINGS
62
TASTY TYPE TRICKS
CREATE DELICIOUS 3D TYPE AND ADD
86
SOME TASTY TEXTURE EFFECTS
READER INTERVIEW
RODRIGO MARINELLI’S INCREDIBLE PHOTOMANIPULATIONS
005
EYE ON DESIGN PRO PANEL
© Michael Herb
MICHAEL HERB
www.michaelherbphoto.com
Matching tones of multiple elements can
be one of the most difficult aspects of
composites. Getting everything to blend
doesn’t have to be a headache! Import
every element of a composite as a RAW Smart Object and
use the powerful Camera RAW dialog to balance colours
between elements. Do this before rasterizing any layers and
you will find blending elements much easier.
■ Find out more about how Michael Herb creates
composites in his tutorial on p44
006
The magazine for Adobe® Photoshop® professionals
Imagine Publishing Ltd
Richmond House, 33 Richmond Hill,
Bournemouth, Dorset, BH2 6EZ
+44 (0) 1202 586200
MILTON MENEZES Web: www.imagine-publishing.co.uk
www.lightfarmbrasil.com www.advancedphotoshop.co.uk
www.greatdigitalmags.com
One of the best-hidden tips in Photoshop for the majority of users is Blend If. Blend If is
hidden under Blending Options in the Layer Style window. You can find it by double- Magazine team
Editor April Madden
clicking a layer and then adjusting the levels of black and white of your layer and the [email protected]
underlying layers. The master tip here is to use Alt to separate the cursors so you can 01202 586218
have smoother transitions. Without using the Alt button, this tool is not helpful. Once you master Blend If, Editor in Chief Amy Squibb
Production Editor Rebecca Greig
the possibilities are as big as your creativity. I use it all the time!
Designer Rebekka Hearl
■ Get more expert Photoshop tips from Milton Menezes as he explains his post-production Photographer James Sheppard
process on p36 Senior Art Editor Duncan Crook
Publishing Director Aaron Asadi
Head of Design Ross Andrews
Contributors
Khaled Alkayed, Julie Bassett, Neil Duerden, Michael Herb,
Milton Menezes, Kirk Nelson, Kenneth Shinabery, Ricardo
Thomaz, Ahmad N Turki, Adam Varga, Poz Watson, Mark
White and Fahran Younas
Advertising
Digital or printed media packs are available on request.
Head of Sales Hang Deretz
01202 586442
[email protected]
Advertising Manager Alex Carnegie
01202 586430
[email protected]
FileSilo.co.uk
Assets and resource files for this magazine can be found on
this website. Register now to unlock thousands of useful files.
Support: [email protected]
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
[email protected]
Subscriptions
© Milton Menezes
interesting way that will stand clear of the competition. Remember creativity for no Founder
Group Managing Director Damian Butt
reason will not serve the purpose and at the end of the day they are the ones paying the bills.
■ Learn more from Neil Duerden’s industry expertise in his tutorial on p62 Printing & Distribution
Printed by: William Gibbons & Sons Ltd, 26 Planetary Road,
Willenhall, West Midlands, WV13 3XT
Distributed in the UK, Eire and the Rest of the World by:
Marketforce, 5 Churchill Place, Canary Wharf, London, E14 5HU
0203 787 9060
www.marketforce.co.uk
Distributed in Australia by: Network Services (a division of Bauer
Media Group) Level 21 Civic Tower, 66-68 Goulburn Street,
Sydney, New South Wales 2000, Australia
+61 2 8667 5288
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.
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.
All $ prices are US Dollars unless otherwise stated.
If you submit material to Imagine Publishing via post,
email, social network or any other means, you automatically
grant Imagine Publishing an irrevocable, perpetual, royalty-
free license to use the images across its entire portfolio,
in print, online and digital, and to deliver the images to
existing and future clients, including but not limited to
international licensees for reproduction in international,
licensed editions of Imagine products. Any material you
© Neil Duerden
007
EYE ON DESIGN INDUSTRY NEWS
O
n 15th July 2015, Wacom launched its Create
More campaign. The campaign itself targets
both professionals and enthusiasts in the fields
of illustration and photography.
Create More showcases 11 of the world’s top
artists including: Benjamin Von Wong, a visual
engineer and illustrator from Canada, Lithuanian
digital artist and photographer Natalie Shau, Miss
Led, an illustrator from the UK, American comic book
artist Brooke Allen, Robert Hranitzky, a German
photographer and motion designer, Crystal Kung, an
iIlustrator from Taiwan, Chilean cartoonist Alberto
Montt, Ohagi, a Japanese illustrator, Australian
illustrator Guy Shield, photographer and digital artist
Adrian Sommeling from the Netherlands, and Koji
Yoda, a collage artist and art director from Japan. You can download a complete piece of work from
Until 31st December 2015, the Create More campaign Natalie Shau in the original PSD format, so that you can WACOM CONTINUES TO
offers anyone who buys an Intuos Pro full access to a learn how she creates her wonderful images. Additional SHARE INSPIRATION
value pack, which includes a 30-day membership to assets can be downloaded, such as brushes, on her Wacom is not only producing technology that
online video training from Lynda.com, a free one year increases the workflow of artists, but it is
pro membership to AutoDesk Sketchbook, and a free
software package from OnOne including Perfect Effects
The idea for the campaign continuously encouraging artists to create more.
The company maintains a variety of blogs on the
9 Premium (the free edition is reviewed on p84). was to put the artists, along Wacom InfoChannel.
“The idea for the campaign was to place these
exceptional artists, along with their passions, creativity
with their passion, creativity and By visiting the Wacom
InfoChannel you can learn more
and professionalism, into the foreground of our professionalism into the foreground about campaigns such as Create
communications. We at Wacom believe that creativity is
the power that really drives the world and makes it a
ofourcommunication More, read interviews featuring
talented artists, discover various
Jeff Mandel
better and more interesting place, and are totally contests, find tutorials on how to
committed to enabling creativity through our page of the campaign. In her video Shau says, “ I think create innovative art, and learn
award-winning professional tools. Our hope is that the knowing how to draw and how to paint always helps. about trending themes.
Create More campaign will be inspirational to artists When you paint you learn how to play with colours.” Wacom’s vision to bring
from around the world and help them create their best Robert Hranitzky’s 53-page ebook, entitled Colorize people and technology closer to
work yet,” stated Jeff Mandell, executive vice president of Your Old Photos, is filled with a wealth of knowledge. By together through the means of inspiration has
branded business for Wacom. showcasing three projects, Hranitzky tells you how you proven to be on target. Sharing exciting updates and
The campaign includes links to pages featuring the can breathe life into old photographs. information through its campaigns and the Wacom
artists, as well as videos, tutorials, and ebooks. This bevy London-based artist Joanna Henly (better known as InfoChannel, the company has proven to be
of creative inspiration was developed by Wacom to help Miss Led) shares a 21-page ebook, entitled Refine And dedicated to helping artists evolve.
inspire artists to create more. Colour A Portrait. By learning the process behind her Wacom hopes to encourage artists to share their
Currently the campaign just features Natalie Shau, work, you can find inspiration to create your own portrait. work by challenging artists to express their
Miss Led, Guy Shield, Alberto Montt and Benjamin Visit the Wacom website at www.wacom.com/ creativity connecting their Behance portfolios to the
Wong. The other artists will follow soon as the createmore to view the campaign and to download the Wacom Gallery
campaign continues. resources available.
008
WIN $30,000 AND COMIC ART ADVICE
FROM MARVEL LEGEND STAN LEE
FRESH TALENT WILL BE GIVEN THE OPPORTUNITY TO BE RECOGNISED
IN A SUPERHEROINSPIRED ART CONTEST HOSTED ONLINE
Comic book legend Stan Lee and his company
POW! Entertainment have partnered up with LINE
Webtoon to launch a contest to find brilliant and
talented comic book artists.
LINE Webtoon launched in 2014 in the US and is
already successful at producing contests in Korea.
The Super Hero Contest is their third contest in
their Challenge League System.
“Over at LINE Webtoon we’ve already seen some
incredible content from the Challenge League. It’s
amazing to see what our community has crafted and
submitted and we can’t wait to see even more brilliant
comic work as we get closer to creating the next great
superhero line with the legendary Stan Lee,” stated
JunKoo Kim, founder and head of LINE Webtoon.
Artists over the age of fourteen will be able to
upload at least three chapters of an original
superhero comic to the contest’s website. The POW! Entertainment and LINE Webtoon: Stan Lee
joins forces with JunKoo Kim, founder and head of
grand prizewinner will receive $30,000 and have LINE Webtoon, to produce a new contest to find
the world’s greatest comic book artist
their work featured on the LINE Webtoon site. He
or she will also receive guidance and feedback forward to working with LINE Webtoon to find the Enter the contest this autumn via the LINE
from the legendary Stan Lee himself. talent that will create a great new Superhero!” Webtoon website at www.webtoons.com. You can
“It is always a pleasure and a thrill to discover new Sharing his knowledge with winners of the contest also download the official LINE Webtoon app by
creators and artists,” stated Stan Lee. “I am looking offers comics artists the chance of a lifetime. visiting the Apple App Store or Google Play.
009
EYE ON DESIGN PORTFOLIO INTERVIEW
INSPIRATIONAL
DIGITAL PAINTING
CHARLIE BOWATER IS AN INSPIRATIONAL CONCEPT ARTIST FROM
www.charliebowater.co.uk
THE UK WHOSE WORK HAS BEEN FEATURED IN SOME TOPLEVEL
@charliebowater FRANCHISES. WE CAUGHT UP WITH HER TO FIND OUT MORE
I
t takes a highly skilled artist to breathe life into into art, but I wasn’t sure about which area exactly. I There are far too many artists to name that have
characters and Charlie Bowater has accomplished a studied something that I didn’t find all that interesting, inspired me over the years, but artists like Jason Chan
mastery in doing so. Being skilled in conception, but then discovered digital art at 17 years old and set out and Marta Dahlig had a really big impact on me when I
composition, rendering, lighting, and more make to teach myself. I spent a lot of my college classes was in college. I watched and read a lot of their tutorials.
Charlie a pro in the art world. painting and eventually set my sights on concept art I found myself very inspired by my current peers at the
Born in the UK, she is a now a senior concept artist and illustration. time rather than classical artists, that inspiration
at Atomhawk Design. She has played a vital role on definitely shaped my work.
projects such as Pottermore, Project Spark and Dead I HAVE READ THAT YOU GREW UP ON THE
Island: Riptide. Charlie, along with Atomhawk bring CARTOONS OF THE NINETIES, ARE THERE ANY HAVE YOU HAD TO OVERCOME ANY OBSTACLES
forth inspirational concepts such as: characters, SPECIFIC CARTOONS OR EVEN ILLUSTRATORS AS AN ARTIST? AND IS IT CHALLENGING TO BE
environments, props, vehicles and more. THAT HAVE HAD AN IMPACT ON YOU? A WORKING ARTIST?
I did indeed! I watched anything and everything I could. I It’s definitely challenging! Learning art in the first place
YOU ARE A BRILLIANT ARTIST. WHEN DID YOU think Disney had the biggest impact on me, I spent a can be a huge challenge, I’m glad I got an early start as
DISCOVER YOUR TALENT IN ILLUSTRATION AND long time wanting to be an animator and go and work a kid. The wonderful thing about art of course is that
WHAT DID YOU STUDY TO HONE YOUR SKILLS? for Disney as kid. I eventually got to try animation for you never stop learning, so challenges are a constant
Thank you so much! I’ve always been interested in art, myself years later and found it wasn’t for me, but the companion. You just need to have plenty of inspiration
ever since I could hold a pencil as a child. I don’t recall inspiration stayed with me regardless! If I picked out two to pull you through the frustration.
exactly when I started drawing, but I do remember it things that really spurred me even further into art it For me personally my biggest obstacle is time and
was something that was always with me growing up. I would easily be The Little Mermaid and Sailor Moon, I not having enough of it. I work nine to five as a concept
had a lot of encouragement from my family and it was amazed by them. artist, and then freelance on a lot of illustrative work in
naturally became my ambition over the years. My love
of art was nurtured over a long time, rather than Don’t get too fixated on one particular style. I spent a long
[suddenly] discovered.
I was a terrible student when it came to college. I
time getting frustrated with trying to find a style when I
ended up studying Multimedia, I knew I wanted to go started out, rather than just focusing on being a better artist
010
Stay Gold: Charlie creates wonderfully
illustrated characters. She has the ability
have a character transcend from the
screen or print into the real world through
her highly mastered lighting skills
Ours: Mastering facial features is really important when designing Submerge: This is a wonderful example of how
characters. It is an ongoing learning process, and your characters Charlie utilises textures in her digital painting. The
will evolve more and more over time. Even professional character flow of her brush strokes allow the viewer to imagine
designers still refine their skill as time passes the character portrayed being lost underwater
014
Sky Full of Stars:
Composition is very
important when
designing characters.
The composition and
stance of a character
will sell the idea to the
viewer and make them
see what you want Declan
015
EYE ON DESIGN PROJECT FOCUS
SMOKIN’ TYPOGRAPHY
3D ILLUSTRATOR AND GRAPHIC DESIGNER ZIGOR SAMANIEGO REVEALS HOW
HE CREATES DISTINCTIVE TYPOGRAPHY USING PHOTOSHOP AND CINEMA 4D
Z
ABOUT THE ARTIST igor Samaniego started out studying IT at WHEN DID YOU FIRST START USING
ZIGOR SAMANIEGO university, but quickly realised that he much PHOTOSHOP AS AN ARTIST?
zigorsamaniego.net
preferred designing graphics on computers. I started using Photoshop just to add touches to
Making the decision to quit university after the renderings I did for the local real estate
discovering his passion, Samaniego completed a companies and to resize images before I sent
short course on computer graphics and worked as a them to clients. I soon realised everything I
video post-production assistant for free before being could do with Photoshop and all of the features
hired by a virtual reality company where he spent four and improvements I could add to 3D images and
years creating 3D designs for public real estate and now it is more important to me than the actual
construction companies. “It wasn’t the most fun job in rendering program I use.
the world,” he reveals, “but I learned just about
everything about 3D and lighting scenes.” WHERE DID YOU GET INSPIRATION FROM
After a background in computer
graphics, 3D, and virtual reality, Zigor Samaniego’s persistence payed off. Today, he has FOR RUN RUN RUN!?
Samaniego is currently an artist at free rein to do creative work at a video games The work was inspired completely by an old car
games company Ludei. He also company, as well as working for advertising agencies that my dad had that we used to travel in when I
regularly works for advertising
agencies around the world such as around the world. was a kid. I always remember that car as polluting
Ogilvy and Demension For his latest personal typography based project a lot and that’s why the letters are done in smoke.
NAME OF PROJECT Run Run Run! he was inspired by a time before all the
RUN RUN RUN! success, when as a child, his father travelled in an old, HOW DID YOU DEVELOP THE CONCEPT?
polluting car. I always start with a rough sketch in pencil
done on paper, and, since I don’t have a
Liquid typography App icon for the Fargo original series
scanner, I take a picture with my phone and put
it on a Cinema 4D background to geometrically
model the image.
The smoke in Run Run Run! is made using
an old CG technique that involves cloning small
planes that have a transparent texture so that it
looks more realistic. I also used a smoke
paintbrush on Photoshop to touch it up a bit.
016
“I add little details with artistic Photoshop paintbrushes
to give it the smooth look of a traditional drawing”
a good scene. This testing phase normally takes WHAT WERE THE MAIN CHALLENGES AND gotten in touch with me to do several similar
me a long time, but it is worth it and it is one of my SUCCESSES YOU FACED DURING THE projects. So, I am very happy about that. If I had
favourite parts of the process. COMPLETION OF THE PROJECT? it to do over again, I would do it much faster.
When it’s time to do the rendering, I like to use I look for a small challenge in every project, I do personal projects in my free time and it
many separate layers, the shading in one layer, the something I don’t know how to do, and, in this can take me weeks to finish each one.
reflections in another, and so on, as this gives me project it was the smoke.
the ability to play a lot with the final result. On a previous project I had used the liquid CAN YOU TELL US MORE ABOUT WHERE
Then, I open everything in Photoshop and I spend simulator. In the design world, if you stop learning, YOU AIM TO BE IN THE FUTURE?
hours touching up the images and adding you get left behind. I would like to continue working as I do now. The
improvements. I like to use adjustment layers with design world is tough and I am happy to be
masks and special brushes to add things like smoke DO YOU CONSIDER THE RUN RUN RUN! doing what I do, but I would like to have more
or particles to the image, for example. I also erase PROJECT A SUCCESS? time for personal projects, which are the ones I
any small imperfections that the 3D may have. Thanks to this project, various ad agencies have enjoy the most.
017
EYE ON DESIGN STUDIO INTERVIEW
POKEDSTUDIO
WE CHAT TO THE TEAM AT POKEDSTUDIO ABOUT ITS
QUIRKY CHARACTERS, MESMERISING WORLDS AND
HIGHPROFILE CLIENTS
V
ibrant colours and quirky characters are all
in a day’s work for pokedstudio, whose
illustrations stand out a mile from their
peers and who aren’t afraid to have fun with
their designs. The international illustration, design
and animation studio, based in Cardiff, was founded
by illustrator Jonathan Ball who already had a solid
reputation for his character designs and the intricate
worlds he created.
“Specialising in quirky characters and wacky
worlds, we have created illustrations, graphics and
designs for mobile apps, videogames, print
campaigns, packaging, books, magazines and
merchandise for many of the world’s biggest
youth-focused brands,” is the studio’s description
of itself.
It’s not surprising, then, that a whole host of
well-known brands have wanted to work with
pokedstudio and have a slice of this colourful,
occasionally eccentric, world to help promote their
products. Clients have so far included MTV, BBC,
FHM, Sony, Microsoft, Fight My Monster, Britvic, the
National Library of Wales, Digit, Argos, Channel 4,
AVG, 02 Mobile, E4 and a plethora of magazines.
These clients are attracted to pokedstudio
specifically for its style, says Jonathan Ball: “[Our
style] is primarily what people come to us for. They
have seen pokedstudio’s work somewhere and
want something similar for their project. I’m happy
to oblige.”
Having such a distinct look and focus is what sets
this studio apart from its peers – it knows what it can
do and it can do it very well indeed, though they are
still incredibly flexible. “We have a unique style and
take on design. It means we can sell ourselves as a
brand. You can go to pokedstudio when you need a
certain look. But we are also open to many other
types of projects and have done work for banks and
very business-orientated companies. We would like
to think we are friendly and flexible too.”
The style has evolved over the years, which can be
clearly seen through Ball’s many social media
presences (find him on Instagram, Facebook,
[Our style] is primarily what people come
Pinterest and more). Browsing through his to us for. They have seen pokedstudio’s
Photostream on Flickr (www.flickr.com/photos/
pokedstudio), for example, you can visually see the
work somewhere and want something similar
change in style from his personal beginnings in retro, for their project. I’m happy to oblige
grunge effects mixed with street art, through to
highly polished 3D renders that his studio is now
famed for. What has remained the same, however, is
the love for quirky characters and intense colours,
018
ABOUT THE STUDIO
POKEDSTUDIO
www.pokedstudio.com
@pokestuff
pokedstudio is an illustration, design and
animation studio based in Cardiff, UK. It
was founded by illustrator Jonathan Ball,
who has built a reputation for wacky and
Jonathan Ball
non-conformist character designs, Owner and Chris Mcfaul Stephen Thomas
intricate worlds and edgy video graphics. principal designer Video editor Motion designer
019
EYE ON DESIGN STUDIO INTERVIEW
which is what makes pokedstudio’s work just so was building a Flash-based game for the National call upon for many larger projects, as well people
visually appealing. Library of Wales. I found a local programmer and we further away, from games developers and animators
The studio was set up somewhere around 2004, both worked on it all summer.” to film crew. They will sometimes work from my
when Ball was studying at college for a Graphic From here, Ball worked on a large online game offices or at their own location. Skype is used a lot to
Design degree. He set up a website with some and had to work with various designers and communicate and keep up to date. We network quite
illustration work that he had created and started to programmers in a number of different fields in order a lot locally and are building up some great contacts.”
receive a few commissions off the back of it. When to bring the game and the various promotional Ball’s own studio space consists of two main
he graduated, he briefly went to work for a corporate pieces together. The project took over a year to offices. The upstairs one is a large attic space, which
presentations company, but he continued to build up complete. “These projects and others helped build can easily fit three to four people in to work: “It has
work for pokedstudio the whole time. In 2008, he experience at managing larger projects and teams of lots of light, which is great, but gets hot in the
reached the point where he could take on the studio people from various skillsets,” says Ball. summer. We have a great sound system and a few
full time. Nowadays, Ball works in his studio alongside a games machines to help get us in the mood.” There
“Most of the first work was for illustrations, but I number of regular freelancers, including video editor is also a smaller office below, which is used for
soon started picking up other more complex Chris Mcfaul and motion designer Stephen Thomas. accounts and admin tasks.
projects, such as games and animations,” explains pokedstudio often engages in projects that need a The studio has four top-end iMacs set up, but as
Ball. “I started getting freelancers to help with the number of team members to complete and Ball has a small studio, the right hardware can come with
various projects, such as coding and rigging built up a network that helps him to achieve this: its own problems, says Ball: “Choosing to upgrade
characters for animation. One of the first big projects “There are a number of local design businesses I can our hardware has proven tricky, as there are so
020
4
ATOMIC BOY
THIS IMAGE COMES FROM A SHORT ANIMATION CREATED FOR AN ANIMATION FESTIVAL
01 INITIAL SKETCH
This is the initial sketch used to set the
02 PHOTOSHOP ILLUSTRATION
I created an illustration to work out and
experiment with the visual style I wanted in the 03 TEST RENDER
Time to create our test animations.
scene of the animation. It depicts a giant city being animation. I was after a slightly ‘toonish look. To get This was a bit of an experimental animation, so
destroyed by a robot boy. Inspired by iconic 1980s the effect, we took our 3D render into Photoshop we had a lot of fun trying out different views and
Japanese animation Akira, it was to be a 3D and used some style effects such as Find Edges, angles. I realised I would need a lot of buildings
animation, but with a ‘toon look. and used layer blending to achieve the look. to create a large city.
04 COMP RENDER
We edit a sequence of animations to make our story. Although we
05 FINAL RENDERS
We now make final renders of all our sequences, which takes
a week or so. We then comp them all together in After Effects and use
had a storyboard, I wanted to be flexible here. Not all the test animations were the same settings as Photoshop to achieve the desired look. Music and
used; we played around a lot here and experimented with some extra effects. sound effects are also mixed in.
021
EYE ON DESIGN STUDIO INTERVIEW
022
040
[Personal projects] help
promote pokedstudio and
to build new skills in various
software and learn new
approaches to workflow
Garden: A rare image showing a
departure from colour, though
maintaining the usual quirkiness
that the studio is known for
■ CONCEPTS
Get going on the concepts once you have clarified the brief,
but only share the best with your clients, or the ones that you think
are achievable.
023
SPECIAL SUBSCRIPTION OFFER
SUBSCRIBE
SAVE 30 PAY
ONLY
%
£12.50 EVERY 3
ISSUES
vice
I i ws and ad
l tutorials
Professiona
YOUR DETAILS
EVERY Title
Surname
First name
ISSUE
Address
PACKED
Postcode Country
Telephone number
Mobile number
Email address
Interviews and advice from Name and full postal address of your Bank or Building Society
To: The Manager Bank/Building Society
Originator’s Identification Number
5 0 1 8 8 4
industry experts Address
Reference Number
High-quality tutorials to help you Postcode Instructions to your Bank or Building Society
Please pay Imagine Publishing Limited Direct Debits from the account detailed in this
Signature(s)
Branch sort code
Date
WHY YOU
Banks and Building Societies may not accept Direct Debit instructions for some types of account A6 instruction form
PAYMENT DETAILS
SHOULD
YOUR EXCLUSIVE READER PRICE, 1 YEAR (13 ISSUES)
Q UK £62.30 (Save 20%) Q Europe – £70 Q World – £80
Q USA – £80
SUBSCRIBE... Cheque
Q I enclose a cheque for £
(made payable to Imagine Publishing Ltd)
Credit/Debit Card
Save 30% off the cover price Q Visa Q Mastercard Q Amex Q Maestro
– just £12.50 every 3 issues Card number Expiry date
on Direct Debit
Please tick if you do not wish to receive any promotional material from other companies by post Q
ORDER BY by telephone Q Please tick if you DO wish to receive such information via email Q
026
MEET THE EXPERTS
RICARDO THOMAZ AHMAD TURKI FAHRAN YOUNAS KHALED ALKAYED
WWW.BEHANCE.NET/RTHOMAZZ AHMADTURKI182.WIX.COM/AHMADTURKI WWW.ARQUI9.COM 777+(!,%$˶!,+!9%$#/-
Ricardo Thomaz A self-taught 3D
is a retouching artist with six
artist from years’ experience
Brazil. He in the industry,
specializes in Ahmad Turki has
portrait work won five
and advertising excellence
images, and awards from 3D Khaled Alkayed is a Jordanian
works as a finaliser, finishing Total and has been featured in 3D Fahran Younas is lead artist artist working as a 3D artist at
images to a high degree using his World magazine, 3D Artist magazine, at Arqui9, a high-end studio Team Y&R, where he’s
specialised post-production 3D Creative magazine and INCG specialising in developed his 3D skills in the
techniques in Photoshop. Showcase magazine. architectural visualisation advertising industry.
P
ost-production represents a huge chunk of
027
OUR EXPERT
RICARDO THOMAZ
www.behance.net/rthomazz
Ricardo Thomaz is a retouching
artist from Brazil. He specialises in
portrait work and advertising images
and works as a finaliser, finishing
images to a high degree using his
specialised post-production
techniques in Photoshop.
029
3D POSTPRODUCTION
WITH RENDER PASSES
DISCOVER HOW THE RENDER PASSES GENERATED WHEN YOU EXPORT
3D IMAGES CAN SPEED UP YOUR POSTPRODUCTION WORKFLOW
Here you will learn how to do some quick
compositing with your render passes using
Photoshop. Photoshop is a great program for
post-production, it gives you free control over your
image, it’s got lots of tools that can be used to
enhance your work, and it ties your designs together
with colour adjustments, letting you control the
vibrancy of your elements, and adjust your levels OUR EXPERT
paving the way to balanced lighting. Gradients can AHMAD TURKI
boost colour and merge all the elements together, ahmadturki182.wix.com/
ahmadturki
In this tutorial you will learn how to arrange Colour, @AhmadNTurk
Ambient Occlusion, and Object ID render passes, edit A self-taught 3D artist with six years’
experience in the industry, Ahmad
them and combine them all together to produce a Turki has won five excellence awards
great result. We’ll also show you some techniques for from 3D Total and has been featured
in 3D World magazine, 3D Artist
making your image sharp and crisp while still magazine, 3D Creative magazine and
retaining all of the details, and how to use the gradient INCG Showcase magazine.
030
MASTER POSTPRODUCTION FOR INCREDIBLE ART TECHNIQUES
031
OUR EXPERT
FAHRAN YOUNAS
www.arqui9.com
DYNAMIC POSTPRODUCTION
TECHNIQUES FOR 3D ARCHVIS
LEARN HOW TO TAKE YOUR RENDER TO THE NEXT LEVEL IN
PHOTOSHOP AND CREATE AN ATMOSPHERIC ARCHVIS IMAGE
These tips and tricks can be used to add that bit of
flair and spark to your new or existing renders. A lot
of people today aim for achieving the perfect render GET MORE FROM
straight out of their 3D software and working up
every last element in 3D. As we all know this can
BLEND MODES
sometimes be quite time consuming as well as rigid. THE KEY TO A FASTER WORKFLOW
Adding details in afterwards in programs such as Blending modes are an integral part of
Photoshop can not only be quicker, but also more Photoshop and they are essential to us
dynamic. As most artists, especially those new to this
field always tend to strive for the best render possible,
we thought it would be good to share how flexible
here at Arqui9. They enable us to
experiment and overlay textures, layers
and just about anything almost instantly.
01 THE PASSES SERVE YOU
Having render elements at your disposal
will allow you to take your render into another
and free it can be to explore what is possible in the From screening over highlights to dimension. They can serve you beyond the typical
post-production phase. Keeping yourself loose and multiplying grunge textures, blend modes scenario, for instance your Z-depth pass instead of
flexible with your tools allows your creativity to take are integral to any visual artist using being screened over can be used as a mask to brush
hold and push past the technical restraints. In this Photoshop. Here we’ve used them to apply in your own custom depth. As you can see here, we
tutorial you will see a few tips and tricks that can help reflections and rim lighting to add realism have used our Z-depth as a mask for our group,
you add that spark to your images. If you want to see to the image. With blend modes your which will allow us to manually paint where we think
more, please head over to the Arqui9 YouTube page workflow will increase in speed and open the depth best serves the image. The layer has been
(www.youtube.com/channel/UCBzPV2uSji-Z5-x_ up a door to pushing your creative limits. set to the Screen blending mode and the depth
svnZV1w) for more in-depth tricks. painted with a large soft brush.
032
MASTER POSTPRODUCTION FOR INCREDIBLE ART TECHNIQUES
06 APPLY GRADING
Using a Hue/Saturation
adjustment layer set to Soft Light
can really help unite the various
tones together. Then we either push
the cool or warm tones using a
Curves or Color Balance layer and
tweaking the midtones. A helpful tip
05 WORK ON REFLECTIONS
One of the best ways to bring a sense of realism is through the use of
reflection. Every material reflects in its own manner and sometimes you may
is to view your image in black and
white, then use Levels to adjust the
black and white points. One final
need to break what your brain assumes to be correct. We have brushed in a element not to forget is the addition
reflection onto the road manually. The easiest way to do this is go to Image> of a vignette, which will help you achieve that photographic feel; this can be
Apply Image, right-click and choose Flip Vertical. Then we create a layer mask added by simply brushing in using a large soft airbrush, painting on a Soft Light
and selectively brush in where we want a reflection. layer or a Levels adjustment layer.
033
CREATIVE POSTPRODUCTION
WITH LAYERS AND FILTERS
LEARN HOW TO COMPOSITE RENDER LAYERS USING
BLENDING MODES AND FILTERS IN PHOTOSHOP
Layers, layer styles, blend modes and filters This tutorial will explain the process
are all essential when it comes to post- behind the artwork and will focus on the
production of any kind. They lend themselves main steps taken in the post-production
particularly well to automotive images, which stage of the work using Photoshop. He used OUR EXPERT
often combine 3D renders with photos, used Maya for modelling the vehicle then rendered KHALED ALKAYED
either as a main part of the composition or as using V-Ray to export the final image with www.khaled-alkayed.com
@khaled_alkayed
textures. The artwork here is based on a what we need from the render passes. With
Khaled Alkayed is a Jordanian artist
personal project that Khaled Alkayed worked those in place for us to build masks and working as a 3D artist at Team Y&R,
on for six months and won some awards for. selections from, we’ll build up effects on where he’s developed his 3D skills in
the advertising industry.
“The idea came when I was watching movies layers and use the Magic Bullet plug-in to
like Death Race and Mad Max. They gave me enhance the image further. The aim is to
the urge to do something similar so I started make this look like a real photo, so we’ll be
with a Maybach Exelero then went onto this re-creating lens effects and depth of field as
one, the Ferrari Enzo,” explains Alkayed. part of the post-production process.
034
AMBIENT OCCLUSION AND BLEND MODES
THE BEST WAYS TO USE AN AO LAYER IN PHOTOSHOP
This layer contains the Ambient Occlusion effect; it gives the main image. Change the blending mode to Multiply.
shading to the areas hidden to the ambient light and it You can change the layer’s Opacity to soften its effect. You
shades the more obscure parts of the models in the can also apply a Levels adjustment to the Ambient
scene. Using this pass gives more depth to the details. Occlusion layer to change its contrast, brightness,
Paste the Ambient Occlusion render into a layer above and darkness.
01 53%Ĉ:ɎDEPTH PASS
This pass contains the depth map of the
scene measured from the camera. We use this pass
02 MATERIAL ID PASS
These may come under many names:
MultiMate, Wire Colour, Object ID and Render
in Photoshop to create a depth of field effect. Copy Masks. This pass contains the masks for all
the Z-depth image (Cmd/Ctrl+C) and paste (Cmd/ materials in the project; it’s a good way to speed up
Ctrl+V) it into the Alpha channel of our normal the selection using Color Range by going to
render. Now we’ve got the Z-depth render in the Select>Color Range and picking the colour we
Alpha channel. Next apply a Lens Blur filter by going want. Then we can work on selected areas. For
to Filter>Blur>Lens Blur. Turn on the Preview option, example, here the front wheel needs some
and choose Alpha as our Depth Map. brightness and some contrast on the ground area.
03 MAKE ADJUSTMENTS
Use a Color Balance adjustment by going to
Image>Adjustments>Color Balance to adjust the
The render image is very clean so we
need to add some noise to make it more
realistic. Go to Filter>Noise>Add Noise. Don’t add
add powerful dynamic looks and colour correction
to the image. This is a pro-level third-party plug-in
for Photoshop that you can get from www.
colour temperature according to the feel of the image. noise to bright areas though, as noise can be far redgiant.com (it costs $799). Open it by going to
Then use a Hue/Saturation adjustment by going to too obvious in bright or blown-out highlights. Filter>Magic Bullet. It will now open a new window
Image>Adjustments>Hue/Saturation and increase the After that we need to add some blur by going to for the program. Choose the style you want and
saturation a little bit to increase the dramatic feel. We Filter>Blur>Gaussian Blur, this will blend noise you can add or modify the tools used in every style
also need to increase the contrast by going to with the image for a more natural result – as if (such as Subject, Matt, Lens, Camera, Post), which
Image>Adjustments>Brightness/Contrast. it’s got a tiny bit of ordinary camera noise. gives you even more flexibility.
035
OUR EXPERT
MILTON MENEZES
www.lightfarmbrasil.com
Milton is a creative retoucher and
director at Lightfarm Studios in
Brazil. He is also a professor at
Miami Ad School and primary
speaker at Photoshop Conference,
Pixel Show and Adobe MAX.
PRO POST
PRODUCTION
LIGHTFARM’S POSTPRODUCTION CREW ARE
LUCKY ENOUGH TO COLLABORATE WITH ONE OF
THE BEST CGI TEAMS IN THE ADVERTISING
INDUSTRY. HERE’S HOW THEY WORK WITH THEIR
INCREDIBLY REALISTIC RENDERS
T
his image came out of Victor Maiorino’s the level of believability that characterises the
head,” explains Milton Menezes. “He’s the team’s work. Their approach means that even the
CG artist at Lightfarm Studios. My job most whimsical subject matter looks as if it really
was to use Photoshop to make the exists, which is an essential skill in producing
image pop, as well as fix reflection problems, believable advertising images.
white balance, colour correction, create extra Founded in New Zealand, but with a creative
droplets and add the overall warmer feel. This team (headed up by Milton Menezes) also based
Photoshop work was supposed to look invisible, in Brazil, Lightfarm is a truly international studio,
as the original render was pretty much half way and as well as commissioned work for its
there. We take renders just as raw shots and treat high-profile clients, Lightfarm also produces
them the same way.” personal projects to help the teams develop their
This approach to post-production – treating a skills. This image is one of those – let’s take a
3D render as if it’s a photograph in need of look behind the scenes at Lightfarm to see how
retouching – is what allows Lightfarm to achieve they produced it.
036
PRO POSTPRODUCTION TECHNIQUES
037
TECHNIQUES PRO POSTPRODUCTION
01 CREATE A BOKEH
By using Filter>Blur Gallery>Field Blur,
you’ll be able to create really cool bokeh effects as
02 MAKE IT SMART
In the new Photoshop versions, you can right-click a layer and
convert it to a Smart Object. Filters can be applied to it such as Camera
if you were shooting a blurred background. Your Raw and stay editable. Just go Filter>Camera Raw Filter once your layer
original image’s resolution doesn’t matter, just becomes smart. This means you can edit your Camera Raw settings at
resize it up to a decent size and apply Field Blur to any time instead of creating presets as it used to be in older versions of the
it. Play with the Light Bokeh, Bokeh Color and software. You can also double-click the layer to adjust the opacity of your
Light Range to get it the way you want it. filter as well as apply a mask to it.
Progress 3: Final image
038
04 EXPERIMENT WITH THE CAMERA RAW
BASICS
Play around with the Camera Raw Settings. This will
allow you to avoid too much work with your layer
adjustments. Camera Raw works with 16 and 32-bit
range. This means you have double or triple your
usual 8-bit range image. Working with 32-bits gives
you the power to turn a day scene into a night scene if
you wish. Temperature, Exposure and Clarity are very
popular in the Camera Raw world. Although you
should try to do the least work you can. Thinking
about your render and/or your photography first
saves a lot of Photoshop time.
06 BE SURE TO GET THE MOST OUT OF THE CAMERA RAW SMART FILTER
After playing with the Camera Raw settings you will end up with a more
balanced image. Exposure, Temperature, Clarity and HSL balances should allow you 07 USE A REFRACTION PASS
Thanks to the Refraction Pass, there was no need to stamp
to get the most out of your render/photograph. So before you start layer adjusting out the reflection of the light boxes on the surface of the droplets.
your file, you should try to get the most out of your Camera Raw Smart Filter. This is one of the best things when working with CGI.
039
TECHNIQUES PRO POSTPRODUCTION
10 USE GRADING
Grading is what we call the folder with all of
our layer adjustments. It allows us to keep the file
always good to exaggerate your settings so you
can find the right set. Don’t be afraid to exaggerate.
sunny feel to your image. Click Image>Adjustments>
Color Balance or set up an adjustment layer on the
bottom of your Layers tab and then go to the Yellow
organised and to quickly visualise what the Although ask yourself how much you liked each bar on the Highlights. You will see how it becomes
adjustment layers are doing to the image by clicking adjustment by using the Opacity levels on the top brighter and warmer. You should try a bit of
the eye button on the left side of each layer. It is right side of your Layers tab. Red as well.
040
QUICK TIP: FADE ADJUSTMENTS
Use Cmd/Ctrl+Shift+F as an alternative way to fade so for example, if you’ve just duplicated your work
any adjustments you make. This keyboard shortcut onto a single layer and run a High Pass filter over it, it
fades the opacity of the previous step you’ve made, will let you fade down the opacity quickly and easily.
12
Screen. Boom! This will give that dreamy feel to
ADD WARMTH WITH PHOTO FILTER
the image.
Another way to give a nice warm and sunny
feel is Photo Filter in Layer>New adjustment layer or
at the bottom of the Layers tab. You can choose one
of the standard settings or apply a custom colour as
14 USE HIGH PASS TO SHARPEN
High Pass is a nice way to make the image
sharper and keep it as a layer. Select your whole image
well as change the opacity of it. Try to not to overdo it. with Cmd/Ctrl+A and copy with Cmd/Ctrl+Shift+C,
Photo Filter can make images look colourised and paste on top with Cmd/Ctrl+V and use Saturation set to
Photoshop looks better when it is invisible! Use 0 with Cmd/Ctrl+U. Then go Filter>Other>High Pass.
Cmd/Ctrl+Shift+F as an alternative way to fade any Use something between 1-5. Then apply Overlay or
adjustments you make. Soft Light as the blend mode.
JAR OF GREENS
JONLOCK
FREELANCER JONLOCK IS PLANNING TO CREATE AN ILLUSTRATIVE
STORYBOOK, WITH THIS STRIKING IMAGE AS A START POINT
J
on-Lock (jon-lock.deviantart.com), Jon-Lock explains: “I kept on using the Hard then I constantly zoomed out to see how the
who graduated from Cal State Round brush to make the painting more clear overall painting looks. After everything is
University, says that Jar of Greens was and refined, especially for the leaves. I wanted to refined and finished, I adjusted some of the
“inspired by childhood, nature, the make each and every plant look uniform and yet, colours to either make certain colours more
axolotls, and a wonderful watercolor artist who unique at the same time. So, I explored the apparent or heighten the highlights to give
goes by the name Koyamori.” The process was different shades of greens to make things more dramatic lighting.” Some photo references were
one of building up the image gradually. interesting. I zoomed in to make the details and used, but then imagination took over.
01 ROUGH IT UP
“First, I did a rough sketch with a default Hard Round brush on
the first layer. I always lower the Opacity of the brush to around 40-50%
whenever I do rough sketches. On a new layer, I used the Rectangular
Marquee tool to create the shape of the jar.”
© Jon-Lock
043
TECHNIQUES CREATE A FLYING EFFECT
© Michael Herb
044
OUR EXPERT
MICHAEL HERB
www.michaelherbphoto.com
@mherbphoto
Facebook: MichaelHerbPhoto
Michael Herb is a creative
photographer and digital artist.
When he’s not creating visually
intense imagery he likes to unwind
in front of the fireplace with a glass
of brandy and an illustrated children’s
book with small words.
SOURCE FILES
On www.filesilo.co.uk/
advancedphotoshop you will find
all necessary files to re-create
this image. There are a few extra
images available to take the
composite up a level.
CREATE A
FLYING EFFECT
LEARN HOW TO EFFECTIVELY AND BELIEVABLY
CREATE A LEVITATION OR FLYING EFFECT
L
et’s face it, most of us would love to what is simply not possible in reality. Flying, air. In post-production, you’ll be able to position
break free from the bounds of gravity levitation or floating is really a simple process them to appear much higher off the ground.
and float high above the clouds, soar that can be achieved in several different ways. The third way is always the preferred, but
through the city streets or simply float The simplest way is to use a stool or chair and also the most labour-intensive to set up: a
in mid-air. Unfortunately, aside for a few have your model balance on the stool in a way so suspension harness attached to a suspension
anomalies, humans are just not meant for that you can remove the stool in Photoshop. The rig or properly installed ceiling mount. For the
unaided flight. Fortunately for all of us second way, with the right model, is easier yet. sake of simplicity we are going to discuss
Photoshop addicts, we can achieve digitally Simply have them jump and capture them in the method two for this tutorial.
045
TECHNIQUES CREATE A FLYING EFFECT
WORK IN
PROGRESS
FROM THE BOTTOM
TO THE TOP
Progress 1: From 3D to 2D
02
Progress 2: Time to add
STEP OUT ON THE LEDGE
some drama!
Click File>Place and find the file ledge.jpg.
You will notice that the ledge isn’t very high up!
When shooting background elements, never take
046
05 MAKE THE MODEL FLY
Right-click on the group containing Stephan and click Convert to Smart
Object. This will enable you to scale him up or down without losing quality. Hit
06 ADD HELICOPTERS FOR ADDED CONTEXT
The helicopters serve a few purposes. First and foremost they provide a
source for the excellent lighting Stephan has. Without them you’d be left guessing
Cmd/Ctrl+T, right click and hit Flip Horizontal. Position Stephan so that he appears where the light comes from. They also add a nice touch of awesome to the image.
to be flying off from the ledge. The further you place him the more impressive he Open Heli-Small.jpg and Heli-Large.jpg. Completely mask Heli-Small from its
becomes. Add a layer mask to the newly created Smart Object. With a soft brush background. Mask out only the lower third of Heli-Large. Drag and drop both
set to 30% Opacity, brush around the shirt to help amplify the wet look. helicopters to the main comp. Position and scale the helicopters in the scene.
08 ADD A ROPE
He may be able to fly but that doesn’t mean you can’t throw him a rope. Click
File>Place and find Rope.jpg. Scale and rotate accordingly to match the reference file. Mask
highlights. We’ve all been there saying, “There’s no way he could be lit
like that!” The helicopters give the light on our model a source. Make
a new layer named ‘heli-lights’. With white selected, use a Soft brush
the rope, cutting off the end in a way that allows a new end to be painted in. Make a new with Opacity between 10-30%. Brush a large circle centering on the
layer named ‘Rope End’. With a hard-edged black brush, paint a semicircle to mimic a rope helicopter’s spotlight. Set Opacity to 100% and paint in the light to
end. Sample a light colour from the rope and make dots on the end to look like rope strands. effectively turn on the light.
047
TECHNIQUES CREATE A FLYING EFFECT
001
002
001 INTENSIFY THE HIGHLIGHTS 002 DEEPEN THE SHADOWS 003 DARKEN THE CHOPPERS
Set your brush Hardness to 40% and find
highlights throughout the background. Dodge
With black, deepen shadows in the
background. This will start to give a 3D
Create Dodge and Burn layers. Hit Cmd/
Ctrl+Alt+G to create clipping masks.
15 ADD REFLECTIONS
The next step in achieving the ‘wet look’ is to
add reflections to the road. Select the City layer and
those areas to intensify the wet look. look to the image. Darken areas of the chopper seen in red.
Hit Cmd/Ctrl+J to duplicate this layer. Right-click on
048
17 CONSIDER THE SIDEWALK REFLECTIONS
Reflections in the sidewalk will be a bit more
18 WORK MORE ON THE REFLECTIONS
19 MAKE IT RAIN
Install the Real Rain Drops brush from
FileSilo. Load and select the brush. Create a new
layer at the top of your layer stack. Select white
and click and drag around the image. Select
Filter>Blur>Motion Blur and select a distance that
best matches the reference photo. Double-click
on the rain layer thumbnail in the layers palette.
Drag the left-most control point towards the right
until the rain starts to disappear. Hold Alt/Option
and drag the left control point to the left to feather
the effect. This is called Blend If.
049
I also wanted to create something
from (computer generated) wood
for a long time,” he adds, “so this was
the inception of the idea
© Jeremy Kool
WOODEN
RHINOCEROS BEETLE
JEREMY KOOL
AUSTRALIAN JEREMY KOOL IS CURRENTLY WORKING IN BERLIN AS A GAME
CHARACTER ARTIST, BUT HE STILL HAS TIME FOR HIS PERSONAL IMAGES
J
eremy Kool (www.society6.com/jeremykool) generated) wood for a long time,” he adds, “so this was then rendered the images in V-Ray. From there it’s
has wanted to have a rhino beetle on his wall for the inception of the idea.” back to Photoshop to compile the renders and create
a long time, but he didn’t want to buy a dead His process is a straightforward mix of Photoshop the final image.” And Wooden Rhinoceros Beetle is the
one, so he decided to use his Photoshop, Maya and 3D, with Photoshop used at the beginning as well first in a series. Kool is currently working on a Cicada,
and V-Ray skills to create himself one. “I also as the end: “I use Photoshop to create the textures,” he and then he’s going to tackle a Long Horned Beetle.
wanted to create something from (computer explained, then he “modelled the creature in Maya and “The series will be called Beetles of Wood,” Kool adds.
050
HOW I MADE TECHNIQUES
01 TIME TO TILE
I sourced photos that are lit evenly so that I can easily make them tile-able. I
02 BACK TO BLACK
I used the same image and Hue/Saturation to create the darker
texture. I also needed a displacement map that helps with detail and lighting at
tiled the image by duplicating the layer and using the Offset filter. Then I masked out render time. To create this it was a simple matter of using a Black and White
the seams and did some hand painting and cloned over problem areas. effects layer and Levels layer to get the black and white details of the wood.
051
TECHNIQUES HOW I MADE
05 SHARPEN UP
Once I had taken the render files back into Photoshop, I then started
06 IN AND OUT OF FOCUS
I then used a Lens Blur using the Z-depth pass as a layer mask.
This created a depth of field effect and really enhanced the realism of the piece.
by using a Smart Sharpen filter on the render to make those details sing. The Lens Blur gives me a lot of control over the blur amount and focal depth.
MATERIALS MATTER
KOOL LIKES TO CHALLENGE HIMSELF TO CREATE
A VARIETY OF DIFFERENT CG MATERIALS
Detailed textures are critical to Kool’s work. As well
as the wooden beetle, he also creates animals that
look like they’re made of paper, and has rendered
himself in soft puppet form. He explains: “I started
by sketching the concept in Photoshop. Once I was
07
happy with the design, I created the mesh in Maya
SHINE A LIGHT
and then spent a long time in Photoshop getting the
To bring the lighting up, I duplicated and merged all layers (Ctrl+Alt+Shift+E) and set this to Screen.
felt texture looking convincing.”
I set the opacity quite low, but I find that this lightens up the details of the image without blowing out the details.
08 WARM IT UP
To finish, I once again duplicated and
merged all the layers (Ctrl+Alt+Shift+E) and set this
to Overlay at 15% Opacity. This really helps deepen
the colours and pop the highlights.
052
Special offer for readers in North America
5 ISSUES FREE
FREE
When you subscribe
resource
downloads
in every
issue e authoritive,
onal resource for
hop professionals
Quote
USA
Online at www.imaginesubs.co.uk/aps for this
*Terms and conditions: This is a US subscription offer. You will actually be charged £80 sterling for an annual subscription. This is equivalent to $120 at the exclusive
time of writing, exchange rate may vary. 5 free issues refers to the USA newsstand price of $15.50 for 13 issues being $201.50, compared with $120 for a
subscription. Your subscription starts from the next available issue and will run for 13 issues. This offer expires 31 October 2015. offer!
CONTROL TONE AND
COLOUR IN SCENES
PAINT A WHIMSICAL LANDSCAPE BY USING THE
POWER OF LINE, VALUE, AND COLOUR
I
n the following tutorial, you will become skilled Bierstadt and other Hudson River School painters fantasy-like painting. When following this tutorial,
in painting a digital fantasy landscape in mimicked Romanticism using atmospheric search the web for various landscapes such as
Photoshop that will resemble magnificent perspective in their landscapes to emphasise depth, canyons and waterfalls for inspiration, but do not
worlds like the ones in Nintendo’s Legend of and saturated colours for focal interest. Similarly, be hindered by the laws of nature. Let your
Zelda or Disney’s Maleficent. Since this after we finish sketching the line art and placing our imagination run wild. For an effective painting, it’s
demonstrated painting style is quite loose, a pen grey values, we will explore how different colours also important to understand the elements of
tablet is strongly recommended. Before diving and brush blend modes affect the layer underneath. design, such as scale and balance. If you are a bit
into Photoshop’s intuitive interface, research the Bierstadt also emphasised scale and grandeur. rusty, simply search for ‘design elements and
paintings of Albert Bierstadt, particularly Among Mountain ranges, waterfalls, and vegetation were principles’ to brush up so that you can start this
The Sierra Nevada Mountains. not necessarily true-to-size, which led to a more tutorial with confidence.
054
OUR EXPERT
ADAM VARGA
www.vargaa.com
@avarga89
Adam Varga specialises in
environment concept art and
matte painting. He believes
combining your knowledge of
traditional art fundamentals and
emerging digital platforms is the
key to successful digital art.
SOURCE FILES
On FileSilo (www.filesilo.co.uk/
advancedphotoshop) you can
get the brushes used in this piece,
a greyscale version of the piece
for colour practice, and a real
time video of the painting process.
055
TECHNIQUES CONTROL TONE AND COLOUR IN SCENES
WORK IN
PROGRESS
FROM SKETCH TO
FINAL PAINTING
04 LASSO IN SHADOWS
To emphasise the shadows on the cliff sides, tap L for
the Lasso tool, and trace around the bottom portion of cliffs or
mountains that will be in shadow. Hold down Shift to add to the
selection, and draw rock shapes on the left and a few more
crystal-shaped ones protruding near the mid-ground. Select
the Charcoal brush from Photoshop’s Dry Media brush set and
paint in a dark grey. Shade in these areas using random
strokes and keeping the Opacity high at around 90%.
056
QUICK TIP: PRACTICE PAINTING
Reading each tutorial step may become technically different settings is highly encouraged. Much like in oil
overwhelming. Viewing the real time video of the painting painting, it’s not always the actual brush and paint that
and practicing on a blank canvas with each brush and its make the piece, but rather your technique.
057
TECHNIQUES CONTROL TONE AND COLOUR IN SCENES
15 FINALISE COLOUR
14
During the final portion of the greyscale Use a 400px soft brush at low opacity and Color
INSERT RAYS OF LIGHT
painting, you detailed the landscape. Refer to Step 10 Dodge painting mode to really emphasise the
There are two methods to achieving rays of
and repeat this process while exploring all brushes. waterfalls, sun, and clouds. Finally, create a new
light. One is painting with the Light Beam brush in
Load Photoshop’s default Dry Media brushes and adjustment layer for Color Balance, Brightness and
Overlay mode. Or as shown in the video, you can
select the Charcoal Flat brush at high opacity for Contrast, or Hue and Saturation and tweak your
create a new layer and select either the Render
streams, refining the waterfall, and mountain ridges. painting to perfection.
Scratches or Rock Highlights brushes at 1400px and
100% Opacity and paint a light beige and light blue
QUICK TIP: CREATE NONDESTRUCTIVELY
colour. Go to Filter>Blur>Motion Blur and set the
Use all the error-proofing capabilities that Make a habit of using the fill and adjustment
angle to -90° and the distance to about 250 pixels.
Photoshop offers. Once you are confident in the layers, located at the bottom of the layers window.
Then go to Edit>Transform>Distort and pan the
path of your piece, go to Image>Duplicate to These steps will ensure you won’t have to keep
bottom corners outward and the top corners inward
create an identical canvas. tapping Undo.
so the light beams appear more radial.
058
LEARN TO INSPIRE
www.dphotographer.co.uk
E ■ FRE
SU E
Available
VERY IS
RE
newsagents and
DE
E supermarkets
DO LOA
WN
ON SALE NOW
> Mono landscapes > Create star trails > 50 pro portrait secrets
LANDSCAPE TIPS SHOOTING ADVICE WILDLIFE PHOTOS PORTRAIT GUIDES CAMERA REVIEWS
facebook.com/DigitalPhotographerUK twitter.com/DPhotographer
© Juan Manuel Molleví
© Guy Shields
AUTUMN FOREVER
GUY SHIELDS
MELBOURNEBASED ILLUSTRATOR GUY SHIELDS CREATED AUTUMN FOREVER
FOR THE QUARTERLY KILL YOUR DARLINGS. HE EXPLAINS HOW HE DID IT
I
llustrator Guy Shields (www.guyshield.com) vibrant red foliage onto the wall behind an Shields explains that sometimes he splits his
explains “They give me free rein with the otherwise naked tree. To make the narrative more images “into foreground, middleground [and]
cover concept… And with autumn around the interesting, I introduced some police officers on the background layer sets, so I can control the sense of
corner, I decided to make that the focus of that left, spectating rather than arresting, as if to depth. I’ll set about building up the colours over
cover. I just remember having a bit of a brain spark suggest that in this case, admiration of culture several layers (in some cases, hundreds) and finish
and imagining someone super-imposing the overtook persecution.” the piece by adding shading and adjustment layers.”
060
HOW I MADE TECHNIQUES
01 SKETCH START
I started with a pencil rough, and then refined it over a lightbox onto a fresh sheet
of paper. Then I used a sable brush and india ink to make it nice and black and white.
composition, and I ended up redrawing the tree digitally as I wasn’t quite
happy with it in the end. Then I converted the line art into layers. I like to
work using colour fill layers, which ensures that I have the flexibility to go
I scanned it into Photoshop at 1200dpi, and then downsampled it to 600dpi. back and easily change certain colours throughout the process.
03 SHADES OF AUTUMN
Now I introduce toning and shading,
using additional colour fill layers set to
Multiply. Then I use key adjustment layers
and Gradient Fills, set to Overlay, to bring
warmth to the piece and to make the colour
a little more harmonious and dynamic.
061
TASTY TYPE TRICKS TECHNIQUES
TASTY
TYPE TRICKS
A SIMPLE WAY TO CHEAT AT COMPLEX 3D FOOD TYPOGRAPHY
OUR EXPERT
W
NEIL DUERDEN
www.neilduerden.co.uk
e have a tastetastic 3D tutorial for you, those of CS6, and promising updates on the @neilduerden
A self confessed Mac monkey,
a way to create complex 3D horizon. So it is perfectly possible to create 3D exceeding briefs for blue chip
clients globally.
typography effects without the use of typography exclusively in Photoshop, although if
separate rendering programs. It’s a you’re a 3D whiz then you may want to create SOURCE FILES
simple way to get the rendered effects expected some base renders in an alternative program to There is a glint overlay supplied for
this tutorial on www.filesilo.co.uk/
from other software without needing to learn a experiment further with the style. The text here advancedphotoshop. It can also be
whole set of other programs. Usually Neil Duerden was created in Illustrator and then imported into used for many other applications
from car highlights through to
would render these in a separate program, so we Photoshop, but CC’s improved typography tools cheesy packaging highlights if that’s
the look you are after.
issued him the challenge to create food typography mean that you could also create your text in
within Photoshop as much as possible and this is the Photoshop, either from scratch or using a
way to do it. pre-existing font.
It’s worth noting that both Photoshop CS6 (used The tutorial will let you use your own personal
here) and Photoshop CC both have 3D rendering judgement and artistic skill so you get the results
capabilities, with CC’s significantly more evolved than you want. Let’s get ready to render.
WORK IN
PROGRESS
FROM BASIC TEXT TO
EDIBLE LETTERING
063
TECHNIQUES TASTY TYPE TRICKS
04 CREATE HIGHLIGHTS
Click on the new layer icon at the bottom of the 3D palette and
select New Spot Light, move this to give the lighting that suits your piece 05 RASTERIZE THE LAYER
With the layer you have been working on selected in the Layers palette, right-click
the best. Remember that this will affect all the edge highlighting further and rasterize it. Then go back to your Illustrator file (if using Illustrator; if not, do this in
down in the process. Then go back to your lighting layers and adjust to get Photoshop) and create the same text with a stroke on. Paste into the document onto a
the best look you desire for the type. Now duplicate the layer you are layer above the rasterized layer. Repeat the 3D steps as before, but reduce the Extrusion to
working on. At the bottom of the Properties palette is a small isometric- a level that looks good. We’ve used a value of 165 for the example. Also on the 3D palette,
square icon. Click it to render your text. This may take a while on older or select Environment, then in the Properties palette put the Shadows down to 0%. This will
slow machines. remove the shadow over the main rendered body.
08 FOOD TIME
Next we are to add the food element.
Choose stock photography food textures that fit into
your chosen theme, think of how they will work
06 DUPLICATE IT
Duplicate and then rasterize this layer
07 CLEAN UP THE MATHS ERRORS
As this is a simple tutorial, we have not
rendered this text in a 3D program. Photoshop quite
within the letterforms and then draw Paths around
the selected areas you wish to add to your piece.
Activate these Paths and then copy the area. Return
as in the previous steps. Then complete the 3D often throws up errors in its mathematics. Simply back to the master artwork and then draw a Path
treatment for the rest of the text using the steps zoom around your text and, using the Clone tool, clean around the area you wish the food to feature on,
as before for your guide. Remember to arrange up any areas that have abnormalities, Some edges ideally below the outlined section we created in 3D
the lighting to work the same as the other layers may have slight edge artefacts; draw a Path the correct earlier. Then make the Path active and paste your
and to get the look you require for the final piece shape using the Pen tool, select and delete the extra imagery into the area you require using the Edit>
as you see it. angles, then clean the areas with the Clone tool again. Paste Special>Paste Into command.
064
ADD AND REFINE THE DETAILS
IT’S TIME TO MAKE THE TYPE REALLY TASTY
002
003
11 ADD DETAILS
Add details above this whole section:
drops of chocolate, apples falling from the stack,
and merge the layers using the command in the
Layers palette. Next move this down the layer stack
to above the background and, using the Edit>
shots of some food-related items that add interest to
the piece, for instance strawberries, and draw a
Clipping Path using the Pen tool in the Tools menu.
drips and drops. Consider how these will interact Transform>Perspective or Distort commands, make Then copy and paste these items either in front or
with the filling: is the solution gloopy like honey the reflection look either forward or backwards behind the typography section. Add shadows either
or solid crumbs that bounce? Add as much or dependant on the look you require. Once you are by hand on a separate layer below the item, turning
little as you feel is necessary without making happy with the look, reduce the opacity of the layer to the layer mode to Multiply and changing the opacity,
the legibility suffer. Sometimes less is more in a look that you think is best. You can also add a layer or by using the automatic Drop Shadow facility in the
these cases. mask and fade it off if you require. Layer Styles palette.
065
TECHNIQUES TASTY TYPE TRICKS
FINAL TOUCHES
NOW ADD HIGHLIGHTS, MAKE THE COLOURS POP AND SHARPEN
14 ST/0Ĉ!.$Ĉ2%Ɏ%6!,5!4%Ĉ
Have a brew, walk away from the design and
take a break, you will have been staring at the screen
QUICK TIP: EXPERIMENT WITH ADJUSTMENT LAYERS
Adjustment layers can really make parts of your image pop, but sometimes the overall effect isn’t what’s
required. Adjustment layers come with a layer mask already built, so simply mask out the bits you don’t want.
for a while now and may have gotten too familiar
with your artwork. Come back and take a new look at
it. With fresh eyes you will spot any errors or glaring
sections that don’t work together more easily as you
will now be looking at this as a whole. Now if you are
happy, proceed, if not correct the individual areas or
entire composition until it looks its best.
15 AD$Ĉ4(%Ĉ',).4
A glint is included in the files supplied with
this tutorial on FileSilo. Simply paste the layer over
16
the top of your design, position it where you think it
AD$Ĉ()'(,)'(43
17
should go, and then change the layer mode to
Add a layer at the very top of the layer stack, MA+%Ĉ4(%Ĉ#/,/523Ĉ0/0
Screen and the glint will be added. Adjust the
set the blending mode to Overlay and then simply Adjust the colours now to make it pop. This,
opacity to customise the effect.
paint white sections over the top of the image. The again, is down to personal judgement. Go to Layer>
opacity of this layer will need to be reduced down to New adjustment layer and select Vibrance. Now
a level that suits the look you are after. Try to adjust the sliders to get the balance you think looks
highlight areas to create more interest and create right; this can be from less saturated to mega-
focal points to lead the eye around the design. saturated dependant on the feel you wish to achieve.
TASTY INSPIRATION
Food-based typography is a big trend at the
moment and it offers you almost limitless
possibilities depending on the message you want
to convey and the foodstuff you use. Consider your
choice of typeface wisely – for example, a font
with long descenders will be good for an
illustration based on the melting cheese and
dripping sauces of a burger, while an illustration of
18
fairycakes will suit a whimsical serif or cursive
SH!20%.Ĉ7)4(Ĉ()'(Ĉ0!33
style. Consider font combinations and how they’ll
Duplicate all layers into a single stamped layer with Cmd/
express your message, and the colour
Ctrl+Shift+Alt/Opt+E. Change this layer’s mode to Overlay and go to
combinations that your chosen foodstuffs will
Filter>Other>High Pass. Play with the levels of this filter until you find a
provide – follow the same rules of good
level that suits you and gives the detail a little more presence. Reduce
illustration you’d use in any other piece!
the layer’s opacity and that’s it! All done and your piece should be ready!
066
BUILD A BETTER WEB
www.webdesignermag.co.uk
E s FREE
SU Available
from all good
EVERY IS
RE
newsagents and
SOURCE
supermarkets
DS
DO
WNLOA
ON SALE NOW
HTML & CSS design patterns | Pro guide to WordPress | Get faster, smoother animations
PRACTICAL TIPS BEHIND THE SCENES INDUSTRY OPINION
facebook.com/webdesignermag twitter.com/webdesignermag
In the early stages I use
countless layers, but
eventually I will merge down
to a single layer to work on
© Shannon Maer
HOW I MADE TECHNIQUES
MERMAID’S WISH
SHANNON MAER
DISCOVER HOW SHANNON MAER MADE THIS ETHEREAL DIGITAL PAINTING
F
or US-based comics and cover artist Shannon For this personal art piece, Mermaid’s Wish, Maer part of this iterative process, although Maer says “I
Maer, “dedicating yourself to your passions is was “exploring a more natural and organic feel in my like to approach the image with as much of a
always an arduous journey. It is both rewarding work… And what better way to explore that than by traditional method as possible. In the early stages I
and a difficult path to follow. The time and attempting to capture the ethereal essence of a use countless layers, but eventually I will merge
energy I invest in my art can feel overwhelming at mermaid? For this very reason, you will see that down to a single layer to work on. Retaining separate
times, but as for the experience of it, each image is a throughout the process, I made several changes in masks and alpha channels however, is a powerful
world that I get to live in during its creation.” pursuit of this goal.” Photoshop is a fundamental asset that Photoshop excels in.”
01 INITIAL SKETCH
Getting an overall feel for the direction of
a piece is vital at an early stage. Limiting it to black
and white helps me to focus on the image in a
purely graphic manner.
02 UNDERPAINTING
Laying down a base for all the colours as
well as the basic shading, sets a tone before all the
03 CONTRAST AND LIGHTING
Here, I both adjusted the pose to add some
life to the figure as well as the early stages of adding
heavy lifting goes into detailing. some contrast and lighting to the environment.
069
TECHNIQUES HOW I MADE
04 ADDING ATMOSPHERE
With the base already laid in, I could see
that a warmer tone for the atmosphere would both
complement and draw your attention, while still
retaining a separation from the background.
07 DETAILING
With the revised posed in place, the
same colouring and lighting needed to be
08 DYNAMIC CHANGES
You might hesitate to make a significant
change to your work because of all the time that
matched. The warm glow of the environment you’ve invested, but often these choices are what
lighting is beginning to take shape. brings your characters to life.
070
SAVE RHINOS NOW
10% OF OUR PROFITS HELP FIGHT POACHING
BUY
An animal in crisis Make a difference today Join World of Animals
TM
In eastern Africa, poachers use Ol Pejeta is a leading conservancy World of Animals magazine tak
automatic weapons to slaughter fighting against this cruelty. stand against these atrocities an
ANDHELP
endangered rhinos. The animals
are shot and the horns are hacked
It needs more funds so more
rangers and surveillance can be
is proud to be in partnership with
the Ol Pejeta Conservancy – 10% FIGHT
away, tearing deep into the rhinos’
flesh with the rhino left to die.
deployed on the ground to save
rhinos from this horrible treatment.
of our profits go towards saving
rhinos in the fight against poaching
POACHING
Buy World of Animals at all go
worldofanimalsmag @WorldAnimalsMag @ animalanswers.co.uk justgiving.com/olpejeta
XPERT
VECTORS
072
01. LEARN THE DIFFERENCE: VECTOR VS RASTER
It’s important to note the difference between Photoshop is raster-based, but it can handle Most of the artists featured here will work between
raster and vector artwork. Raster images are vectors. Especially in the most recent versions, it has the two programs, for example designer and illustrator
made of pixels, which are tiny squares that sit its own vector tools to create shapes and type, which Ladislas Chachignot (www.ladislasdesign.com)
together to form an image. These are resolution- can easily be filled with colours or patterns directly explains, “For this portrait [on the page opposite] I’ve
dependent and if you enlarge a raster image, you from the toolbar and using the Live Shape Properties created some coloured shapes in illustrator, then I’ve
will start to pixelate the image. in CC. However, you may need to rasterise these imported them into Photoshop. I can still change the
Vectors are geometric shapes that are created vectors to apply some Photoshop effects, which only size and they will remain perfect. If I want to change
by mathematical lines and curves, and they are work on pixels. Illustrator is vector-based and its main something in the vector shape, I go back to Illustrator,
not resolution-dependent, meaning that you can purpose is to create complex geometric designs. The modify it and re-import it in Photoshop. When you
enlarge them as much as you like without losing two programs work together exceptionally, meaning bring the two pieces of software together, you will have
quality or form. you can blend the best of both worlds. a new source of possibility and freedom.”
Combining the crispness of vector with the textured, digital painting and flat vector elements.
tangibility of digital painting and making a cohesive I import these vector elements and sort them
design is no easy task. It is the signature style of using separate layers in Photoshop. I often use
French illustrator and designer Ladislas Photoshop to give depth to my images and vector
Chachignot (www.ladislasdesign.com), who elements by adding a Gaussian Blur under the
combines the best of both Illustrator and shapes. I mix Photoshop and Illustrator to give
Photoshop: “I’m attracted to two things in art: the images a modern and geometric look that
digital painting in Photoshop and vector art in would not be possible to do easily only with
Illustrator. I couldn’t choose between them, so I Photoshop. My artworks have a bit of the vector
decided to mix them and take the best aspects [of] art look, but Photoshop allows me to overpass
each. I use Photoshop for its amazing brushes and this and give the image something more
to draw [or] paint directly in the software. I use a interesting. I think my goal and graphic identity is
lot [of] clipping masks, as it’s easy to add texture to mix a painterly style with some flat geometric
without paying too much attention to the outlines. I shapes, as shown in my image here.” You can see
use Illustrator to create a contrast between an overview of this process step by step in Tip 4.
TECHNIQUES 20 EXPERT TIPS FOR VECTORS
AND PHOTOSHOP
If you have Creative Cloud, then you have access to
qď-ICHAELď7ILLIAMď,ESTER
both Illustrator and Photoshop. In the latest
versions, the two programs work together
seamlessly and they have also closed the learning
gap, by ensuring that if you know one program, you
can pick up the other due to similar interfaces and
tools. We recommend that if you’re unsure with
Illustrator, you spend some time getting to know it,
as it can be used to enhance your Photoshop work.
“Photoshop is the perfect companion to Illustrator,”
says freelance designer and illustrator Michael hand-finished touches while retaining the edibility of Think about structure: Some pages in your design will have
TO STRIKE A BALANCE BETWEEN THE VISUALS AND TEXT WITHOUT
Lester (www.michaelwilliamlester.com). “From a your vectors. Vector Smart Objects in Photoshop are BREAKING THE CONTINUITY THAT YOU HAVE ALREADY ESTABLISHED
© Owi Sixseven
7HEN YOU GENERATE THE PAGES WITH MORE TEXT ALSO DESIGN A
technical point of view, it allows you to get your integral to my workflow allowing me to edit my NUMBER OF VECTOR 5) ELEMENTS TO CONTAIN THE PARAGRAPHS 4O
EACH OF THESE ;ELEMENTS= ) ADD A STYLE THAT BALANCES BETWEEN
illustrations print and web ready, while from an individual vectors in Illustrator while preserving the COLOUR AND THICKNESS AND ) WILL RE
USE THESE IN OTHER SCREENS
4HIS IS IMPORTANT TO MAINTAIN A HOMOGENEOUS STRUCTURE
artistic point of view it gives you the ability to explore composition in Photoshop.”
074
07. BUILD VECTOR ILLUSTRATIONS FROM PHOTOS
075
13. CREATE
Original vectors: “This is my
[original] composition. All buildings, Before editing: “This is
EDITORIAL DESIGNS
houses, trees and extra elements how the illustration looks MICHAEL LESTER TALKS US THROUGH HIS
are made with rectangles, circles on the Photoshop canvas
and some clipping masks” without any editing” PROCESS FOR DESIGNING CRISP VECTOR
ILLUSTRATIONS FOR COMMERCIAL USE
than the ones in the corners, making the handbag and of how well these two programs work together.
Brand: PuroCorazón Handbags and Accessories the model the main elements of the composition. Brushing away at a layer mask creates a nice
Creative Direction: Carolina Restrepo
Graphic Design: Carolina Díaz Accordingly, blending the photograph not only with chalk effect, which remains unaffected when I
Photography: Alejandra Devescovi and Leslie Spak
Makeup: Luis Salcedo vectors, but also with other image textures and edit the vector file in Illustrator.”
Styling: Lía Lázaro
Model: Mapple Sam illustrations, will create a more sticking design.”
076
14. BLEND PHOTOS WITH VECTOR BACKGROUNDS
Carolina Díaz (www.carolinadiaz.com.co) creates Before
fashion illustrations that use professional photography
and vector backgrounds for commercial advertising
designs. This is a great technique that you can use on
your own portraits to turn them into effective artwork:
“To blend the vectors with the backgrounds of the
photography, I use the Multiply blending mode. That
way, the vectors adjust to the shadows, colours, and
textures of the photograph. I also adjust the Opacity of
each layer. The darker layers are going to look closer,
while the lighter ones appear further away. To intensify background with the Brush tool. Working over the
this effect, I add Inner or Outer Glows in the blending vector mask, and with black as a foreground colour, I
options of each layer. Adding this is not only going to can erase the background by painting over it, or use a
create different levels, but give volume and depth to white foreground colour if I want to uncover Brand: PuroCorazón Handbags and Accessories
Creative Direction: Carolina Restrepo
each element. I separate the silhouette from the something. This is easier than using the regular eraser, Graphic Design: Carolina Díaz
Photography: Alejandra Devescovi and Leslie Spak
photography by adding a vector mask to a duplicated because you can cover or uncover the elements any Makeup: Luis Salcedo
Styling: Lía Lázaro
layer of the photography layer, and erasing the time you want, without permanently erasing them.” Model: Mapple Sam
15. DEVELOP
ILLUSTRATIONS
IN PHOTOSHOP
Graphic and textile designer Carolina Díaz creates
her striking fashion artwork by importing vectors
and shapes individually into Photoshop: “I bring
© Aldo Crusher
077
TECHNIQUES 20 EXPERT TIPS FOR VECTORS
© Stephen Chan / Coke Asia
078
19. CAPTURE VECTORS ON THE GO
For working on vector illustrations in iPad’s camera to take a photo of an object. There
Photoshop, the Adobe Shapes CC app is is a slider that you can use to change the
incredibly useful. It cuts out a lot of work in amount of detail that you want to include. You
creating custom vectors. Whereas you might can also choose to display the image as a shape Smart Object). However, if you want full access to the
usually take a photograph, import it into on a dark or light background. Take your photo, Live Shape Properties, you can convert it to a custom
Photoshop and use the Pen tool to trace over it confirm it and the app will begin to draw your shape. Cmd/Ctrl-click on the layer’s thumbnail to
to create a Path and save it as a custom shape, shape. Hit Save and name your shape to add it create a selection, then go to the Paths palette. Click on
the app turns your photos of objects directly into to your CC library. the Make Work Path From Selection icon to create a
vector graphics. In Photoshop, open the Libraries panel and find path for your shape. Next go to Edit>Define Custom
To use Shapes CC, you simply open the app your new graphic. You can drag it directly into your Shape. This will create the shape that you can then use
(and sign into your Adobe ID). You then use the canvas and use it as a graphic (it imports as a as you wish, with the Fill and Stroke options active.
20. ESTABLISH A
VECTOR WORKFLOW
When working on a project that involves both vector
and raster elements, you need to have a system
that works for you to ensure the best quality of
artwork, says Sam Moore. “I always fully complete
the vector work first, otherwise it is very easy for me
to waste time redoing raster work that was
flattened or merged with an incomplete vector. That
is not to say you should avoid experimenting, but
there must be a time for doing and a time for trying
new things. Reaching a successful end product is
the most important goal; figuring out how you best
© Sam Moore 2015
079
Portable: The Companion 2 doesn’t
need to be connected to a computer
WACOM CINTIQ
COMPANION 2
WE PUT WACOM’S NEW COMPUTER TABLET THROUGH ITS PACES TO
SEE IF IT’S AS GOOD AS OTHER TABLETS ON THE MARKET, AND IF IT’S A
TRUE COMPANION TO YOUR DRAWING EXPERIENCE
T
www.wacom.com ablets have evolved, technology’s rapidly drawing machines that best suit artists at home.
caught up with real media over the last Because instead of being a tablet you can connect to
SPECIFICATIONS:
couple of decades, and digital artists are your computer and draw with, it is the computer; it
m -1 5GLBMUQ A?L @C AMLLCARCB RM
getting closer and closer to the feel of comes with Windows 8 installed, and doubles up as
CGRFCP +?A MP .!
actually drawing with a pen and paper. At first we a laptop.
Adjustable support: A
support that offers
three levels of elevation
for ultimate comfort and
adaptable drawing
081
REVIEWS WACOM CINTIQ COMPANION 2
THREE WACOM
PRODUCTS TO
USE WITH
THE COMPANION
PRO PEN
£72/$80
The Cintiq Companion 2 already comes with a Pro Pen,
one of Wacom’s best drawing styluses, and the perfect
option for the Companion. The pen is a comfortable
weight and includes right-click buttons on the side;
Connectability: The Companion 2’s array of ports there are extra nibs included, and it comes in its own
box too, so you won’t lose it.
082
Protection: The tablet comes
with a high-quality case to
protect it on-the-go. The pen
also has its own box
ARTIST Q&A
ILLUSTRATOR AND ADVANCED PHOTOSHOP
DESIGNER REBEKKA HEARL EXPLAINS WHAT
SHE LOVES ABOUT THE CINTIQ COMPANION 2
WHY DO YOU FIND
USING THE COMPANION
SO MUCH EASIER
THAN OTHER
TABLETS, REBEKKA?
The Companion makes the
drawing process much easier because I can
directly look at where my hand is when I’m
drawing. It’s also great for sketching on the go.
Extra support: The
Companion 2 comes with an
adjustable support that offers
three levels of elevation WHY WOULD YOU FAVOUR THE COMPANION
OVER BIGGER CINTIQ MODELS?
On top of the amazing pen control on the The Cintiq Companion 2 is just about the most The portability is a major plus. Artists shouldn’t
Companion, there are controls to the left-hand advanced computer tablet of its kind. Ultimately it’s be put off by its small size; it still offers the same
side of the screen, which make it even easier to the drawing features that you’ll probably buy it for, functionality as the bigger, stationery models. You
control the functions of Photoshop; this makes it a the 2048 levels of pen pressure, tilt and multi-touch can’t curl up on the sofa and draw with a 27QHD!
device also suited to composite creators, and you features, but as an all-round Windows tablet, it’s
can even leave boxes of commands on display also superb: the processor within the machine HOW USERFRIENDLY ARE THE HOTKEYS
while you work. The Companion has all the makes it a great choice of computer alone. But the ON SIDE OF THE TABLET?
necessary ports too, including headphones, USB beauty of the Companion is that it’s not limited just They’re not as sensitive as the ExpressKey Remote;
and charging, and the power switch is a to artists or even just to professionals. It’s beautiful, it’s good to know I can use these convenient
pull-and-hold kind of button, which makes it it’s powerful, but it’s also versatile. hotkeys, and rebind them as and when I need to,
impossible to accidentally knock. without accidentally setting off the zoom.
And on top of all of these fantastic features, the
screen is absolutely perfect and pristine for
working on. The colour is superb, there’s a 4K
VERDICT JUST HOW CLOSE IS THE COMPANION TO
THE FEEL OF A REAL PEN AND PAPER?
resolution of 2560 x 1440, and the 13-inch screen is Features: 10/10 There is a slight space between the cursor and
big enough to work with, but not so huge that you’ll Ease of use: 8/10 the nib of the pen when pressed against the
have to keep it on a desk. It’s compatible with a Quality of results: 9/10 screen; it takes a little getting used to, but once
Mac – so you can plug it in and use it the same way Value for money: 9/10 you get into the flow of drawing, you’ll forget all
as the biggest Cintiq models – and it even has a about it.
built-in speakers and camera set. FINAL SCORE: 9/10
083
REVIEWS ONONE PERFECT EFFECTS 9
ONONE PERFECT
EFFECTS 9
DOES PERFECT EFFECTS 9 UNLOCK GREAT PHOTO
EDITING POTENTIAL, OR IS IT JUST A LIMITED PLUGIN?
Add perfect effects: Textures: A nice way to finish off your photos
Layer various filters with and compositions, Perfect Effects has an
your work, and mask array of various textures that can transform
them into your picture the look of an image. Try playing with the
opacity and blend mode of these textures to
achieve the perfect look, and don’t be afraid
to layer up these textures to create
something truly unique
www.on1.com tried to crack the market and rival Photoshop by companion to Photoshop and Lightroom, it’s
becoming more user-friendly or more advanced an app that can be used alongside either
PLATFORMS:
as well as trying to be more stylish or offer more program while you work, or as a plug-in. It’s
m 5GLBMUQ
+?A
desirable presets. Few can match the a great concept because it takes the best of
T
here are programs out there that they’ve done so in a different way to many by dragging your pictures into the main
really test the limits of what you can others. OnOne’s latest offering to photo editors, interface of the software, and there you’ll see
achieve with a little photo editing. Perfect Effects 9, isn’t an attempt to knock various preset filters that you can apply to your
Software companies around the Adobe’s products off their perch as artists’ and work. Rather like actions, these can cut a few
world, some renowned, some less so, have photographers’ go-to software; instead, it’s a corners if you’re used to applying HDR to your
084
BASIC ADJUSTMENTS
GET TO GRIPS WITH PERFECT EFFECTS AND MASTER HOW TO EDIT YOUR PHOTOS WITH THE PROGRAM
085
READER INTERVIEW STRETCH YOURSELF
STRETCH YOURSELF
RODRIGO MARINELLI IS A SENIOR ART DIRECTOR AT THE ADVERTISING
AGENCY TAGCOM IN BRAZIL. TO KEEP IMPROVING HIS TECHNIQUE, HE
CHALLENGES HIMSELF TO CREATE ONE PERSONAL IMAGE A MONTH
B
y day he’s an art director, but Brazilian artist though when you know that scene will never exist. In
Rodrigo Marinelli doesn’t take any this case there is no trick to know how much to put in,
downtime from improving his artwork, what makes the difference is your daily practice and not
challenging himself to make at least one being afraid of making mistakes. All my work is the
highly polished personal piece every month. We result of many light, shadow and composition tests.
caught up with him to find out more. Don’t be afraid to take risks, this is the only way to
improve your art direction style.
HOW WOULD YOU DESCRIBE YOUR STYLE? OUR READER
I always try to create images that challenge me and HOW AND WHEN DID YOU FIRST START RODRIGO MARINELLI
generate curiosity. I like to merge fantasy with reality, USING PHOTOSHOP? http://rodrigo_marinelli.prosite.com/
always paying attention to the details. I have a vibrant For me Photoshop is an old flame. To work in
style, that’s why I take care in the choice of colours and advertising you have to know how Photoshop works,
pictures to make the perfect composition. so I started using it ten years ago when I was a trainee. I
I always liked a glossy style. In my compositions I had the luck to work with talented people who taught
like to use many pictures, and I always like to explore me how to use the right tools. They helped me a lot to
the lights and shadows as much as I can. I think these be able to develop my own art direction style. I also use
details are what make my images believable, even InDesign and Illustrator, but less.
086
Crocodile: Marinelli’s wife gave him the idea
of a scared person passing close to crocs, and
the big challenge was creating “realistic water
splashes from the crocodile’s mouth”
Giraffe
Brain Gym
I always try to create images
that challenge me and
generate curiosity. I like to merge
fantasy with reality, always paying
attention to the details
Basketball
088
STRETCH YOURSELF READER INTERVIEW
WHAT ARE YOUR FAVOURITE OR MOSTUSED Water Guitar: Water guitar is an early image of
Marinelli’s. He created it for a contest and “learned a
PHOTOSHOP FEATURES? lot about lighting and image manipulation”
There are several tools that I like to use, but my
favorite is the mask, because I can edit and
manipulate photos without losing any information. I
use the Feather tool a lot; it’s perfect to make
compositions. It’s the first step to make a
composition in a harmonic way. I also like the
Gaussian blur a lot, I use this tool for everything, to
make shadows and lights, or dissemble little defects
of the image. My trick is to always use the Unsharp
Mask, this tool brings more detail and reality to your
image. But you must be very careful because if you
exaggerate you will give an artificial style.
089
GATHER THE PROJECT MATERIALS
ESSENTIAL RESOURCES FOR INK SWIRL BRUSHES
090
CREATE YOUR OWN INK SWIRL BRUSHES ON FILESILO
F
ew things are as unforgiving as ink; it stains brushes to be used in your Photoshop arsenal. at craft stores, it can be used over and over for
with a vengeance and is often more trouble From the magic of swirling ink in water, to the multiple purposes. Ink has always had power in the
than it’s worth. However, like many dark, simplicity of an ink splash, to the mystery of the ink physical world, from books and printing, to drawing
seemingly destructive objects, it has its blot test, these brushes are sure to be fun to both and sketching. Now you can bring that same power
beautiful and useful side. In this tutorial, you will learn make and use. The darkness of the black ink makes into the digital realm with only a few materials and
how to use black ink to create multiple types of it ideal for brushes, and because it’s readily available a little creativity.
01 GET SET UP
Setting up the scene correctly is very
important before you begin taking pictures. Be
02 PICK THE RIGHT SETTINGS
Ink in water is not particularly fast
moving, however the image needs to be perfectly
03 INITIATE DROP SEQUENCE
Once prepped, set up your camera and
frame the shot. If you don’t have an assistant,
sure you have white surrounding your tank of crisp to be usable, so use at least a shutter speed use a shutter release button to capture shots.
water and have your camera at the correct of 1/400. The aperture can be at a mid-range of You will need to get clean water every few drops
angle to avoid reflections. f5.6-f8 depending on the light. to keep the contrast.
01 CROP IT OUT
You may have multiple drops close together
02 BRIGHTEN IT UP
Use the Levels dialogue to brighten the
white as much as possible. You can also adjust 03 BRUSH IT OFF
Under the Edit menu, select Define Brush
in one frame, so crop to just the drop you want for a the transparency of the ink here by adjusting the Preset. This will turn your image into a brush. Make
brush. Remember, the less detail in the brush, the Midtones slider. Remember what’s black will be sure your images start out high enough quality to
easier it will be to apply without adjustments. the solid part of the brush. deliver a sharp brush even at a large size.
091
TYPES OF INK DROPS
OTHER WAYS INK CAN BE USED FOR BRUSHES
Since ink, especially black ink, is so dark, it is perfect for use
in making Photoshop brushes. Here are some techniques to
make interesting ink splashes to be used as brushes.
092
CREATE YOUR OWN INK SWIRL BRUSHES ON FILESILO
093
ON FILESILO CREATE YOUR OWN INK SWIRL BRUSHES
01 GATHER MATERIALS
Start with some sheets of watercolour
paper, this makes the process much easier. Also have
some india ink, and a dropper. You will also need a
hairdryer or a sunny day to speed drying time.
6 RORSCHACH
20 INK SWIRL BRUSHES BLOT BRUSHES
LIQUIDY, INKY SWIRLS WHAT DO YOU SEE HERE?
We hope you’ve been able to capture your own Use these fun inkblot brushes to add a nice
inky resources, but we’ve also offered ours for grunge effect to backgrounds or other
your own personal use. elements in your digital compositions.
094
From the makers of
PREMIUM COLLECTION
Advanced Photoshop Premium Collection assembles top
tutorials and compelling features written by industry experts.
It’ crammed with top advice to help develop your Photoshop
l d e of Adobe’s software.
Also available…
EVERYTHING YOU
NEED TO FOLLOW
ALONG WITH THE
MAGAZINE AND
CREATE GREAT
PHOTOSHOP ART
CREATIVE
RESOURCES
YOUR BONUS
RESOURCES
ON FILESILO THIS ISSUE, FREE AND
EXCLUSIVE FOR ADVANCED PHOTOSHOP
READERS, YOU’LL FIND RESOURCES
WORTH $131, INCLUDING…
■ Over 300 Photoshop actions
■ Fonts worth $58
■ Rainy Windows Smart Layer kit
■ Exclusive sample set of Real Markers
for Photoshop
■ Expert video tutorials
■ Photoshop Bundle worth $27
■ All tutorial files for this issue
EXPERT TUTORIALS
TOTAL
COMBINED
VALUE: $131 PREMIUM FONTS
www.filesilo.co.uk/advancedphotoshop
096
FILESILO – THE HOME OF PRO RESOURCES
DISCOVER YOUR FREE ONLINE ASSETS
A rapidly growing library No more broken discs
Updated continually with cool resources Print subscribers get all the content
Lets you keep your downloads organised Digital magazine owners get all the content too!
Browse and access your content from anywhere Each issue’s content is free with your magazine
No more torn disc pages to ruin your magazines Secure online access to your free resources
097
RESOURCES FILESILO
HOW TO US
EVERYTHING YOU NEED TO KNOW ABOUT
ACCESSING YOUR NEW DIGITAL REPOSITORY
To access FileSilo, please visit www.filesilo.co.uk/advancedphotoshop
01 Follow the
instructions
on-screen to create an
02 If you’re a print
subscriber, you
can easily unlock all the
03 You can access
FileSilo on any
desktop, tablet or
04 If you have any
problems with
accessing content on
account with our secure content by entering your smartphone device FileSilo, or with the
FileSilo system, then log in unique Web ID. Your using any popular registration process, take a
and unlock the issue by Web ID is the eight-digit browser (such as Safari, look at the FAQs online or
answering a simple alphanumeric code Firefox or Google email filesilohelp@
question about printed above your Chrome). However, we imagine-publishing.co.uk.
the magazine. address details on the recommend that you use
You can access mailing labels of your a desktop to download
plenty of subscription copies. It content, as you may not
content for free can also be found on be able to download files
with the issue. your renewal letters. to your phone or tablet.
facebook.com/AdvancedPhotoshop
Issue 140 of is on sale 01 Oct 2015 from GreatDigitalMags.com
098
7KHDZDUGZLQQLQJ
6DPVXQJ1;
ZLWK8+'.YLGHR
· 5HGHƫQH LPDJH TXDOLW\ ZLWK WKH 03 %6, $36& &026 VHQVRU $YDLODEOHDW
· +\EULG $) ZLWK SKDVH GHWHFWLRQ FRQWUDVW GHWHFWLRQ DQG FURVVW\SH VHQVRU SRLQWV
· )DVWDQGSUHFLVHFRQWLQXRXVVKRRWLQJXSWRISVDWIXOOUHVROXWLRQ
· &DSWXUHIDVWPRYLQJDFWLRQZLWKH[TXLVLWHFODULW\DWVHFVKXWWHUVSHHG
· %UHDWKWDNLQJ.8+'YLGHRUHFRUGLQJLQ+(9&+IRUPDW
· /LIHOLNH(OHFWURQLF9LHZƫQGHU(9)ZLWKDQXOWUDIDVWUHVSRQVHWLPHRIVHFRQGV
· +LJKO\GXUDEOHGXVWDQGVSODVKUHVLVWDQWPDJQHVLXPDOOR\ERG\