This Cyber Monday Envato Tuts+ courses will be reduced to just $3. Don't miss out.
Satisfy your hunger for a cool illustration with this sweet popsicle tutorial. This summer-themed tutorial will hit the spot for intermediate Adobe Illustrator users. Let's get started!
Final Image Preview
Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.
Use the Rounded Rectangle Tool to draw the shape shown below. Change the radius of the corners by holding the up or down arrow while you draw the shape.
Overlap the rounded rectangle shape with another rectangle. In the Pathfinder select Subtract from Shape Area followed by clicking Expand.
This is the shape you'll be left with. Use the Direct Selection Tool (A) to adjust the bottom two points if you need to make your shape taller.
Draw another rounded rectangle for the base of the popsicle. Make sure the corners are rounded enough, as shown below, which gives the popsicle a fuller look.
Layer the two shapes on top of each other. Ensure that the base is the same width as the top part of the popsicle. To make the stick simply copy and paste the top part of the popsicle and rotate or reflect the orientation so it's upside down.
Give the stick a subtle gradient. Select all of the objects and click Horizontal Align Center in the Align Palette.
Duplicate the stick and give it a subtly darker gradient.
It's easy to give the popsicle realistic shadows and highlights using a few simple shapes. Using the Pen Tool (P) draw the tall white shape as shown below. Ensure that your shape overlaps into the base of the popsicle, this way your shadow or highlight will definitely cover the whole top area of the popsicle.
In the Transparency Palette select Multiply and change the Opacity to about 60%.
Go to Effect > Blur > Gaussian Blur... Enter a number that looks good to you and click OK.
Repeat the last 3 steps to make other shadows and highlights. When making highlights, leave the blend on Normal and the Opacity at 100% in the Transparency Palette.
To make a highlight for the bottom edge we'll first duplicate the shape and make another copy slightly higher than the other. In the Pathfinder Palette select Subtract from Shape Area followed by clicking Expand.
Here's the shape you'll be left with.
Give this shape a blur and place it at the bottom edge of the popsicle.
Give the base a gradient so it looks as though the bottom is in shadow.
Small details go a long way. Add a subtle inner glow to the bottom of the popsicle by going to Effect > Stylize > Inner Glow... Next to Mode select Multiply, change the Opacity to about 25 and select a Blur that looks good to you. You can also select a color more similar to your popsicle color (but a little darker) to help the shadow blend even more, then click OK.
Select the stick and base and bring them to the front of all the other elements by going to Object > Arrange > Bring to Front.
Here's what your illustration should look like right now.
We'll add a whimsical bite detail by first drawing a few circles using the Ellipse Tool (L).
Use the Pathfinder to merge the shapes by selecting Add to Shape Area followed by clicking Expand.
Place the oval shape over the top edge of the popsicle. Select the oval shape and only the top part of the popsicle, then select Subtract from Shape Area, followed by clicking Expand in the Pathfinder Palette.
This is what you'll be left with.
Note: Make sure you only select the two shapes in the prior step or your result will not look like this.
Using the Ellipse Tool to draw an ellipse and give it a simple gradient that is darker at the center.
Place the ellipse behind the popsicle and rotate it slightly to fit the curvature of the popsicle's edge.
Next we'll make a drop shadow for the main part of the popsicle. Copy and paste the shapes shown below. Select the shapes and in the Pathfinder Palette select Add to Shape Area followed by clicking Expand.
This is what you'll be left with. This shape will fit perfectly behind the popsicle.
Give the shape a drop shadow by going to Effect > Stylize > Drop Shadow... Leave your X and Y Offset at 0 and change the Blur to whatever you like. Click OK.
Move the shadow behind the popsicle.
Next we'll make a reflection. Draw an arbitrary shape over part of the popsicle.
Copy and paste the shapes shown below before you proceed, this way you'll be certain that you won't mess up or loose any of the work you've already done. Select the two shapes below and click Intersect Shape Areas followed by clicking Expand.
Now you have a perfectly trimmed highlight that you can place over the popsicle.
In order for the next steps to work you must use black and white (and not color) as indicated. Give the highlight a white fill. With the highlight selected in your document, go to the Transparency Palette and double-click the area highlighted in yellow.
After your double click the area in the Transparency Palette your shape will disappear. Make sure the black square on the right in the Palette is selected...
Use the Rectangle Tool (M) to draw a rectangle over the popsicle. Now, your highlight will reveal itself again.
In the Gradient Palette add a black and a white point then fill the rectangle shape you just drew with the black and white gradient. It's important that your colors in the gradient Palette are made up of extreme R, G and B values. This will ensure your highlight can go as dark or light as you need it to.
It's easy to add some drips and splatters to the illustration using Illustrator's built-in ink options. Go to Window > Brush Libraries > Artistic > Artistic_Ink. Click and drag any of the ink options onto your document.
In order to change the fill color of the ink splatters you'll need to ungroup the splatter. Go to Object > Ungroup. Continue to ungroup the object until it can no longer be ungrouped. This will usually take about 4 times. Select the ink splatter and give it a radial gradient. Now the ink splatter looks like popsicle splatter.
Now we'll make the drops of water. First draw a shape using the Pen Tool, as shown below. Blur the shape by going to Effect > Blur > Gaussian Blur...
After you blur the shape, just draw a top and side highlight and give them a tenuous blue to white fill. That's it!
To make sprinkles use the rounded corner rectangle tool. Leverage Illustrator's built-in swatches to quickly apply different colors to the sprinkles. To access the built-in swatches go to Window > Swatch Libraries > Gradients > Brights.
To create the background draw a rectangle and fill it with a bright gradient.
Select the rectangle and go to Object > Envelope Distort > Make with Warp. Select Inflate and change the Bend slider to about 20%. Click OK.
Give the stick a shadow by duplicating the stick shape and giving it a blur. In the Transparency Palette Select Multiply so the shadow will blend well with the background.
Duplicate the basic shape that comprises the popsicle and use the same technique as the previous step with the exception of applying a blur. Blur is generally associated with shadows while a solid shape is usually indicative of a reflection. What we're aiming for on this step is to create a reflection.
Final Image Preview
Presto, observe the final popsicle illustration!
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.