QUICK TIP
All outlines in this tutorial are created using the
chalk brushes in Adobe Illustrator. Unless you
have a graphics tablet and an endless supply of
patience (I possess neither), I would not suggest
trying to re-create the outlines in Photoshop – it
will take a lot longer and you won’t get a very
convincing effect.04
DRAW THE FIRST BANNER
Flowing banners add dynamism and a sense of eccentricity to
the image, which will not only help to make the image look more
interesting but also more convincing. Select the areas of shading and
highlights on the banner by using the Polygonal Lasso (L). Cut these
areas out (Cmd/Ctrl+X) and paste (Cmd/Ctrl+V) them onto a new layer.
Double-click the layer and select the Color Overlay tab. Choose a cool,
receding turquoise colour (such as #71C5C5) to bring the banner to life.05
ADD SOME TEXT
Since the banner is curved, a cursive font such as Lobster is required for the text
to help with the flow of the image. You can construct the arched text using Adobe
Illustrator’s Type On A Path tool, or alternatively you may prefer to hand-draw it. Once
you’ve brought the text into the canvas, use the Magic Wand (W) to select the spaces within
the letters. Delete the areas of the banner that appear inside these letters.06
CREATE DEPTH
Adding depth to the letters will make them
stand out more and make them more legible. Make
a copy of the text layer and place it behind the
existing text layer. Move the copied layer slightly to
the right of the existing text to create some depth.
Double-click on the layer and select the Color
Overlay tab. Choose an advancing orangey-gold
colour (such as #E7B566) to really highlight the text.
Finally, select the spaces within the letters using the
Magic Wand tool (W) to delete anything unnecessary.07
MORE TEXT
For the word ‘JUMP’, use a bold serif font to
help embody and capture the meaning of the text.
Arch the top of the text so that it slots seamlessly
underneath the banner to create a more streamline
appearance. This can be created in multiple ways: in
Adobe Illustrator, you can use the Arc Upper Warp
(Effect>Warp>Arc Upper); in Adobe Photoshop, you
can use the Warp tool (Edit>Transform>Warp). Add
lines inside the text to create a bevelled appearance,
which will help to bring depth to the image.08
DEFINE THE PATTERN
To create a chalk effect fill, open up the
crumpled paper texture in a new window. Go to
Edit>Define Pattern and give the pattern a name to
save it. Go back to your working canvas and select
all the bevelled segments in the ‘JUMP’ text that you
want to be highlighted using the Polygonal Lasso
tool (L) or Magic Wand tool (W). Create a new layer
behind the ‘JUMP’ text layer and fill the boundaries in
white using the Paint Bucket tool. (G).GRAPHICS AND WEB