How To Create Watercolor Popsicle Illustrations in Adobe Illustrator

How To Create Watercolor Popsicle Illustrations in Adobe Illustrator


Hello
everyone this is Chris from Spoon Graphics back with another video tutorial for Adobe
Illustrator. I’ve just been away on my summer holidays
and we’re currently in the middle of a heatwave here in the UK, which for us is sunshine for
a whole week! All that nice weather has inspired me to create
a tutorial showing you how to make your own tasty popsicles or lollipop graphics in Illustrator. We’ll use a range of handy tools to create
the first colourful lollipop, then build upon each subsequent illustration with new additions
which provide an opportunity to touch on different tools and techniques, then we’ll add some
subtle texturing with my free watercolour circle textures. So begin by drawing a rectangle on the artboard
of any proportions you like. Switch over to the Direct Selection tool and
draw a selection around the upper two points. Click and drag the corner widget icon to round
off the corners to the max. Do the same with the lower two corners, but
adjust the widgets just a little to apply a smaller corner radius. Edit the fill of the shape by choosing a different
swatch, or applying a custom colour, which in my example is an orange of #f08300. Activate the stroke setting and clear the
default black outline. Make sure you have Smart Guides enabled under
the View menu, then draw another rectangle to represent the lollipop stick. The smart guides will make it easy to snap
it perfectly to the underside of the main lolly shape. Change the fill colour of the stick to a light
brown, then round off the bottom edge using the Direct Selection tool and the corner widgets. Move the stick into place centrally, using
the Smart Guides to find the centre line. Zoom in to the artwork and use the Pen tool
to draw a triangle to represent a simple shadow. Give it a black fill and alter the transparency
settings to Multiply at 20% opacity. Select the Arc tool and set up the appearance
with a white stroke, no fill. Draw a curved line that follow the curvature
of the upper right of the lollipop. Press the F key to flip the arc while dragging
out the path if it’s flowing in the wrong direction. Bump up the stroke weight to around 4pt and
add the round cap option in the Stroke panel. Vector artwork can look great with solid colours,
but some subtle texturing can also produce an interesting art style. Download my free Watercolour Circle textures
from Spoon Graphics and open one of them in Illustrator using the File>Place command. Scale the texture down to fit over the lollipop,
then move it to one side for a second. We’ll need a copy of the lollipop shape to
use as a clipping mask, so go to Edit>Copy, followed by Edit>Paste in Front. Bring this duplicate shape above the texture
using the Arrange>Bring to Front command, then move the texture back into place. Hold the Shift key and add that duplicate
outline shape to the selection, then right click and choose Make Clipping Mask to trim
the texture to fit inside the popsicle artwork. Change the blending mode to allow the colours
of the texture to interact with the base colour of the ice lolly, Overlay is always a good
go-to choice, but we’ll use some other modes later. Draw a selection around all the shapes that
form the lollipop illustration and move them to one side. Start from scratch with a new illustration
using the rectangle tool again. Make the proportions of this popsicle completely
different. Choose a fruity fill colour, then round off
the corners with the Direct Selection tool. Rather than draw the stick again, select and
copy the existing shapes from the first illustration and position them on the new artwork. Holding the Alt key while dragging the shapes
is an easy way to duplicate them. Set up the Arc tool with the same white stroke
and add a tiny highlight, then find a watercolour texture with complementary colours. Place the texture and scale it to fit over
the lollipop. Rather than fit it to size exactly, you can
use a portion of the texture that might have interesting colours or surface details. Duplicate the lollipop shape with the CMD+C
and CMD+F shortcuts, and move it to the front with the CMD+Shift+right square bracket key,
then apply a clipping mask with the texture. Set the blending mode to Overlay to blend
the watercolour hues with the purple background, then move all the shapes to one side. Draw another rectangle to form a new popsicle,
give it a nice bright colour such as red, then round off the corners. This time, draw a stripe within the popsicle
body, using the Smart Guides to snap to the edges. Give it a contrasting fill colour, like an
off-white of #fff3d2. With the Move tool selected, hold the Alt
and Shift keys and drag out a duplicate to add another stripe. Repeatedly press the CMD+D shortcut for Transform
Again to apply a series of stripes to the popsicle. The original shape can be extended to even
out the gap between the first and last stripes and the top and bottom edges. The corner widgets keep the roundness intact. Use the rectangle tool to add a couple of
thin shapes to the bottom edge, these will represent drips. Hold Shift and select all the red shapes,
then merge them into one with the Pathdfinder’s Unite button. Switch to the Direct Selection tool and round
off the corners of the drips, starting at the bottom, then also where they join the
main lollipop. The use of the Pathfinder affected the order
of the shapes, so use the CMD+left square bracket key shortcut for Send Backward until
the stripes are visible again. Duplicate the lollipop stick and move it into
position, then choose a watercolour texture for this illustration. Duplicate the red shape to use with the clipping
mask, then instead of the Overlay blending mode, this time use Screen so this particular
texture blends better with the underlying colours. Draw another new popsicle with a whole new
flavour. This time use the CMD+C and CMD+F shortcuts
to duplicate the main body, then give it a chocolately brown fill. Use the rectangle tool to draw a temporary
shape that covers the lower portion of the brown shape, then with both shapes selected,
use the Minus Front button in the Pathfinder panel to trim this portion away. Add a couple of smaller brown rectangles just
like the drips in the last illustration, but overlap them with the other shape. Select the Shape Builder tool and select all
the brown shapes by holding the CMD key to temporarily toggle back to the Move tool. Also use Shift to add them all to the selection. Hold the ALT key and drag from the first rectangle
onto the other shape to delete this portion, then drag without the ALT key over the second
rectangle to unite these shapes. Switch over to the Direct Selection tool and
drag one of the corner widgets to the max to completely round off this new shape to
form a drippy chocolate coating. Finish off the illustration with a lollipop
stick, simple highlight and a watercolour texture. Sometimes a certain blending mode might work
well for one colour, but not so much for the other. In my example Soft Light looks nice against
green, but the chocolate coating suddenly looks a little mouldy. Use the Send Backward command to place the
texture underneath the brown vector shape, then clip a new texture to just this shape,
which allows you to choose a different blending mode, like Multiply. Let’s take a look at a couple more handy tips
and tricks for this last lollipop illustration. Draw a popsicle shape with a bright colour
fill with round corners, then draw a large stripe across the middle. With both shapes selected, click the Divide
button in the Pathfinder panel to split the shape into three individual portions. Right click and select Ungroup, then give
each one a different fill. To create some stylized vector sprinkles,
draw a short path somewhere on the artboard. Give it the 4pt stroke weight with round caps,
with a pastel pink stroke colour. Drag a duplicate to one side while holding
the ALT and Shift keys, then use the CMD+D shortcut to add a few more. Replace the stroke colour of each one to differentiate
them all. Using the Move tool while holding the ALT
key, make duplicates of each coloured sprinkles and position them randomly around the lollipop
graphic. Alternate between each different colour and
place each new sprinkle in some empty space. The easiest way to select them all is to draw
a selection around the upper portion of the illustration, then hold Shift and deselect
any unwated items, until you have a selection of just sprinkles. Head to Object>Transform>Transform Each
and enter 360 degrees in the Angle, then check the Random option. Hit OK to have all the sprinkles randomised
in a different direction. The layout might need to be tweaked to evenly
space out the pieces. Since this last lollipop illustration has
been split into three, make duplicates of multiple shapes then unite them back together
to use them as a tool for the clipping mask, or apply three different textures to each
portion. The final result is a selection of tasty lollipop
illustrations with a simplistic flat vector style. Experimenting with alternative colours and
shapes allowed us to create a unique design each time. Introducing additional techniques also helped
us customise the illustrations with cool effects, such as the drippy chocolate coating and tasty
sprinkles. So I hope these tips and techniques come in
handy for your future illustration work. If you enjoyed the tutorial or learnt anything
new be sure to Like the video. Subscribe to the channel to stick around for
more, and join my mailing list at Spoon Graphics to get your hands on more free resources. As always thank you very much for watching,
and I’ll see you in the next one.

27 thoughts on “How To Create Watercolor Popsicle Illustrations in Adobe Illustrator

  1. Join my mailing list at Spoon Graphics if you want to keep up with all my other content. Every subscriber gets a FREE design resources bundle! 📦 http://spoon.graphics/2ynU0eH

  2. Exactly what I needed! Simple but looks so elegant. Thank you for this, I'm new to illustrator and this will help me learn more about it.

  3. Thanks Chris last is bonus tips how to rotate multipel object to gather is good tips thanks for your amazing and nice tutorial.

  4. Thank you for this tutorial. In my Illustrator cc 2017 I don't have the two point you use for regulate corners. How can I solve this problem? Did I have to activate them somewhere?

Leave a Reply

Your email address will not be published. Required fields are marked *