Tutorial Create a stylish fashion illustration

Text-only Preview

Tutorial Create a stylish fashion illustration

Create a stylish
Taking inspiration from the catwalks, combine
figure-drawing techniques with Photoshop to
create this season’s hottest il ustrations…
he art of fashion illustration is
to give the viewer an insight into
Expertise provided by Patrick Morgan.
Patrick started his career as a freelancer
what is in vogue. Taking cuttings
designer after completing a degree
and writings from magazines and
in Graphics and Illustration with
Websites is a good way to keep
Commendations for Print Making. His
you up to date with what’s appearing on the
clients include Selfridges, Gordon’s
Gin, Hewlett Packard, 3 mobile, Impulse
deodorant and the National Library, and
The aim of this tutorial is to encapsulate
previous clients include the Body Shop,
all elements of fashion into contemporary
Levi’s and British Airways.
illustration. Most of Patrick Morgan’s work uses
[e] [email protected],
a combination of traditional drawing techniques
[w] www.patrickmorgan.co.uk
and computer rendering – the computer
enables him to perform updates easily and
also speeds up the whole production process.
Fashions are always changing, and using a
computer enables illustrators to respond to the
Tutorial Create a stylish fashion illustration

Tutorial Create a stylish fashion illustration
Part 1: Scanning and cleaning
Start by scanning in a sketch of your choice and cleaning it in Photoshop…
After scanning your image, you may find that
3 there’s dust and dirt on the digital image.
Here, using the Cmd/Ctrl+[+/-] tools, zoom
Here we’ve scanned an image from a
in on the black-and-white areas of the image.
1 sketchbook. Use either a line art option
After scanning in the images, it’s important
Once you’ve found your dirty areas, you’re ready
(depending on your scanner driver) or the
2 to decide whether you want a strong black
to start cleaning up the artwork. The aim is to get
standard 24-bit colour scan. Make sure the image is
line finish or a more pencil grey effect. For this
the artwork as clean as possible. Using Levels in
scanned at 300dpi if it is to be used in print (as this
particular image, we’ve chosen to go with a harsh
Photoshop, bring out the white in the scan. After
image is going to be). Naturally, for the Web, you
contrast effect – so the blacks are black and the
this stage, you’re not only ready to start, but you
can scan at 72-96 dpi.
whites are white.
can also send it off to the client to be proofed.
Part 2: Introducing colour
Choose your colour scheme and fill in the background and foreground elements…
To fill the background, first select your choice of colour by double-clicking
You now need to work out your colour scheme for the illustration. The best
2 on the foreground colour in the main Tools palette, and either choosing a
1 way to do this is to imagine your illustration is a screen print – plan your
colour using the Eyedropper or specifying a CMYK value. Hit OK, fill the
layers, and how they will fit on top of each other. On your base image,
new layer and then, in the Layers palette, adjust the Fill to around 30 per cent
select all (Command+A) then create a new layer and fill it with your base colour.
and the opacity of the layer as necessary. Your background line art will show
To fill the guy and integrate this particular section into the illustration, we’re
Now your backdrop colour is filled, the aim is to start filling in the people
4 going to use a gradient. On the new layer, the selection should still be
3 or the objects in the composition. Starting with the main subject matter
active. Using the Gradient Blend tool, select a gradient that goes from magenta
– the guy – get a base-coat down so you can start layering over the top. Select
to pale pink. Create a new layer and slightly offset the selection and do a new
the man using the Magic Wand tool. Select the area that you want to fill – we’ve
gradient fill. Here we’ve chosen a rainbow effect. The illustration now has
selected the negative and then inversed the selected area. Create a new layer.
movement in the colour facets to give a screen-print effect.

Part 3: Decorative elements
Use layers and alpha channels to give texture to your illustration…
The aim now is to make the image more
1 decorative by incorporating text which subtly
gives the impression of textile design. Here,
we’ve scanned a textile sketch-like backdrop using
Next you need to make an alpha channel
raw drawings straight from the sketchpad. This part
When the image has been scanned and
– enabling white to become transparent and
of the illustration is given a more layered and built-
2 opened in Photoshop, you need to convert it
the line artwork to be filled and keep a line. Select
up effect rather than a flat blended colour – moving
to greyscale. When you convert the image to
all using Cmd/Ctrl+A or Select>Select All and
away from the flat vector look, the aim of this
greyscale, select 1 in the ratio entry field for exact
then copy the image (Cmd/Ctrl+C). Open the
illustration is depth and complexity.
one-to-one results.
Channel palette.
Once the Channel palette is open, you have
The next step is to load in the new alpha
to create a new channel (alpha channel). Click
channel as a selection. Go to the Select menu
the small arrow in the Channels window and
and scroll down until you get to Load Selection.
When you’ve clicked OK, the box will create
select New Channel and name it: sketch. When
Once the Selection box is opened, click on the
6 a selection marquee around the black areas,
you’ve created a new channel, the image will go
channel bar to open a drop-down menu showing all
allowing you to print an apache layer. This
black. Select the new channel and then print the
the alpha channels. Select the new channel (sketch).
enables you to fill the area with light colours rather
Click inverse and then OK.
than deep colours using the Multiply blending layer.
You can either move the marquee across to your artwork using the Move
Convert the image to CMYK by going to Image>Mode>CMYK. This
8 tool, or do the colour filling on the present layer. Here, we’ve dragged the
7 enables you to fill the marquee with the colour of your choice (rather than marquee over to the final artwork on to a new layer and then filled it with a
a shade of grey).
gradient from magenta to pink.
Tutorial Create a stylish fashion illustration

Tutorial Create a stylish fashion illustration
Part 4: Finishing touches
Add more details and textures until you’ve got a striking result…
You now need to fill in the face areas. Select
2 the layer you wish to work on, then decide
The next step is really down to your personal
which areas you wish to fill. Select the Magic
To add the eye make-up, use the Path tool
preference. Get more images from your
Wand tool and select the areas to be filled. Create
to create a smooth area. Select the Path tool
sketchbook, or scanned in from various other
new layers for each fill area. Pick the colours you
and draw the area you wish to fill using the normal
sources. The idea is to apply numerous layers with
plan to use, select the area and fill either using the
Bezier Curve technique. Once you’ve created your
different designs and textures – from scanned-in
foreground colour (Alt+delete) or background
path, you need to make it a live selection marquee
fabrics to colour drawings.
colour (Cmd/Ctrl+delete).
(using the icon at the bottom of the Paths palette).
Once the area is live, fill the make-up. Here, we’ve chosen a gradient fill
4 going from pale blue to transparent. This will give the effect of how real
Finally, you can add highlights to the people to give the depth to finish off
make-up is applied to a model going onto the catwalk. If the areas seem to be
5 the composition. Select the layer you wish to highlight by drawing a path
too ridged around the edges, use the Gaussian Blur filter. Blur the mascara to a
around it with the Pen tool. Turn this into a selection. Using this function,
point where you feel the eyes look real enough.
you can create various effects like the leaves and text used in the illustration.