How to Create an Illustration for International Women’s Day in Adobe Illustrator

Final product image
What You’ll Be Creating

One of the early spring celebrations in many countries of the world is International Women’s Day, which is celebrated on March 8. Wives, daughters, grandmas and girlfriends will get a little gift and bouquets of flowers.

Therefore, in this tutorial we will create an illustration of three happy women who already have their gifts—flowers. As in my previous tutorials, we will use basic shapes, which will be modified by using different effects. You will see how simple it is. 

Once you have mastered this tutorial, it will be super easy to create any woman or girl by changing the skin color, hair style, and of course, the clothes. That’s basically what we will do today: we will create one woman, and then, by changing the skin color, hair, and clothes, we will transform her into another one. I’m sure you will be very creative here!

If you are looking for some other vector characters, make sure to check out GraphicRiver.

And now, let’s begin!

1. How to Create the Head

Step 1

After opening Adobe Illustrator and creating a new document with 850 x 850 px Width and Height, we will start by drawing the head, which will be the same for all the women. Using the Ellipse Tool (L), draw an oval. In the image below, you can see which fill color you need. Change this shape: go to Effect > Warp > Fish. Enter the options you see below and press OK.

how to create the head shape

Step 2

For the eye, first create a brown oval (use the Ellipse Tool (L)). And rotate it slightly to the left. Next, create a white ellipse in front of the brown one (use Control-C and Control-F). Shift it diagonally down and to the right.

Finish the eye with a tiny dark brown circle. To make an even circle, use the Ellipse Tool (L) while holding down the Shift key. In the end, group the whole eye (right-click > Group).

how to create the eye

Step 3

Place the eye on the left side of the head. Take the Reflect Tool (O) and, while holding down the Alt key, click the forehead. In the new dialogue window, select Vertical, Angle 90 degrees and press Copy. You should now have two eyes.

placing the left eye and creating the right one

Step 4

Place a little circle on the face where the nose has to be. Create another circle, and while keeping it selected, take the Eyedropper Tool (I) and click on the face. Now your new circle will get the same color as the face. Make the two circles overlap so you can see just the crescent shape. This is the nose.

Using the same technique, create an ear. First, draw an ellipse and place it on the left side of the head (the same fill color as the head). If you want to, you can rotate it a little to the left. Then create a smaller, darker ellipse over it. Make it overlap with the new ellipse (the same fill color as the head), so you can see just a crescent shape.

Take the Reflect Tool (O) and, while holding down the Alt key, click in the middle of the head. In the new dialogue window, select Vertical, Angle 90 degrees and press Copy. You should now have two ears.

how to create the ear

Step 5

Let’s make the eyebrow. Using the Ellipse Tool (L), create a thin, horizontal, dark-colored oval. Then take the Direct Selection Tool (A), select by dragging the top and bottom anchor points of the oval, and slide them up. This will be the eyebrow.

how to create the eyebrow

Step 6

Place the eyebrow over on the left side. Feel free to rotate it however you want—just don’t make her angry! Create another eyebrow using the same technique as you used to create the eyes and ears. Now you have two eyebrows.

placing the left eyebrow and creating the right one

Step 7

To draw the mouth, draw a new horizontal ellipse. Select this new ellipse and transform the left and right anchor points by clicking on them using the Convert Anchor Point Tool (Shift-C).

Create a new white ellipse in front (Control-C, Control-F). Shrink it down, but be sure the white ellipse stays inside the brown one. Very important: group the whole mouth.

After this, go to Effect > Warp > Arc and enter the options you see below. The smiling mouth is ready!

how to create the mouth

Place the mouth in its place.

placing the mouth on the face

Step 8

Using the Rectangle Tool (M), add a rectangle under the head to create the neck. It should be the same fill color as the face. While keeping it selected, go to Effect > Warp > Bulge. In the new dialogue window, enter the options you see in the image below. Expand this shape (Object > Expand Appearance).

how to create the neck

Step 9

To finish the head, let’s add some curly hair. Draw a big circle behind the head. Keep it selected and go to Object > Path > Add Anchor Points. Do it a few times, and you will notice how anchor points are being added evenly on the circle.

Then go to Effect > Distort & Transform > Pucker & Bloat. In the new dialogue window, move your slider to the right end, to get 6%, and then press OK. You should end up with a shape that looks like curly hair. Do not forget to expand this shape (Object > Expand Appearance).

how to create the African hair style

2. How to Create the Body

Step 1

In this step, we will create the woman’s body. Using the Rounded Rectangle Tool, create a brown rounded rectangle. To modify this shape again, we’ll use the Bulge effect (Effect > Warp > Bulge) with the options shown below. It is important to expand this shape (Object > Expand Appearance).

Next, create a copy of this shape in front (Control-C, Control-F), and change the color of the copy to yellow. Now, to create a neckline, we will cut away the upper part of the yellow shape. For the cutter, create an oval with any fill color you want. Make sure that the oval overlaps the top part of the rounded rectangle as shown below. While keeping these two shapes selected, press the Minus Front button on the Pathfinder panel (Window > Pathfinder).

how to create the torso

Step 2

Let’s add the left sleeve. Create a small rounded rectangle and attach it to the left side of the body. To change the shape of the sleeve, we will delete the two bottom anchor points of this rounded rectangle, which are marked on the image. Just take the Delete Anchor Point Tool (-) and click on the two anchor points to delete them. You will end up with a yellow sleeve.

To create the arms, we will start with a thin vertical oval placed behind the left sleeve. To modify this oval, we will use the Arc effect (Effect > Warp > Arc) with the options shown below. Expand the created shape and slightly rotate it to the left.

To create the second arm, select the sleeve and the arm (while holding the Shift button), and make their vertical reflection as you did for the eyes and ears. Move the new copy to the right.

how to create the arms

Step 3

To continue the dress, we will add a yellow rectangle and attach it to the bottom part of the body. Next, we will modify this rectangle in two steps. First we’ll use the Bulge effect (Effect > Warp > Bulge).

how to create the skirt

Then, we’ll use the Arc Lower effect (Effect > Warp > Arc Lower). Don’t forget to expand this shape.

how to make the skirt more realistic

To finalize the dress, we will add a pink belt: create a thin rectangle under the arms and over the dress. Then apply the Arc effect with the options shown below.

how to create the belt

3. How to Create the Legs

Step 1

For the first leg, we will create four different ovals, modified by warp effects.

For the top part of the leg, create a brown, vertically oriented ellipse and apply the Warp effect options: Effect > Warp > Arc Lower (Vertical, Bend 20%, Distortion Horizontal 0%, Distortion Vertical -70%, OK). The black stroke was added for better visibility, but you don’t actually need it.

For the knee, add another small oval.

Next, for the calf, create a thin, vertically aligned oval and attach it below. Again, apply the following effect: Effect > Warp > Arc Lower (Vertical, Bend 20%, Distortion Horizontal 0%, Distortion Vertical -100%, OK).

Finally, for the foot, add a small oval on the bottom of the leg. Apply Effect > Warp >Inflate (Bend -30%, Distortion Horizontal 0%, Distortion Vertical 100%, OK). Remember to expand all the created shapes. Just select the whole leg and go to Object > Expand Appearance.

how to create the leg

Step 2

Next, select all four of the shapes and, using the Unite button on the Pathfinder panel (Window > Pathfinder), unite them. Now we have one shape.

But this leg looks a bit odd, and that’s why you want to make the anchor points marked in the image smooth instead of sharp. Be sure you’ve checked View > Show Corner Widget. Then, by using the Direct Selection Tool (A), select each anchor point and shift the tiny circle near it outward. You’ll notice how the anchor points become smooth. Make sure to do this step for the rest of the anchor points marked on the image below.

For the shoes, create an oval and place it behind the leg. Using the Direct Selection Tool (A), move the bottom anchor point up. Then, add another small oval in front of it. Modify it by using the following effect: Effect > Warp > Inflate (Bend -30%, Distortion Horizontal 0%, Distortion Vertical 25%, OK). Expand it.

how to make the leg more realistic

Step 3

Place the right leg behind the dress. Make a vertical copy of the leg. Move the created copy to the left. Our first woman is done!

placing the legs and creating another one

4. How to Create the Second Woman

Step 1

As I mentioned before, to create a new woman, we need to take the previous one and change her skin, eyes, eyebrows, and lip colors. As all people are different, make her face and neck wider.

how to create the white skin face

Step 2

Start the second lady’s haircut with two ellipses. Be sure they are behind the head, and then create a new ellipse in front. Using the Direct Selection Tool (A), move the handles of the anchor points to achieve a result similar to the image below. Remember to hold the Alt button when you want to change the direction of the handles.

how to create the short hair style

Step 3

To give her a glamorous look, let’s create pink glasses, which will match her lips. First, select her lips, and then click somewhere on your artboard to take off the selection. But you still have the fill color you want. Then press the Shift-X buttons and you will notice that the fill color became the stroke color. And that is exactly what you want. Then draw an oval over the left eye.

Now, go to: Effect > Warp > Inflate (Bend -30%, Distortion Horizontal -10%, Distortion Vertical 0%, OK).

To create the right part of the glasses, make a vertical reflection of the left one. Take the Arc Tool and draw the bridge of the glasses in the middle.

Add two arcs for the temples. The glasses are ready!

how to create the glasses

Step 4

For the body, we will use the shape we created for the first woman. Change the color of this shape to white. For better visibility, I added a black stroke color, which will not be present in the final image. To change the shape of the neckline, hit the Direct Selection Tool (A) and move the handles of the anchor points to achieve the result you see below. 

Next, add the left arm (make a copy of the arm created for the first woman) and change its thickness by moving the anchor points (use the Direct Selection Tool (A) to activate anchor points editing). Make a vertical reflection of the left arm.

how to create the blouse and arms

Step 5

Now we will create the pants for the second woman. Make a copy of the pink belt created for the first woman, and then change its color. Add a red rectangle as the left leg. 

Now modify this rectangle by using the Fish effect: select the circle, and go to Effect > Warp > Fish (Vertical, Bend 20%, Distortion Horizontal 0%, Vertical -15%). To finish the pants, apply another effect to this shape: go to Effect > Warp > Arc Lower (Horizontal, Bend 30%, Distortion Horizontal 0%, Vertical 0%). Don’t forget to expand the resulting shape. Finally, make a vertical reflection of it.

how to create the pants

Step 6

For the bottom part of the legs, make a copy from the first woman, change the color of the skin and shoes, and then put them in their place. The second woman is ready!

placing the legs

5. How to Create the Third Woman

Step 1

Now we will create the third woman by using a slight modification of the image created in the previous steps. Make a copy of the head from the second woman, and modify it by changing its colors and size. Rotate the eyes a little bit to the outside (left eye to the left, right eye to the right) to give the impression of mono-lid eyes.

how to create the asian face woman

Step 2

Using the Rectangle Tool (M), make a dark grey rectangle and go to Effect > Warp > Bulge (Vertical, Bend 20%, Distortion Horizontal 0%, Vertical 15%, OK). Expand the object once, as shown.

Add an ellipse behind the face. Add another ellipse on top of the forehead. 

Move the handles of the anchor points to deform this ellipse to achieve a result similar to the image below.

Step 3

In this step, as you probably already know, you need to create a copy of the white blouse from the second woman and give it to the third woman. Using the Direct Selection Tool (A), select the bottom anchor point of the neckline and look on the top panel over your artboard. There is the button that says Convert: Convert the selected anchor points to smooth, and then press it. And the neckline will change.

To create the skirt, draw a rectangle over the blouse and under the arms. Warp it: Effect > Warp > Bulge (Vertical, Bend 20%, Distortion Horizontal 0%, Vertical -8%, OK). Then warp the skirt again: Effect > Warp > Arc Lower (Horizontal, Bend 15%, Distortion Horizontal 0%, Vertical 0%, OK).

To finish up the skirt, take a copy of the pink belt from the first woman, and change its fill color. Then, place it on top of this woman’s skirt.

how to create the white blouse and black skirt

Step 4

Take a copy of the first woman’s legs, change the color, make the legs smaller, and give them to this woman. Also change the color of the shoes.

placing the legs

6. Placing All the Women Together

Let’s see what we have created so far. Group (right-click > Group) each woman to move her easily, and place them together. You can also delete the black stroke color from the white blouses of the second and third women.

placing all the women together

7. How to Create the Bouquet of Flowers

Step 1

Take the Polygon Tool and click on your workspace. A new dialogue window will ask you how many sides and what radius you want. Make 6 Sides, and any Radius. Once you’re done, press OK.

To transform this polygon into a flower, go to Effect > Distort & Transform > Pucker & Bloat. In the new dialogue window, move the slider to the left, about 100%. It actually depends how you want your flowers will look, so feel free to adjust the settings. Once you like how it looks, press OK.

Create one more copy of this flower and give it another fill color. Expand both shapes.

how to create the flower

Step 2

Start off with a green ellipse. Now, take the Convert Anchor Point Tool (Shift-C), and to create a leaf shape, click on the top and bottom anchor points. You’ll get a simple leaf shape.

how to create the leaf

Step 3

So now you have two flowers and a leaf. Create a floral composition using these elements. Select these elements, and create many copies of them. Now, simply move them around or rotate to create a bouquet. Group the bouquet for easy moving later.

how to create the bouquet

Step 4

Give a bouquet to each woman, covering the weird looking arms at the bottom. If you want to, you can slightly rearrange the positions of the flowers/leaves. Make sure that the bouquets are not too low, but just a bit lower than the waist.

giving the bouquets to the women

8. How to Create the Background

Step 1

Let’s wrap up our illustration. Create a light peach-colored square by using the Rectangle Tool (M). Click on the artboard and enter 850 x 850 px.

how to create the background

Place the background behind the women (Control-X, Control-B).

placing women on the background

Step 2

To add some dimension to the scene, create a darker ellipse on the bottom part of the background. Be sure it stays over the background and behind the women.

adding the shadow

Conclusion

And we are finished! Well done! As you can see, I adorned the black woman with one flower from the bouquet because I liked to create her the most and for me she has a big personality. Which one did you like to create the most?

final

Explore other content for International Women’s Day across Envato

How to Draw an Office Background in Adobe Illustrator

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to use the Mesh Tool and Blend in Adobe Illustrator to create a professional office desk background!

If you’d like to skip the tutorial and just use this vector in your work, you can go ahead and purchase the Office Background from GraphicRiver!

Office Background
Office Background

1. How to Draw a Cup of Coffee

Step 1

Let’s begin by creating a base for all of the circular shapes in this tutorial.

Because I want the Mesh to be easy to manipulate and precise, I don’t apply Mesh to a circle, but instead to a rectangle, which I then bend into a circular shape.

As the latter is pretty tricky to do, I am attaching a base for you to work with in this tutorial (press the Download Attachment button on the left of this article). Create a few copies of it for further use.

Once you have made your own circle or downloaded mine, grab the Mesh Tool (Control-U) and by clicking inside the shape, place mesh nodes as indicated in the screenshot below.

Next, select the outer edge of the circle and color it with #CAC6C3.

Proceed by coloring more nodes (selected in the image below) with #E6E5E3.

draw mesh circle

Step 2

Let’s create our first Blend!

We will need two circles, slightly different in size, with the bigger one being white and the smaller one colored with #44392F. Place the brown circle on top of the white one and change the bigger circle’s Opacity to 0%.

blend base

Step 3

Proceed to Object > Blend > Blend Options, and select Specified Steps, 30.

Next, select both circles and go to Object > Blend > Make, creating a transparent shadow.

blend

Step 4

Change the shadow’s transparency mode to Multiply.

shadow

Step 5

Grab a copy of the white Mesh circle from earlier, and then color its edges with #CAC6C3 and its middle with #C8C5C1.

draw cup

Step 6

You will need another copy of the mesh circle. This time, color the whole thing with #695C45. Then make the middle #0C0706 (follow the selected nodes), and finally color some nodes with #72634A.

draw vector coffee

Step 7

Create a foundation for another blend, this time using two shapes filled with #888483 and #010101. Make the bigger shape transparent.

blend base

Step 8

Use the same settings as in Step 3 for Object > Blend > Make.

make blend

Step 9

Change the shape to Screen with 80% Opacity.

change transparency

Step 10

Create another Blend using the same method as before. You will need the same colors as in Step 7.

Don’t forget to apply Screen to the resulting image.

draw highlight

Step 11

Place the highlights on top of the coffee base.

add blend to coffee

Step 12

This Mesh is a bit more complicated, but all you have to do is follow the screenshots closely. You will need these colors:

  1. #F3F2F1
  2. #E0DDDB
  3. #CBC6C3
use gradient mesh

Step 13

Finish drawing the handle of the cup in three more steps.

  1. #FFFFFF
  2. #F6F4F4
  3. #BEB9B5
draw handle

Step 14

Create another Blend out of #B8B4B0 and #E0DDDB shapes.

Apply Multiply and 30% Opacity to the result.

draw blend

Step 15

Assemble the cup out of the elements we’ve made so far.

assemble coffee cup

Step 16

Let’s draw bubbles! You will need to grab one more copy of the Mesh circle for this.

  1. #251B12
  2. #7E6E55
  3. #F0F0EF
draw bubble with gradient mesh

Step 17

Make the edges transparent.

make transparent

Step 18

Grab another copy.

  1. #251B12
  2. #7E6E55
draw bubble

Step 19

Make the edges transparent.

transparency

Step 20

Create a semi-circle out of the bubbles.

bubbles

Step 21

Finally, add them to the surface of the coffee.

cup of coffee

2. How to Draw the Pen and Pencil

Step 1

Draw the base of the pencil with Mesh.

  1. #252525
  2. #555555
  3. #3F3F3F
color mesh

Step 2

Stretch the Mesh to make it long enough for a pencil, and then create a jagged left edge.

stretch mesh

Step 3

Draw the tip of the pencil.

  1. #D4B999
  2. #EDDDC0
  3. #C6AB8D
  4. #4C4C4C
  5. #9C9C9C
draw the mesh tip

Step 4

Add the tip.

tip

Step 5

Draw another Blend—you will need a #535353 shape and a #E5E3E0 shape.

shadow

Step 6

Make the Blend with the usual settings.

make blend

Step 7

Add the shadow under the pencil.

add shadow

Step 8

Draw the base of the pen.

  1. #BEBEBE
  2. #909090
  3. #AAAAAA
  4. #D9D9D9
  5. #A8A8A8
  6. #C4C4C4
draw mesh pen

Step 9

Bend the end of the Mesh into a triangle.

bend mesh

Step 10

Draw another part of the pen.

  1. #2D2D2D
  2. #6B6B6B
  3. #C4C4C4
gradient mesh shape

Step 11

Draw the tip.

  1. #DEC394
  2. #F6E9B1
  3. #F4D5AE
  4. #C1A780
tip of mesh pen

Step 12

Assemble the pen. Add a copy of the shadow we used with the pencil.

pen

3. How to Draw the Notepad and Tablet

Step 1

Draw a shape and apply a Linear Gradient to its Stroke. (#4B4A4A#919090#4B4A4A)

Select the result and go to Object > Expand Appearance.

linear gradient

Step 2

Modify the Mesh of the shape a bit, and then add a new shape at the lower edge.

  1. #313131
  2. #FBFBFB
  3. #313131
mesh image

Step 3

Create a row of these.

row of holes

Step 4

Draw a sheet of paper.

  1. #FFFFFF
  2. #EAEAEA
sheet of paper

Step 5

Draw a #313131 cover for the notepad.

cover

Step 6

Make a Blend shadow, using a #E5E3E0 and #191717 rectangle. Set the result to Multiply.

draw blend shadow

Step 7

Assemble the notepad.

assemble notepad

Step 8

Add the Blend shadow under the sheet of paper, but set its Opacity to 50%.

add shadow

Step 9

Draw the tablet out of two shapes—one white and one black.

draw tablet

Step 10

Create another Blend shadow, using a #505050 shape and a #E5E3E0 shape.

create blend shadow

Step 11

Add the shadow under the tablet.

add shadow to tablet

Step 12

Assemble all elements on a #E5E3E0 background.

add elements

Step 13

Draw a rectangle, outlining what you’d like to keep in your background.

outline

Step 14

Select everything, right-click, and press Make Clipping Mask.

make mask

Step 15

Enjoy your office background!

final result office background

Awesome Work, You’re Now Done!

What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original vector we recreated in this tutorial.

I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!

Office Background
Office Background

How to Create an Art Nouveau Wedding Invite in Adobe InDesign

Final product image
What You’ll Be Creating

Art Nouveau is a romantic, decorative design style that works beautifully for wedding stationery. Here, we’ll give a modern update to this ornate style with this easy-to-create wedding invitation.

In this tutorial suitable for relative beginners, we’ll create the layout in Adobe InDesign and use Adobe Illustrator to edit some Belle Époque-style graphics.

To find more inspiration for wedding stationery and thousands of easy-to-edit templates, head over to GraphicRiver or Envato Elements.

The design we’re going to create here is made up of three separations: a full-color background, a gold metallic foil layer, and a silver metallic foil layer. We’ll look at how to set up the layout and export the separations ready for printing.

Let’s get started!

What You’ll Need to Create Your Invite

As well as access to InDesign and Illustrator, you’ll also need to download the following vector illustrations and font files:

Once you’ve installed the fonts onto your computer, you’re ready to start creating your invitation.

1. How to Create an Elegant Backdrop for Your Invite

Step 1 

Open up Adobe InDesign, and go to File > New > Document. 

With the Intent set to Print and Number of Pages to 1, uncheck the Facing Pages box. Set the Width of the invite to 4.5 in and Height to 6.25 in, to create a standard-size card. Add Margins of 0.1575 in, and a Bleed of 0.25 in, before clicking OK.

new document

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1 to rename it Background. 

Click on the Create New Layer button at the bottom of the panel and rename this layer Gold Foil. Then create a third layer, and rename this Silver Foil. 

Lock all layers except the bottom Background layer. 

background layer

Step 3

Expand the Swatches panel (Window > Color > Swatches) and create a New Color Swatch. 

Set the Type to Process, Mode to CMYK and levels to C=13 M=52 Y=56 K=2. Click Add and OK

new color swatch

Create a second new CMYK swatch, setting the levels to C=9 M=71 Y=66 K=1. Click Add and OK, as before. 

swatches panel

Create a final new swatch, C=5 M=4 Y=6 K=0.

new color swatch

Step 4

Take the Rectangle Tool (M) and drag across the whole page, extending the shape up to the edge of the bleed. 

From the Swatches panel, set the Fill of the rectangle to C=13 M=52 Y=56 K=2.

rectangle fill

With the rectangle selected, head up to Object on the main menu, and Effects > Inner Glow. 

Set the Mode to Overlay, and set the Effect Color to your new red swatch, C=9 M=71 Y=66 K=1. Bring the Opacity down to around 35%. 

Set the Source to Center and increase the Noise to around 100%. This will add a bit of grainy, vintage-style texture to the color. Then click OK

overlay glow

Step 5

Create a new rectangle in the center of the invite using the Rectangle Tool (M) and rest the edges of this against the margin line.

Set the Fill of this shape to your new pale swatch, C=5 M=4 Y=6 K=0.

pale swatch

2. How to Add Gold Foil Elements to Your Invite

The invite as it is presented here is made up of three colorways: a full-color background, a gold metallic foil layer, and a silver metallic foil layer. 

Here we’ll start to build up the gold separation layer.

Step 1

Minimize the InDesign window for a moment, and open up the ‘Vitis Combined Elements.eps’ file from your Art Nouveau ornaments pack in Illustrator. Right-Click > Ungroup the elements.

ungroup

Select the border design at the top-left corner of the artboard and Edit > Copy.

selected border

Step 2

Head back to your InDesign document.

Return to the Layers panel and lock the Background layer. Unlock the layer above, Gold Foil.

Edit > Paste the vector border directly into your InDesign document. Position it centrally, nestled inside the border of the pale central rectangle, as shown below. 

I’ve switched the Fill of the border to a gold swatch, purely to demonstrate the color difference. But in your own work you should keep this set to [Black] (C=0 M=0 Y=0 K=100). 

border

Step 3

Back in Illustrator momentarily again, open up the other vector file in your ornaments pack, ‘Vitis Combination Ornaments Main Set.eps’. Right-Click > Ungroup the elements. 

ungroup

Select one of the corner decorations, as highlighted in the image below, and Edit > Copy.

corner element

Step 4

Back in InDesign, Edit > Paste the vector onto the page, and move up to the top-left corner of the border, resizing it to fit snugly onto the design. 

gold foil layer

Select the corner element, and Edit > Copy, Edit > Paste. Right-Click on the pasted vector and Transform > Rotate 180 Degrees. 

rotate

Position it over on the bottom-right corner of the border.

gold foil

Step 5

Take the Type Tool (T) and drag to create a long text frame over the top third of the invite. 

Type in the first name of the couple, and from either the top Controls panel or the Character panel (Window > Type & Tables > Character) set the Font to Naive Inline, Size 26 pt, and Tracking to 100

From the Paragraph panel or the Controls panel, set the text to Align Center. 

couple name

Edit > Copy, Edit > Paste the text frame twice, moving these below the first. Edit the central frame to have an ampersand (&), and the lower frame to read the second name. 

couple name

Step 6

Create three more text frames across the lower half of the page, with the date first, set in Bentham, Size 11 pt.

Then set the venue in Naive Inline, Size 18 pt. Finally, set the location of the wedding in Bentham, Size 11 pt. 

naive inline text

3. How to Add a Touch of Silver to Your Invite

With the gold elements finished, we can now start to build up the silver foil elements on our design. 

Step 1

Lock the Gold Foil layer and unlock the layer above, Silver Foil. 

Create a text frame at the top of the invite, reading ‘Together with their families’, set in Bentham, Size 11 pt.

bentham text

Copy and Paste the text frame, moving it between the second name and the date text frame, editing the text to read ‘request the pleasure of your company to celebrate their marriage on’.

bentham text

Paste a final text frame at the bottom of the invite, reading ‘Ceremony at (time) / Reception and dancing to follow’.

ceremony text

Step 2

Head back to the ‘Vitis Combination Ornaments Main Set.eps’ file in Illustrator. Select the small berries icon (highlighted below), and Edit > Copy. 

berry icon

Edit > Paste the illustration straight into your InDesign document, positioning it on the left side of the ampersand. 

berry pasted

Copy and Paste the icon, and then Right-Click > Transform > Rotate 180 Degrees. 

transform rotate

Position it on the right side of the ampersand. 

flipped

Step 3

Head back to the ‘Vitis Combination Ornaments Main Set.eps’ Illustrator document, and select one of the long horizontal sections of a border, like the one highlighted below. Then Edit > Copy it.

border

Back in InDesign, Edit > Paste the element in, positioning it below the venue name. 

paste element

Copy and Paste the border and Right-Click > Transform > Flip Vertical. 

flip vertical

Position this above the venue name, to frame it. 

flipped element

4. How to Prepare Your Invite as Separations

If you’re going to ask your printer to apply metallic foiling to your invite, you’ll need to create ‘separations’ of your file, splitting the document into separate PDFs. Here we’ll look at how to create three separations: a full-color CMYK layer, a gold foil layer, and a silver foil layer. 

Step 1

Make sure you’re happy with the final design of your invite, and check that the details of the event and spelling are correct. 

Then switch off the visibility of the top two Foil layers, and make sure Background is visible. 

background

Go to File > Export. Name this file ‘Invite_Background Full-Color’, and choose Adobe PDF (Print) from the Format menu below. Then click Save

full color layer

Step 2

In the Export Adobe PDF window that opens, set the Adobe PDF Preset to Press Quality (at the top).

export pdf

Click on Marks and Bleeds in the window’s left-hand menu, and check both All Printer’s Marks and Use Document Bleed Settings. 

all printers marks

Then click Export to create your first separation PDF.

separation

Step 3

Back in your InDesign document, switch off the visibility of the Background layer and switch on Gold Foil.

Make sure all the elements on this layer are set in [Black].

gold foil

Then head up to File > Export. Choose Adobe PDF (Print) for the Format as before, and name the file ‘Invite_GOLD FOIL SEPARATION’, before clicking Save

gold foil export

In the window that opens, set the Preset to Press Quality, as before, but this time only check Crop Marks and Use Document Bleed Settings under the Marks and Bleeds options. 

press quality

Then click Export.

gold foil pdf

Step 4

To create your final separation, make sure only the top layer, Silver Foil, is visible. Ensure that all the elements sitting on this layer are set to [Black]. 

silver foil

Go to File > Export, this time naming the Adobe PDF (Print) file ‘Invite_SILVER FOIL SEPARATION’.

export pdf

In the Export window, check Crop Marks and Use Document Bleed Settings as before, and then hit Export.

crop marks

You’ll need to send all three separation PDFs to the printer, with clear instructions for which layers should be rendered in foil (although your naming convention should make this obvious, it’s always wise to get a proof). 

silver foil pdf

Conclusion

Your invitation artwork is finished and ready to send straight off to the printers—great job!

This invite would make a great pairing with other vintage-inspired, Art Nouveau stationery. Why not send your invites in marbled envelopes, or have baroque-style place settings at the event?

To find more inspiration for wedding stationery and thousands of easy-to-edit templates, head over to GraphicRiver or Envato Elements.

final invite

How to Create an Oreo-Inspired Icon in Adobe Illustrator

Final product image
What You’ll Be Creating

If
you love Oreo cookies and vector drawing then this tutorial is for you. You
will learn how to draw an Oreo-inspired icon with the help of the 3D
effect and Mapping option, plus you’ll use a lot of brushes and
effects for texture and a more detailed look. Let’s make this icon as
delicious as possible!

If
you are hungry for more food vectors or icons in general, be sure to
check out GraphicRiver, where you’ll find plenty of resources to
choose from.

Tutorial
Assets

To
complete the tutorial, you will need the following assets:

1. How
to Open a New Document 

Launch
Illustrator
and
go to
File
> New
to
open a blank document. Type a name for your file, set up the
dimensions, and then select
Pixels
as
Units
and
RGB
as
Color
Mode
.
Make sure that
Align
New Objects to Pixel Grid
is
not checked.

Next,
go to
Edit
> Preferences > General
and
set the
Keyboard
Increment
to
1
px
and
while there, go to
Units
to
make sure they are set as in the following image. I usually work with
these settings, and they will help you throughout the drawing process.

how to open new illustrator document

2. How
to Create the Basic Oreo Icon

Step
1

Grab
the Rounded Rectangle Tool and draw the first shape with the
dimensions shown. Use dark brown as the fill color (1).

While
the shape of the icon stays selected, go to Effect > 3D >
Extrude & Bevel
and apply the settings indicated (2).

how to create the top Oreo biscuit with 3D effect

Step
2

With
the icon shape still selected, go to the Appearance panel and add a
New Fill under the first one. Use white as the fill color. Next, go
to Effect > 3D > Extrude & Bevel again and apply the
settings indicated.

Press
the More Options button to see the entire window. Move the existing
light very slightly downwards and change the settings as shown on the
right side. Press the New Light icon to add another one, and move it
to the middle left side. Use the same settings, but increase the Light
Intensity
to 100%. Hit OK and you’ll get the cream filling, but you
won’t be able to see it yet.

Go
to Effect > Distort & Transform > Transform, type 95% in
the Scale Horizontal field, and then type 20 px in the Move Vertical
field. Hit OK and this will bring the cream filling downwards.

how to create the Oreo cream filling with 3D effect

Step
3

While
the icon shape stays selected, go to the Appearance panel and add a
New Fill at the bottom. Use dark brown as the fill color. Apply the
3D effect using the settings shown, and then apply the Transform
effect. As a result, you will get the second biscuit at the bottom.

how to create the base Oreo biscuit with 3D effect

3. How
to Create the Top Oreo Design

Step
1

Use
the Polygon Tool to draw a triangle with the dimensions shown. Then
select only the top anchor point with the Direct Selection Tool (A)
and move it 8 px downwards by pressing the Down Arrow key eight
times. The new triangle is the blue one (1).

Now,
go to
Effect
> Stylize > Round Corners

and apply a Radius of 5 px (2); then select Expand Appearance from
the Object menu (3).

how to create a rounded triangle for Oreo design

Step
2

While
the rounded triangle stays selected, go to Object > Transform >
Move
and type -18 px in the Position Vertical field. Hit Copy and you
will get another triangle above. Do not release this second triangle, and choose Flip Vertical from the fly-out menu of the Appearance
panel (1).

Copy
and
Paste
in Front (Control-F)

these two triangles and Rotate them 90 degrees using the Transform
panel. As a result, you will get a new pair of triangles (2).

Fill
the top and bottom shapes with the same color (blue), fill the left
and right shapes with a different color (pink), and finally, draw a 4
x 4 px
circle in the center filled with a third different color (red)
(3). The colors will be important later in the tutorial.

how to create a square for Oreo design

Step
3

Draw
four 5 x 5 px circles filled with the same red color, and then turn
them into semi-circles by deleting the right and left anchor points respectively. Arrange them as shown in the image below and use the Align
panel to make sure they are symmetrical.

Use
the Rectangle Tool (M) to draw a square using the semi-circles as
guides, and then Group (Control-G) all the shapes. This will be the
main part of the pattern brush (1).

Make
a copy of the group and delete the two semi-circles from the left
side. This will be the Start Tile of the pattern brush (2).

Make
another copy of the group and delete the two right semi-circles. This
will be the End Tile of the pattern brush (3).

Drag
the Start Tile and the End Tile into the Swatches panel to save them, and
make sure to remember which one is which.

how to create tiles for Oreo squares pattern brush

Step
4

Drag
the main part of the brush into the Brushes panel and choose New
Pattern Brush
. This tile will be the first one in the Options window.
For the Start Tile and the End Tile, select the correct one from the list;
then type a name for your brush and hit OK.

how to save Oreo squares pattern brush

Step
5

Draw
a small rounded rectangle on your artboard filled with green, and then
drag it into the Brushes panel to save it as a New Pattern Brush. You
can name it Oreo Edge Pattern Brush.

how to save Oreo edge pattern brush

Step
6

Make
a copy of the icon shape and remove all the existing appearances and
effects. It should 
only have the brown fill color. Copy and Paste
in Front (Control-F)

this shape, remove the fill color, and stroke it with the Oreo Edge
Pattern Brush

Open the Stroke Options window and change the Scale
and Spacing settings (1). Next, go to Effect > Path > Offset
Path
and apply an Offset of -2 px to bring the green edge slightly
inwards (2).

how to apply Oreo edge pattern brush

Step
7

Make
another copy in front of the brown rectangle; then go to Object >
Path > Offset Path
and apply an Offset of -13 px. You will get a
smaller shape. Remove the fill color and give it a 4 pt orange
Stroke. Press the Round Cap icon in the Stroke panel and check the
Dashed Line option. Enter the dash and gap values indicated.

how to create dashed line for Oreo design

Step
8

Use
the Pen Tool (P) or the Line Segment Tool () to draw a straight path
at the top and bottom, and stroke them with the Oreo Squares
Pattern Brush
saved earlier. Adjust the length of the path so you
have only four squares on each.

Next,
draw two straight paths on the sides and apply the Oreo Squares
Pattern Brush
again. You should have only three squares per path this
time.

how to apply Oreo squares pattern brush

Step
9

Draw
an ellipse in the center (1) followed by the three paths above (2)
and give them a 4 pt yellow Stroke. Also select the Round Cap option.

Now,
grab the Type Tool (T) and write “YUMM” using the font Anja
Eliane
, size of 22 pt, followed by two small yellow triangles above and below
the text (3).

Finish
the Oreo design with more yellow triangles or other similar
decorations around the ellipse (4).

how to create the Oreo text logo

Step
10

Select
the four paths stroked with the Oreo Squares Pattern Brush and choose
Expand Appearance from the Object menu to turn them from strokes into
fills (1). Now, select 
one of the red circles using the Direct Selection Tool (A) and arrange four copies of it in the empty spots
indicated by the arrows (2). Make more copies of the red circle and
arrange one in between the orange dashed line (3). 

Finally, select
the green edge and choose Expand Appearance again to expand the
Offset effect applied.

how to adjust Oreo design

Step
11

At
this point, the Oreo design is ready, and you can delete the brown
rectangle. Drag everything into the Symbols panel, type a name, and hit
OK.

how to save Oreo design

Step
12

Let’s
return to the Oreo icon and, while it stays selected, open the 3D
effect applied to the top brown Fill attribute. In the Options
window, press the Map Art button. On Surface 1 of the object,
select and apply the Oreo design symbol saved. Hit OK and you should
see the design on the top biscuit.

how to map the Oreo design

Step
13

Select
the Oreo icon and choose Expand Appearance to expand all the
appearances and 3D effects. Ungroup (Shift-Control-G) once and you should
see three separate groups in the Layers panel. You can select and rename them
to see which one is which. We have the “base biscuit” (1) and
cream filling” (2). Now, open the third group and find only the
colorful Oreo design in there and drag it out at the top of the
layer. Name what’s left of this group “top biscuit”.

Select
the “Oreo design” group and go to Object > Clipping Mask >
Release (Alt-Control-7)
to remove the existing mask (3).

how to expand the Oreo icon

Step
14

Grab
the Direct Selection Tool (A) and select only the green rounded
rectangles in front of the icon and Group (Control-G) them. While the
group stays selected, go to Effect > Warp > Shell Lower and
apply a 5% Horizontal Bend. Hit OK and then go to Object > Expand
Appearance
. This will make the green border bigger in the front.

how to modify the Oreo front edge

4. How
to Recolor the Top Oreo Design

Step
1

Use
the Direct Selection Tool (A) to select only one of the green rounded
rectangles and go to Select > Same > Fill Color. As a result, Illustrator will select all the green shapes for you (1). Group
(Control-G)
them and fill them with the linear gradient shown at a 90
degrees Angle
(2).

how to recolor Oreo edge

Step
2

Use
the Direct Selection Tool (A) to select the orange dashed line which
is a compound path (1), and fill it with the shade of brown indicated
(2).

how to recolor Oreo dashed line

Step
3

Use
the Direct Selection Tool (A) again to select only one of the red
circles and go to Select > Same > Fill Color. Now that you have
all the red circles selected, press Unite in the Pathfinder panel (1)
and then Group (Control-G) them to keep things organized in the
Layers panel (1). Fill all the circles with the radial gradient shown
(2).

how to recolor Oreo small circles

Step
4

Use
the same technique to select all the yellow shapes in the center, and
then Group (Control-G) (1). Fill the shapes with the radial gradient
shown (2).

how to recolor Oreo text logo

Step
5

Use
the Direct Selection Tool (A) to select only one of the pink
triangles, and go to Select > Same > Fill Color (1). Once you
have all of them selected, Group (Control-G) and fill them with the
linear gradient shown (2).

Repeat
the same technique for the blue triangles (3).

how to recolor Oreo squares

Step
6

Select
the entire “Oreo design” group, go to Effect > Stylize >
Drop Shadow
, and apply the settings shown.

how to add shadow to Oreo design

Step
7

Let’s
create a mask shape for the shadow that goes over the edges of the
Oreo icon.

Open
the “top biscuit” group in the Layers panel and find the rounded
rectangle that is the top face of the icon and then Copy and Paste in
Place (Shift-Control-V)
to make a copy of it in front of everything
(1).

Now,
select the “Oreo design” group from the Layers panel and then
Copy and Paste in Place (Shift-Control-V) to make a copy and delete
the Drop Shadow effect applied earlier. Go to Object > Compound
Path > Make (Control-8)
to turn all the shapes into a single
compound path (2).

Select
the gray shape along with the red compound path and press Unite in
the Pathfinder panel to obtain the mask shape (3).

how to create mask shape for Oreo design shadow

Step
8

Select
the “Oreo design” group along with the shape from the previous
step, which should be in front, and set to stroke-none, fill-none. Then go to Object > Clipping Mask > Make (Control-7). Now the edges
around the icon are clean and sharp.

how to mask the Oreo design shadow

5. How to Add Texture and Details on the Base Oreo Biscuit

Step
1

Use
the Pen Tool (P) to draw a bunch of short vertical lines on the front
border of the base biscuit and stroke all of them with the Tapered
Blend Art Brush
weight of 1 pt. I’ve shown how to create this useful blend
brush in the How to Create a Candy Monster Character 
tutorial (section 10).
Group (Control-G) all the lines after you are done.

how to add details on base Oreo biscuit

Step
2

Use
the Pen Tool (P) to draw a path following the bottom edge of the base
biscuit. Give it a 2 pt black Stroke and use Width Profile 1 in
the Stroke panel. Next, go to Effect > Blur > Gaussian Blur and
apply a Radius of 2 px.

how to add shading to base Oreo biscuit

Step
3

Go
to the Layers panel, find and select only the front border of the
base biscuit (1), and then Copy and Paste in Place (Shift-Control-V) to
make a copy of it. Press Unite in the Pathfinder panel to merge
the shapes into one (2). Set the resulting shape to stroke-none and
fill-none, and we’ll use it to mask the group of lines and the shading
path from the previous step (3).

how to mask details on Oreo base biscuit

Step
4

Use
the Pen Tool (P) to draw a few random paths on the front border of
the base biscuit and stroke them with the Chalk Art Brush from the
Brush Libraries Menu > Artistic > Artistic_ChalkCharcoalPencil,
weight of 1 pt. Set all of them to Blending Mode Overlay (1).

Make
a copy of the mask shape from the previous step and use it again to
mask these paths (2). As a result, you will get some texture on the
base biscuit (3).

how to add texture on Oreo base biscuit

Step
5

Go
to the Layers panel, find and select the top shape of the base
biscuit, and then Copy and Paste in Place (Shift-Control-V) to make a
copy of it. Go to Effect > Texture and apply the Grain effect; then set it to Blending Mode Soft Light and
10% Opacity (1).

Copy
and
Paste
in Front (Control-F)

the same shape and remove all existing appearances. While this new copy stays selected, also select the shape with the Grain effect applied to it and go to
Object > Clipping Mask > Make (Control-7) (2). Move the
resulting group right above the “base biscuit” in the Layers
panel.

how mask texture on Oreo base biscuit

6. How
to Add Texture and Details on the Top Oreo Biscuit

Step
1

Use
the Pen Tool (P) or the Line Segment Tool () to draw a bunch of
straight paths above the “top biscuit” and stroke them with the
Chalk Art Brush. Use the shade of brown indicated as the stroke color
(1).

Group
(Control-G)
all these paths and set the entire group to Blending Mode
Multiply
and 20% Opacity (2).

how to add dark texture on Oreo top biscuit

Step
2

Copy
and
Paste
in Front (Control-F)

the group of paths, keeping the same appearances but setting the group to
Blending Mode Screen and 20% Opacity this time.

how to add light texture on Oreo top biscuit

Step
3

Go
to the Layers panel, select the “top biscuit” group, and then Copy
and Paste in Place (Shift-Control-V). Press Unite in the Pathfinder
panel to merge all the shapes into one (1).

Select
the “Oreo design” group and then Copy and Paste in Place
(Shift-Control-V)
to make a copy of it in front of everything. Remove
the Drop Shadow effect and go to Object > Compound Path > Make
(Control-8)
(2).

Now,
select the newly obtained blue and orange shapes and press Unite in
the Pathfinder panel to obtain the shape that we need (3).

how to create mask shape for texture on top Oreo biscuit

Step
4

Fill
the shape obtained in the previous step with brown, and apply the
Grain effect using the same settings as for the “base biscuit“. Set the
Blending Mode to Soft Light and the Opacity to 10% (1).

Make
a copy of the same shape in front of everything, and set it to
stroke-none and fill-none. While this copy stays selected, also
select the two groups of lines and the shape with the Grain effect
applied to it, and go to Object > Clipping Mask > Make
(Control-7)
. As a result, you will get clean edges all around the “top
biscuit
” (3).

how to mask textures on Oreo top biscuit

Step
5

Use
the Pen Tool (P) to draw a path following the front edge of the “top
biscuit
” but slightly above it (1), followed by another path right
on the edge of the “top biscuit” (2). Give them a 2 pt black
Stroke and use the Width Profile 1 in the Stroke panel; then apply a
2 px Gaussian Blur. As a result, you’ll create some shadow between the
top biscuit” and “cream filling” (3).

how to create shadow between top biscuit and Oreo cream

7. How
to Add Details to the Oreo Cream Filling

Step
1

Let’s
start with the shadow under the “cream filling” group. Draw a
path following the bottom edge of the filling and send it behind it.
Give it a 2 pt black Stroke and use Width Profile 1. Apply a 1 px
Gaussian Blur
.

how to create shadow under Oreo cream

Step
2

Draw
a few random black shapes of different sizes and then drag them into
the Brushes panel to save them as a New Scatter Brush. You can name
it Crumbs Scatter Brush (1).

Grab
the Pencil Tool (N) and draw a random circular path over the “cream
filling
” and stroke it with the newly saved brush. Open the Stroke
Options
window and change the settings as shown or until you get the
desired look (2).

When
you are happy with the look of your crumbs, select Expand Appearance
from the Object menu and then set the resulting group to Blending
Mode Overlay
(3).

how create crumbs on Oreo cream

Step
3

Go
to the Layers panel, select the “cream filling” group, and make a
copy of it in front. Press Unite in the Pathfinder panel to merge it into a single shape. If necessary, also go to Object >
Compound Path > Make (Control-8)
.

how to create mask shape for Oreo crumbs

Step
4

Now,
select the group of crumbs along with the shape obtained in the
previous step, which must be in front and set to stroke-none,
fill-none, and go to Object > Clipping Mask > Make (Control-7).

how to mask Oreo crumbs

8. How
to Create the Shadow Under the Oreo Icon

Select
the “base biscuit” group from the Layers panel and then Copy and
Paste in Place (Shift-Control-V). Move the copy to a New Layer under
the Oreo icon (1). Press Unite in the Pathfinder panel or go to
Object > Compound Path > Make (Control-8) to obtain a single
shape (2). Select dark brown as the fill color and apply the Drop
Shadow
effect twice to obtain the shadow (3).

how to create shadow under Oreo icon

Congratulations,
You’re Done!

Here
is the final image of the Oreo icon. I hope you enjoyed this “sweet”
tutorial, and don’t forget to share an image with your recreation. I
would love to see it.

Oreo Icon Final Image

How to Create a Vintage Spring Portrait of a Girl in Adobe Illustrator

Final product image
What You’ll Be Creating

Did you know that by using basic shapes and warp effects, you can create not just a straight portrait or one from the side, but even one in three-quarter view? Yes, it’s possible, and I’m here to show you how. 

Today we will create a spring portrait of a young girl with tulips. I took the daisies from one of my previous tutorials. If you want to add daisies to your final result, check out this tutorial.

If you are here not to create a portrait but to grab a finished result, for example a vector character, please check out GraphicRiver.

If you are here to learn something new, open up Adobe Illustrator and let’s get started!

1. How to Create the Head and the Neck 

Step 1

After opening Adobe Illustrator, create a New Document with 850 x 850 px Width and Height. Using the Ellipse Tool (L), draw an oval. In the image below, you can see which fill color you need. 

Next, we will apply the Inflate effect to this ellipse. Go to Effect > Warp > Inflate. Enter the options you see below. Expand this shape (Object > Expand Appearance).

how to create the top part of the face

Step 2

Add another oval to the illustration using the Ellipse Tool (L) and place it as shown below. In the image, the black stroke colors of the ovals are shown only for better visibility. 

Moving on, to modify the second oval, go to Effect > Warp > Arc, and enter the options shown below. Expand it (Object > Expand Appearance).

how to create the bottom part of the face

Step 3

Next, we will create an eye. 

Start by creating a dark brown, horizontally oriented oval. Next, we will apply the Flag effect to this oval: go to Effect > Warp > Flag and use the options shown below. Don’t forget to expand the final shape and rotate it to the right. 

To finish the eye, add a circle of the same fill color. To make an even circle, use the Ellipse Tool (L) while holding down the Shift key.

how to create the eye

Step 4

Place this left eye onto the head. Make a reflection of this eye to create the right eye. To do so, you have to right-click your mouse and select Transform > Reflect. Once you get a dialogue box, choose Axis Vertical, Angle 90 degrees, and press Copy

Move the newly created eye to the right. As the head is slightly turned, we want to make the right eye a little bit smaller.

how to create the second eye

Step 5

Let’s add a tiny nose. Create an oval and transform it: go to Effect > Warp > Arc. Expand the shape. Now make a copy of this shape in the back (Control-C, Control-B), and change its color to a darker shade. Then make it smaller and shift it slightly to the right. 

how to create the nose

Place the nose onto the face.

placing the nose

Step 6

Now for the lips. Create a little matte red ellipse and, using the Convert Anchor Point Tool (Shift-C), make the left and right anchor points sharp by clicking on them.

Make a copy of this shape in front (Control-C, Control-F), change its color to white, and make it thinner.

Now select the bottom anchor point of the red shape (using the Direct Selection Tool (A)) and move it down by pressing the Down Arrow on your keyboard. To make sure that the lips are smiling, group them (right-click > Group). After that, go to Effect > Warp > Arc. Adjust the necessary options. Expand the resulting shape once you like how it looks. Finally, place the lips onto the face.

how to create the mouth

Step 7

Before we move on to the neck, we are going to make a shadow of the head. For this, create a copy of the bottom part of the face behind the original one (Control-C, Control-B). Then, make it a bit smaller and shift it down to get a shadow, as shown in the image below. You also need to change its fill color to a darker shade: while keeping it selected, click on the nose using the Eyedropper Tool (I).

how to create the shadow

Step 8

For the neck, create a light brown rectangle by using the Rectangle Tool (M). Deform it by using the Arc options shown below, and expand the resulting shape.

how to create the neck

Step 9

Now we will add cheeks. Create a light brown oval (the same color as the face), and transform the shape of this oval by moving its top anchor point down (use the Direct Selection Tool (A)).

Make another copy of this shape in front (Control-C, Control-F), shrink it down, and change the color to pink. While keeping the two shapes selected, take the Blend Tool (W), and select the top anchor point in the small pink shape and the top anchor point in the light brown shape. Be sure that the Specified Steps in Blend Options are 40 or more. (Double-click on the Blend Tool (W) to activate the Blend Options window. The higher number of selected steps you select, the more smoothly the colors will blend.)

how to create the cheek

Place the left cheek onto the face of the girl.

placing the cheek

Step 10

For the right cheek, create another oval. Then modify this oval with the Arc effect (Effect > Warp > Arc) and expand the obtained shape. As in the previous step, create a smaller copy of this shape in front (Control-C, Control-F), and change its color. 

Use the same Blend Tool to get a smooth color gradient: while keeping the two shapes selected, use the Blend Tool (W) and select one anchor point of the small pink shape and one anchor point of the light brown shape. Select Specified Steps in the Blend Options of 40 or more (double-click on the Blend Tool (W) to activate the Blend Options window).

how to create the another cheek

Place the right cheek onto the girl’s face.

placing another cheek

Step 11

Now we will add an ear. Again, by using the Ellipse Tool (L), create a light brown ellipse and place it on the side of the head. Add a darker and smaller copy of the ellipse in front. Finally, add a third ellipse, which should be smaller and slightly shifted to the right. This will create an ear.

how to create the ear

2. How to Create the Hair and the Headband

Step 1

For the bangs, create a dark brown rectangle by using the Rectangle Tool (M). To curve the shape of the rectangle, transform its shape: go to Effect > Warp > Arch, and enter the options shown below. If the presented options are not good for you, feel free to change them.

Expand it once you like how it looks.

how to create the bang

Step 2

Next, add an oval and warp it by using the Flag effect.

how to create the side hair

Step 3

Continue to create the hair by adding a dark brown circle behind the head. Transform the circle with the Inflate effect: go to Effect > Warp > Inflate.

how to create the back hair

Step 4

Finally, for the hair, add a dark brown rectangle behind and transform it with the Flag effect: Effect > Warp > Flag. Again, if you see the presented options could be slightly different for you, feel free to change them. Enter the required options and expand this shape.

how to create the long back hair

Step 5

Let’s add the headband. In this step, it is important to create the headband directly on top of the head to be able to properly adjust its size and position.

First, create a circle (no fill color and black stroke color). Make a copy of this circle in front (Control-C, Control-F) and shift the copy slightly to the right while going downwards. The shaded area in the image below will be our headband. While keeping these two circles selected, press the Minus Front button on the Pathfinder panel. We will end up with a crescent shape. Change the fill color to white and remove its stroke color.

how to create the headband

Step 6

To add a bow to the headband, start with a white oval. In this step we will use a black stroke color, but in the final image the stroke color will be removed. 

Modify this oval with the Arc effect and expand the obtained shape. Make a vertical copy of it: while keeping it selected, hit the Reflect Tool (O) and press the Enter key. Be sure that in the new dialogue Reflect window Vertical is checked, and press Copy. Using the Right Arrow key on your keyboard, move the newly created shape to the right. 

Then, using the Rounded Rectangle Tool, create a small rounded rectangle and place it in the middle to create a bow. Slightly incline the whole bow and attach it to the headband.

how to create the bow on the headband

3. How to Create the Shoulders and Arms

Step 1

Let’s create the shoulders. Using the Ellipse Tool (L), create a horizontal oval and apply the Arc effect (Effect > Warp > Arc). Expand the shape.

how to create the shoulders

Step 2

To add a vintage collar, create a white rectangle and apply the Arc effect. All shapes used for the dress will have white fill color and black stroke color for better visibility. However, in the final image, the black stroke color will be removed.

how to create the collar

Step 3

For the body, we will add a white rectangle, which will be deformed with the Fish effect (Effect > Warp > Fish), with the options shown below. I believe that now you remember to expand the resulting shape after the application of the warp effect. To finish the body, add light brown rectangles for the left and right arms.

how to create the chest

4. How to Create the Frame

Step 1

Create a blue oval and place it behind (Control-X, Control-B) the girl. Group the whole girl (right-click > Group) and place the girl in the middle of the oval with the body slightly overlapping the oval in the bottom.

Now we need to use the Clipping Mask to create a portrait effect. First, create a copy of the background oval in front (Control-C, Control-F), and place it on top of everything (Control-X, Control-F). You can add a black stroke and no fill color, so you can see more clearly what is inside the frame. Then, while keeping the front oval with the black stroke selected, select the whole girl. Then go to Object > Clipping Mask > Make (or just press Control-7 and watch the magic). Now the girl should be inside the oval frame.

how to make the Clipping Mask

Step 2

Let’s add a scalloped edge frame to our portrait.

Select the blue oval behind the girl and go to Object > Path > Offset Path… In the new dialogue window, enter Offset around 10 px, and press OK. Set the fill color of the frame to white and give it a black stroke color.

Now we will modify this frame. Select it and go to Object > Path > Add Anchor Points. This action will add four new anchor points. Repeat these commands a few times. 

Afterward, press Effect > Distort and Transform > Pucker and Bloat. Move the slider to the right around 2%, and then press OK. Feel free to mess around with the options to get something that will satisfy you.

how to create the scalloped edge frame

5. How to Create the Tulips

Step 1

It is time to add some tulips to our portrait. Let’s start by drawing a red oval. Deform this oval with the Bulge effect (Effect > Warp > Bulge) using the options shown below. Expand this shape.

Create a copy of it behind (Control-C, Control-B), making it darker and a bit wider. Now, select the lighter red shape, the one in the front, and make another copy of it. Place the new, lighter, copy behind (Control-X, Control-B). Afterward, move and slightly rotate this shape to the left. While keeping this left shape selected, create a vertical reflection of it (right-click and hit Transform > Reflect, Vertical, Copy). Move the copy to the right.

how to create the tulip bud

Step 2

To create a leaf, start with a thin, green, vertical ellipse. Then select this ellipse and go to Effect > Warp > Arc.

Now, prior to expanding the shape, make a copy of it and change the warp options to have a slightly different shape. To do so, when the shape is selected, on the Appearance panel (Window > Appearance), you have to click on “Warp: Arc” and in the pop-up menu change the warp options, to get a result you like. You can also change the size of the leaf. For your convenience, select Preview while adjusting these options. Repeat the same with the third leaf. Finally, expand all three shapes.

how to create the leaf

Step 3

To complete the tulip bud, we want to add the green place where all the petals sit. So just add a green ellipse behind the red petals and be sure it stays at the bottom.

Delete the fill color and set the stroke color shown below. Using the Arc Tool, create the stalks of the tulips. Make sure to increase the stroke Weight in the Stroke panel and check Round Cap. As shown in the image below, place the leaves in their place. Create more tulips by making copies of the original one and modifying the inclination of the flower and by placing different leaves. Group each tulip separately.

how to create the whole tulip

Step 4

Arrange the tulips in the bottom part of the frame, as shown below. As you see, you will need to make a few copies of your tulips and leaves, as well as rotating and resizing some of them. Here you can be creative and place the flowers as you like.

decorating the frame with tulips

6. How to Create the Background

Step 1

Hit the Rectangle Tool (M) and click on your artboard. Once the dialogue window pops up, enter 850 px Width and Height, and then click OK. This will be the background. Make sure that the background stays behind the image and frame. 

To make sure that the background is exactly in the middle of the artboard, look at the Align panel (Window > Align), and make sure that in the pop-up menu, Align To: Align to Artboard is checked. Select the background and press the Horizontal Align Center and Vertical Align Center buttons on the Align panel. Now it should stay directly in the middle of the artboard. 

how to create the background

Step 2

To make the striped background, create a copy of the blue background square in front (Control-C, Control-F). Make it darker and much narrower. Be careful to not make it shorter, just narrower.

While keeping the darker stripe selected, hold the Shift and Alt keys, and move this stripe to the right. Then keep pressing Control-D to repeat your last movement. Stop when you’ve filled up the light blue background with these darker stripes.

Now we need to align everything. Select just the blue stripes, right-click, and select Group. Go to the Align panel (Window > Align) and press the Horizontal Align Center button.

how to create the stripes

This is how it should look now.

striped background

Step 3

Select the portrait of the girl and place it on the background.

placing the girl on the background

Conclusion

Great job! I hope that you enjoyed this tutorial and learned a bunch of new stuff. Feel free to change the color of the hair, headband, or background.

If you wish to add even more joy to this spring portrait, you can add some daisies from my previous tutorial. Or maybe you would prefer pansies?

final image

Create a Vintage, 50s Style Auto Advertisement

Final product image
What You’ll Be Creating

This tutorial was originally published in December 2010 as a Tuts+ Premium
tutorial. It is now available free to view. Although this tutorial does
not use the latest version of Adobe Illustrator, its techniques and
process are still relevant.

This tutorial takes a brief look at the quintessential aspects of 1950s automotive advertising, the aesthetics of the cars and the portrayal of their owners. Then we’ll take what we’ve learned to create an image that embodies the spirit of the bold 50s auto ads.

You can find the source files in the directory labeled ‘source’ that came in the files that you downloaded. You may wish to look through them briefly before we begin.

Need a faster solution? Browse our amazing selection of Vintage Vector Elements available through GraphicRiver. Or enlist the help of a design professional by contacting the good folks at Envato Studio for all your custom design needs.


Introduction

The 1950s have always greatly inspired my work. The decade’s design, from its children’s book illustrations to cartoons and advertising, all has a very pleasing aesthetic. It’s something about the use of line and shape that, for me, creates such beautiful works.

The 50s were a time of ‘boom’ in the States, a time of innovation and aspirations. Technology was providing a lifestyle of the future, all of which needed selling to the public. Advertising of the time shows bold statements about the ideal family, and what that family needed, in order to keep up with the Joneses. Other than the home, nothing was more central than the car, and automotive ads were a melting pot of creative ideas. It was all about lifestyle, about going somewhere, getting there fast, or in comfort, or in style. Ads would infer that the right car would get you to the right parties, get you the girl, or get you noticed.

The design of 50s cars has always sparked my imagination; you can see that the designs are clearly inspired by aircraft and even spacecraft. They were styled with fins and jet engine intakes and adorned with flashy typography stating names like “Starliner,” “Fireflight”, and “Road Master.” Bold statements streaked across their adverts with straplines like “Rocketing into 1955!” To create excitement, information on their various innovations was strewn over every free inch of space in the ad.

It’s easy to see the wealth of what can be learned from these adverts and the cars they depict. Now we’ll take our observations and create a new artwork composition, lifting the spirit of the 50s and its aesthetic principles to imbue a new ‘mock’ advert.

Research: I highly recommend looking at Taschen’s ‘Cars of the 50s’, by Jim Heimann. Also, the Vintage Ad Browser is an excellent (Free) source of inspiration.


1. How to Do Your Initial Research

I started by sketching some cars with interesting angles and details from a load of photographic references I collected at a vintage car show I went to earlier in the year. References are important, and whether you gather them first hand or just look them up on Google, it’s good to observe your subject and take in as much visual information as possible. You’ll achieve much better results this way.

Do Your Initial Research

2. How to Sketch Out the Ad

Step 1

I sketched out some basic compositions, remembering the principles of the vintage ads: flowing lines, hard angles, and informative poster layout and presentation.

Sketch Out the Ad

Step 2

I wanted to include a lifestyle portrayal in my composition as well, so I sketched some people.

Sketch Out the Ad

Step 3

Once I’d hit on some good sketches and decided on a composition, I scanned in my images to get them ready for Illustrator.

Now make a guide layer: place the scanned sketches into Illustrator, moving them to sit right on the canvas. Then take their Transparency down to 80% and switch the Blend Mode to Multiply.

Sketch Out the Ad

3. How to Create the Vector Details

Step 1

Now make a New Layer below our guide layer; this will be our backdrop. Take the Rectangle Tool (M) and draw a shape to cover the canvas. This should have the lighter blue color as Fill, No Stroke. In fact, there’s no use of ‘stroke’ or ‘outline’ in this image, so when I refer to colors, you’ll know I mean ‘fills’.

You’ll find the Pantone Swatches in the master file (source file no longer available), on the Pantone Reference Layer, but of course, you can pick your own Color palette.

Create the Vector Details

Step 2

Now that we have something above (our guides) and below (our Background Color), we can get on with creating the artwork’s various elements, starting with the cars. Using the Blob Brush Tool (Shift-B), draw the rough outline of the bottom car in black. You could use the Pen Tool (P), but I like the more natural look and feel of the Blob Brush.

Create the Vector Details

Step 3

The unique thing about the Blob Brush Tool is that it draws solid shapes instead of strokes. So once you’ve gone around the car making sure there are no gaps in your line work, select the inner edge of your car shape with the Direct Selection Tool (A), and Delete twice to make a solid black filled car.

Tip: To draw a totally straight line with the Blob Brush Tool, hold down Shift while drawing your line.

Create the Vector Details

Step 4

Switch to the Pen Tool and block in the purple windows.


To create the ‘shine’ on the windows, use the Knife Tool (sadly no shortcut for that, but you may find it hiding under the ‘Rubber’ Tool), Copy and Paste in Front (Command-C > Command-F) a Duplicate of the back window and then change the Pantone Percentage to Zero – white. Cut through the window duplicate and make three ever narrower stripes. Delete the unwanted white areas, and there you have it!

Create the Vector Details

Step 5

For the detailed line work on the car, use the Blob Brush Tool again to draw in the detail.

Tip: Double-click the Blob Brush Tool icon on the toolbar to bring up the settings panel, and switch on Pressure Sensitivity to get the tapered lines.

Create the Vector Details

Step 6

To create the ‘dotty’ texture on the side of the car, start by replicating the steps from before, this time Duplicating the black car shape. With the Duplicate selected, use the Knife Tool to slice a nice, curvy, flowing section of the body work, and then Delete the unwanted excess.


Now change the color of the shape to a gray with the following properties: C=0, M=0, Y=0, K=30.Then go to Effects > Pixelate > Color Halftone, and change the settings to the following: Max. Radius: 20 and all the ‘Channels’ should be set to 1. Click OK and you should now have a dotty black and white shape.

Create the Vector Details

Step 7

Now go to Object > Expand Appearance, and then ‘Live Trace’ the shape with a setting such as ‘Simple Trace‘ or ‘Detailed Illustration’ that will ignore white. Now Expand the shape and you should have a neatly cut out dotty print texture. Now you can change the Fill to a 50% black color.

Create the Vector Details

Step 8

Create a quick and intentionally ‘naive’ shadow under the car with the Blob Brush Tool again. Use a quick oval scribble in a 100% blue color. If needed, skew it with the Free Transform Tool (E) to ground it under the car.

Create the Vector Details

Step 9

For the landscape behind the car, use 100% blue and the Pen Tool to block out the sky. Then draw the simple fern tree freehand, using the Blob Brush Tool again to make the sweeping, tapered branches. Lastly, the sun/moon starts as a circle made with the Ellipse Tool. Then, with your circle selected, repeat the steps from before to create the halftone dot effect and Color it in the 50% Blue of the backdrop.

Create the Vector Details

Step 10

Now simply ‘rinse repeat’ everything we’ve done for the bottom half the image in the top section, creating the car’s side view and matching landscape. Some elements can just be Duplicated.

Create the Vector Details

Step 11

Once you’ve finished with the top half of the artwork, create a New Layer above the cars; this will be for our characters. Using the sketches on our guide layer, start with the guy at the bottom, using the Pen Tool to block out his shape in black, white, and 50% pink for his skin.

Create the Vector Details

Step 12

Pick out the detailed line work using the Brush Tool again, just as we did with the car. Then move on to the woman up top, repeating the same steps.


Lastly, we need to create our centre piece and typography. On a New Layer above our people, draw a rectangle across the middle of the page in any color using the Rectangle Tool (M). Now place the mono print texture: go to File > Place.

Tip: You can learn more about using textures, monoprint in particular, in my previous tutorial: Core Art Skills: Part 5, Traditional Media Techniques.


Recolor the texture white, just as you would recolor any shape. Now, making sure the texture is behind the rectangle (arrange using Command-[ to send backward) select them both together and use Command-7 to create a Clipping Mask. Now just Duplicate the texture a couple of times inside the mask, to fill out the space.

Create the Vector Details

Step 13

I created all the type freehand with, yes, the Blob Brush Tool! I find it handy to practice the loopy, joined-up type in my sketchbook first before switching to my Wacom tablet. Don’t worry if you make any little mistakes in your type—because you’ve used the Blob Brush Tool, you’ll be able to fine-tune it as you would any shape, using the Direct Selection Tool (A) and/or the Pen Tool (P).

Create the Vector Details

Conclusion

There’s a wealth of inspiration in vintage advertising, and it’s definitely worth consideration when working on current projects. You’ll find a lot of humor—sometimes due to age, but these works are never outdated, and the quality of the rendering alone is worth a look.

Applying the same aesthetic principles needn’t mean a dated artwork either—how you use color and technique will bring it all nicely up to date. And it’s not limited to cars either—the 50s saw innovations in all areas of living, designed and advertised with a keen eye. Everything from toasters to jet planes had a sense of bold future-facing style. So looking back, you’re sure to find something original to influence your future projects.

Vector Vintage Auto Ad Adobe Illustrator Tutorial

Vintage Illustrator Brushes From GraphicRiver

Love vintage design? Then you’ll definitely love our amazing selection of Vintage-Inspired Adobe Illustrator Brushes available through GraphicRiver. Use these brushes to add a retro element to your designs, and check out one of our favorites below!

54 Vintage Illustrator Brushes

No Illustrator brush collection would be complete without a handful of retro-inspired brushes. This set features 54 incredible Illustrator brushes you can use to unleash your creativity. Use these brushes for your vector illustrations and add a unique vintage style to your work!

54 Vintage Illustrator Brushes

How to Create a Geometric Flamingo Bird in Adobe Illustrator

Final product image
What You’ll Be Creating

In today’s tutorial, we’re going to take a look at the process of creating a simple geometric bird illustration, which we will bring to life using some hand-drawn shapes in Adobe Illustrator. As always, we’re going to be using some of the basic shapes and tools that you probably already work with on a daily basis.

Don’t forget, you can always expand your project heading over to GraphicRiver where you’ll find a great selection of animal-themed illustrations just waiting to be picked up.

So make sure you grab a fresh batch of that magic bean juice, and let’s jump straight into it.

1. How to Set Up a New Project File

Assuming you already have Illustrator up
and running in the background, bring it up and let’s set up a New Document (File > New or Control-N)
which we will adjust as follows:

  • Number
    of Artboards:
    1
  • Width:
    800
    px
  • Height:
    600
    px
  • Units:
    Pixels

And from the Advanced tab:

  • Color
    Mode:
    RGB
  • Raster
    Effects:
    Screen (72ppi)
  • Preview Mode: Default
setting up a new document

2. How to Set Up the Layers

Once we’ve finished setting up our project
file, it would be a good idea to structure our document using a few layers, since this way we can maintain a steady workflow by focusing on one
section of the illustration at a time.

That being said, bring up the Layers panel, and create a total of four
layers, which we will rename as follows:

  • layer
    1:
    background
  • layer
    2:
    pond
  • layer
    3:
    bird
  • layer 4: fly
setting up the layers

Quick tip: I’ve colored all of my layers using the same
green value, since it’s the easiest one to view when used to highlight your
selected shapes (whether they’re closed or open paths).

3. How to Create
the Pond

Now that we’ve
layered our document, we can start working on the project by creating the
little pond, which we will use as our center point for the rest of the
illustration. So make sure you position yourself on the second
layer, and let’s get started!

Step 1

Using the Ellipse Tool (L),
create a 160 x 36 px shape, which we
will color using #99C7F2 and then center align to the underlying Artboard,
positioning it 112 px from
its bottom edge.

creating and positioning the main shape for the pond

Step 2 

Zoom in on the shape that we’ve just created and add the center ripple
using a 64 x 16 px ellipse which we
will color using #AFD8F9.

adding the center ripple to the pond

Step 3 

Add the smaller ripple using a 16
x 4 px
ellipse (#AFD8F9), which we will position on the right side of the
larger one, at a distance of 16 px.
Once you’re done, select and group all three shapes together using the Control-G keyboard shortcut, before
moving on to the next section.

adding the smaller ripple to the pond

4. How to Create
the Background

Now that we have
our little pond in place, we can shift our focus to the background layer (that
would be the first one), which we will quickly create one shape at a time.

Step 1

Using the Pen Tool (P), draw
the background’s main shape using the reference image as your main guide,
coloring the resulting shape using #696791.

drawing the backgrounds main shape

Step 2

Add the little sun using a 48 x
48 px
circle, which we will color using #FFD399 and then position in the
upper section of the previously drawn shape.

adding the sun to the background

Step 3

Draw the hard cloud lines (#FFFFFF) using the Pen Tool (P), making sure to select and group both them and the sun
together afterwards using the Control-G
keyboard shortcut.

drawing the clouds

Step 4

Mask the shapes that we’ve just grouped by creating a copy (Control-G) of the larger background,
which we will paste on top of them (Control-F),
and then simply select them and the mask and right click > Make Clipping Mask.

masking the main shapes of the background

Step 5

With the Pen Tool (P)
selected, quickly draw the main shape for the left leaf using #99DD99 as your Fill color.

drawing the main shape for the left leaf

Step 6

Add the little detail lines using a couple of 2 px thick Strokes
(#FFFFFF) with a Round Cap, using
the reference image as your main guide. Take your time, and once you’re done, select and group (Control-G) all the
resulting shapes together, doing the same for the entire leaf afterwards.

adding the detail lines to the left leaf

Step 7

Finish off the current section by adding the right leaf, which we will
create using a copy (Control-C >
Control-F
) of the left one. Then vertically reflect it (right click > Transform > Reflect
> Vertical
) and position it on the opposite side of the background. 

Once you’re done, select and position the two leaves underneath (right click > Arrange > Send to Back),
making sure to select and group all of the shapes together using the Control-G keyboard shortcut.

adding the right leaf to the background

5. How to Create
the Bird

Assuming you’ve
finished working on the previous section, make sure you lock its layer and then
move on to the next one (that would be the third one), where we will take a
couple of moments and create our geometric bird.

Step 1

Create the main shape for the bird’s standing leg using a 120 px tall 8 px thick Stroke, which
we will color using #FFD399 and then position in the center of the larger
ripple, as seen in the reference image.

drawing the standing leg of the bird

Step 2

Add the upper connecting joint using a 24 x 24 px circle, which we will color using #D68383 and then
position in the center of the Stroke’s
upper anchor point.

adding the upper joint to the standing leg

Step 3

Create the bending joint using a smaller 16 x 16 px circle (#FFD399), which we will position 24 px from the larger one. Once
you have the shape in place, select all of the leg’s composing sections and
group them together using the Control-G
keyboard shortcut.

adding the bending joint to the standing leg

Step 4

Draw the bent leg using an 8 px thick
Stroke (#FFD399) with a Round Cap, following the reference
image as your main guide. 

drawing the bent leg

Step 5

Adjust the resulting shape by selecting the anchor point of its bent
ankle using the Direct Selection Tool
(A)
 and then setting its Corner
Radius
to 8 px from within the Live Corners input field.

adjusting the bent leg

Step 6

Add the joint points to the current leg, using
the same size and color values used for the standing one. Make sure to
select and group (Control-G) all its
composing shapes together before moving on to the next step.

adding the joint points to the bent leg

Step 7

Create the bird’s main body using a 128
x 128 px
circle, which we will color using #F49898 and then position on the upper half of the legs’ upper joints.

creating the main body of the bird

Step 8

Add the visible wing using an 84
x 64 px
rectangle (#F49898), which we will adjust by setting the Radius of its bottom-left corner to 64 px from within the Transform panel’s Rectangle Properties.

adding the visible wing

Step 9

Separate the wing from the body by adding an 84 x 4 px rectangle (#D68383) with a 4 px top-right Corner Radius,
which we will position above the wing and then mask using a copy (Control-C > Control-F) of the larger
circle (both shapes selected > right
click > Make Clipping Mask
). Once you’re done, select and group (Control-G) all of the current section’s
composing shapes before moving on to the next one.

adding the shadow to the visible wing

Step 10

Create the main shape for the neck using a 76 x 176 px rectangle with a 12
px
thick Stroke (#F49898), which
we will adjust by setting the Radius
of its bottom-right corner to 76 px
from within the Transform panel’s Rectangle Properties. Select the
resulting shape’s top-left anchor point using the Direct Selection Tool (A), and then immediately remove it by
pressing Delete, positioning the new
path as seen in the reference image.

creating the neck section of the bird

Step 11

Start working on the head by creating a 32 x 32 px square (#F49898), which we will adjust by setting the Radius of its top corners to 16 px and then positioning the
resulting shape on top of the neck.

creating the main shape for the head of the bird

Step 12

Create the main shape for the beak using a 56 x 16 px rectangle (#FFD399), which we will adjust by setting the
Radius of its bottom-left and
top-right corners to 16 px,
positioning the resulting shape as seen in the reference image.

creating the main shape of the beak

Step 13 

Add the beak’s end section using a 16
x 16 px
square (#696791), which we will adjust by setting the Radius of its bottom-right corner to 16 px from within the Transform panel’s Rectangle Properties.

adding the nail section to the beak

Step 14

Focus on the eye section by creating a 16 x 16 px circle (#FFD399), which we
will position on the base of the beak as seen in the reference image.

creating the main shape for the eye section

Step 15

Create the actual eye using an 8 x 8 px circle (#696791), which we
will center align to the previously created shape and then adjust by removing
its bottom half by selecting its lower anchor point using the Direct Selection Tool (A) and then
pressing Delete.

adding the eye to the head

Step 16

Add the little curved segment to the neck, which we will create using a 16 x 16 px circle (#F49898). Adjust it by removing its bottom and right anchor points, uniting the
remaining ones using the Pen Tool (P).
Once you’re done, select and group (Control-G)
all of the head’s composing sections, doing the same for the entire bird
afterwards.

adding the circular section to the base of the neck

Step 17

Once we’ve finished working on the bird, we can add the little water
drops to its bent leg using three 2 x 6
px
rounded rectangles (#99C7F2) with a 1
px Corner Radius
, making sure to select and group them together afterwards
using the Control-G keyboard
shortcut.

adding the water drops to the bent leg

Step 18

Create the little water bursts using a couple of smaller circles
(#FFFFFF), which we will adjust by removing their bottom halves, positioning
the resulting shapes onto the two ripples. Take your time, and once you’re done, make sure to select and group (Control-G) all of them together before moving on to the
illustration’s next section.

adding the water bursts to the pond

6. How to Create
the Fly

We are now down to
the last section of our little illustration, so assuming you’ve positioned
yourself on the fourth layer, let’s prepare to wrap things up!

Step 1

Using a 2 px thick Stroke with the color set to #FFFFFF,
draw the fly’s trail, making sure to turn the resulting line into a Dashed Line using the Stroke panel.

drawing the trail of the fly

Step 2

Finish off the illustration by creating the little fly using a 4 x 4 px circle (#FFFFFF), to the sides
of which we will add two smaller 3 x 3
px
ones (#FFFFFF), which we will then group (Control-G) and position on the left end of the path that we just drew. Once you’re done, select and group (Control-G) the two together before finally hitting that save
button.

finishing off the illustration

Great Work!

As always, I hope you’ve had fun working on this little project and most
importantly managed to learn something new and useful along the way.

That being said, if you have any questions, feel
free to post them within the comments section and I’ll do my best to get back
to you as soon as I can!

finished project preview

How to Create a Deep Diving Illustration in Adobe Illustrator

Final product image
What You’ll Be Creating

In this tutorial, let’s imagine an underwater journey while drawing a deep diver and lost sea treasures in Adobe Illustrator. As usual, we will use the most common instruments and techniques.

Of course, you can skip the tutorial and just purchase the result as a part of my Deep Diver and Sea Treasure illustration on GraphicRiver.

1. How to Create a New Document

First, set up a New Document (File > New or Control/Command-N) with these settings:

  • Number of Artboards: 1
  • Width: 800
  • Height: 600
  • Units: pixels

From the Advanced tab:

  • Color Mode: RGB
  • Raster Effects: Screen
  • Preview Mode: Default
  • Uncheck Align New Objects to Pixel Grid
Creating a new document

2. How to Make an Open Chest

Step 1

Let’s start building a treasure chest by taking the Rectangle Tool (M) and creating one 123 x 55 px shape and a second 45 x 55 px rectangle, filling them both with #4921a1.

Building two rectangles

Step 2

Select the rectangles with the Selection Tool (V) while holding Shift, and go to Object > Path > Offset Path. Enter 8 px into the Offset value field. Set the Fill color of the outlines to #5596eb

Adding outlines to rectangles

Step 3

Place the smaller outlined rectangle on the outer right side of the larger blue shape. Make its blue outline a bit darker (#497cc9), forming a shadow part.

Add three thin horizontal stripes (#1d0f4a) to both the larger and the smaller violet rectangles, making an imitation of wooden planks. Use a width of 123 px for the thinner stripes and 45 px for the shorter stripes.

Group (Control-G) all the pieces of the left part of the chest and do the same for the right part.

Creating chest sides and adding a texture

Step 4

Make a copy of the larger side by selecting the group with the Selection Tool (V) and dragging it up while holding down Alt. We are going to use the copy to create a lid.

Change the color of the blue outline to #82c7ff. Select the bottom edge with the Direct Selection Tool (A) and drag it to the top, placing it together with the bottom edge of the inner violet rectangle.

Add a 30 x 63 px rectangle on the outer right side of the lid. Fill it with #5596eb.

Building a chest lid from the copy of the main chest side

Step 5

Make the two right corners of the smaller rectangle rounded by selecting them with the Direct Selection Tool (A) and pulling the circle indicators to the center of the shape (1).

Keeping the rounded rectangle selected, go to Object > Path > Offset Path. Enter -8 px into the Offset value field. Set the Fill of the inner shape to #4921a1. (2)

Make a smaller copy of the rounded blue rectangle and color it with #1d0f4a, placing it on the inner right side of the large violet shape (3).

Step 6

Now let’s add hasps to our lid.

Build a 12 x 22 px rectangle (#acd4ef) outside the lid and make its top fully rounded.

Select the shape and press Control-C and Control-F, creating a copy right on top of the original shape. Using the arrows on the keyboard, move the copy left by a few pixels and change its Fill to #e3eef5.

We have a gap on the top between the two anchors. Mask it by adding a small rectangle (#acd4ef) which we will send to back by going to Object > Arrange > Send Backward.

Step 7

Using the same method and the image below as a reference, add a hole to the hasp. It consists of two overlapping rounded rectangles and two smaller rectangles to hide the gaps between the larger shapes. Use #acd4ef for the lighter blue and #5596eb for the darker blue color (1).

Group (Control-G) all the pieces of this part together and place it on the top half of the hasp. Select the hole group together with the other pieces and Group (Control-G) them again.

Position the hasp on the top edge of the lid, closer to the left side. Make a second copy closer to the right side. (2) Group (Control-G) all the lid parts together and place the lid on the top of the chest (3).

Step 8

Add two small square rectangles under the top blue outline of the front side. Use the same blue color as for the outline. Make the bottoms of the rectangles rounded (1).

Place four more squares on the bottom corners on the violet sides of the chest. Use the Delete Anchor Point Tool (-) to remove one of the top anchors of each rectangle, transforming them into triangles (2).

Step 9

Using the Ellipse Tool (L), create two 4.5 x 4.5 px circles (#82c7ff) on the bottom blue outline of the chest, closer to its left and right sides. (1)

Holding down the Shift key, select the circles with the Selection Tool (V). Go to Object > Blend > Make.

Illustrator creates a smooth color transition. Fix it by choosing Object > Blend > Blend Options or double-clicking the Blend Tool. Change the Spacing option to Specified Steps, setting the value to 3. (2) 

Let’s make sure that circle row is aligned to the front side. Select our circles and the chest side and click on the front side group again, making it a Key Object. Open the Align panel (Window > Align) and click Horizontal Align Center. (3) There we have it!

Step 10

Select our blending object and go to Object > Expand. Check the Object option and uncheck the Fill option, and press OK. Now we have a group of five circles.

Make a copy of our circles group by Alt-dragging it. Rotate the row by 90 degrees with the Selection Tool (V), holding down Shift. Place the vertical row on the vertical blue areas of the chest, Delete the top and bottom circles, and make three more copies on each side (1).

Add one more circle on the bottom-right part.

Then build four 6.5 x 6.5 px circles (#82c7ff) inside the triangular corners of the chest. (2)

Spreading the smaller circles

Step 11

Our chest still looks a bit boring. Let’s add a keyhole plate on the front side.

Build a 28 x 28 px rectangle (#5596eb) outside the chest. Rotate the shape by 45 degrees by dragging its top corner to the bottom with the Selection Tool (V) while holding down Shift. (1)

Create one more copy on the top of the first shape by clicking Control-C and Control-F, and drag the copy left by a few pixels. Set the color of the copy to #b6e0fc. (2)

Hide the empty space between the top and bottom corners of the copies behind the smaller rectangles. (3)

Add a simple keyhole, consisting of a circle and a rectangle (#5596eb), in the middle of the group. (4)

Select both parts of the previously created keyhole and Unite them into one shape in Pathfinder. (5)

Get two copies in front of the keyhole by using Control-C and pressing Control-F twice. Move the top shape slightly to the right. Select both copies, use the Minus Front option of the Pathfinder panel, and fill the resulting shape with #5596eb color, getting the shadow part inside the keyhole. (6)

Group (Control-G) all the parts of the keyhole plate and place it on the front side of the chest. (7)

Now it looks great!

Forming a keyhole plate

3. How to Make a Crown and Some Treasure

Step 1

Ok, now we have a chest. But we still need treasure to place inside it.

Start by taking the Pen Tool (P) and creating something that seems like a pile of coins inside the open chest lid. It can just be a simple silhouette with no details. Use #89b8d9 to color the shape.

Draw one more pile of lighter color (#b8e2ff) in front of the first one.

Then create a coin with the help of a simple rectangle (#5596eb). By copying and dragging the shape, form a few coin stacks and spread them over the top of our piles and the side of the chest. Leave an empty space in the middle of the gold piles for a crown which we are going to create later.

You can use more colors for the coins in order to add depth to your illustration.

Creating treasure pile

Step 2

Now we are going to create a royal crown.

Take the Rectangle Tool (M) and build a 35 x 4 px (#ebf6fd) rectangle. Then create a 32 x 2 px (#5596eb) stripe which we will place under the bottom of the first shape, aligning to its center. (1)

Form a 10 x 4 px rectangle (#5596eb) in front of the middle of the upper shape (2). Build one more 7 x 2 px (#ebf6fd) rounded rectangle inside the previous one, which will act as a gem (3).

Add one more rounded rectangle of the same size on the light part of the top right border. Set its color to #9cbfe4 (4). 

Keeping the rectangle selected, choose the Reflect Tool (O). Holding the Alt key, click on the middle of the bottom blue border. In the Reflect option window, set the Axis to Vertical and press Copy, reflecting the gem to the left side (5).

Building a base for a crown

Step 3

Build a 10 x 20 px (#b6e0fc) rectangle sitting on the top edge of the middle blue shape.

With the help of the Add Anchor Point Tool (+), add an anchor in the middle of the top side of the created shape. Then take the Delete Anchor Point Tool (-) and click on the top-left and top-right anchors to delete them, getting a crown spike.

Create one more spike on the right side using the Pen Tool (P). Make a mirror copy on the left side using the Reflect Tool (O), as we did in the previous step.

Forming crown spikes

Step 4

Add two more spikes (#5596eb) in the empty spaces between the previously created shapes.

Hide the sharp edges of these two spikes behind 3.5 x 3.5 px circles, which we will fill with #b6e0fc. Place three more circles of #9cbfe4 color on top of the other three spikes.

Then add a few red gems on the lighter spikes using simple circles of #ff5454 color.

Group (Control-G) all the crown parts together and put the crown on the pile of coins inside the chest.

You can go further by adding more jewelry to the treasure pile or leave the composition as it is. I added simple beads and a chain created from circles and rounded rectangles.

Finishing the crown

Step 5

Let’s make our treasure shine!

Take the Star Tool and in the option window set Radius 1 to 1 px, Radius 2 to 7 px, and Points to 4, creating a four-pointed star.

Round the inner corners of the star by selecting and dragging them with the Direct Selection Tool (A). Make a few copies of the star with different sizes and corner radiuses, and spread the copies over the treasure. Set the color of some stars to #ffffff and add a few red and white circular sparkles among the stars, creating a well-balanced composition.

Group (Control-G) all the chest objects together.

Creating glowing from small stars

4. How to Make a Deep Diver

It’s time to create a deep diver. The most interesting things these divers have are heavy helmets. And we are going to draw one of them right now.

Step 1

Start by building a 65 x 58 px rectangle (#82c7ff), making its top fully rounded.

Add a 22 x 22 px circle (#def1ff) on the left part of the blue shape. Make the circle’s left side slightly stand out from the left edge of the main shape. Add one more 16 x 16 px circle (#4921a1) inside the first one.

Build a shadow part on the right side of the larger circle by making a copy of it behind (#4599ff) and moving it right by a few pixels.

Build a 4 x 16 px rounded rectangle with no Fill and 1.5 px weight Stroke of #82c7ff color, placing it in the middle of the circles. Rotate the shape by 45 degrees by dragging its top corner to the bottom with the Selection Tool (V) while holding down Shift. Make a mirror copy on the left side, finishing the side faceplate.

Creating a helmet basic shape and a side face plate

Step 2

Create a bigger mirror copy of the previously created round plate on the right part of the helmet for the diver’s faceplate (1).

Form a small circle (#acd4ef) inside the white plate outline, placing it under the top anchor and aligning to the center of the plate (2).

Keeping the circle selected, choose the Rotate Tool (R) and then Alt-click in the middle of the faceplate. In the Rotate panel, set the Angle to 30° and click the Copy button (3). Press Control-D to repeat the last action and continue pressing Control-D to add all 12 circles around the plate (4).

Select the inner violet circle and create a smaller copy in front of it, changing the color to #5634b2 (5).

Creating a second face plate

Step 3

Create a 34 x 3.5 rectangle (#def1ff) right above the top of the helmet.

Build one more 65 x 3 px shape (#def1ff) under the bottom edge of the helmet and a thinner stripe of 65 px width (#acd4ef) below (1).

Place the upper rectangle above the top of the helmet and align to its center, creating an imitation of the upper plate side. Then put the lower rectangle under the bottom edge of the helmet and align to its center. Place a stripe on the rectangle, making it cross the center (2).

Build a 26.5 x 2.5 px rectangle with no fill and 1.5 px width stroke (#acd4ef) above the helmet. Move the bottom-left and bottom-right anchors slightly to the outer sides. Make both top corners rounded and delete the bottom edge (3). Position the resulting shape over the upper plate of the helmet, hiding the lower part behind it (4).

Adding smaller details to the helmet

Step 4

Form a 65 x 5 px rectangle (#82c7ff) below the bottom white striped border and move its bottom anchors to the left and to the right by about 2 px. Build the same striped border under our shape.

Add a hinge for the faceplate built from two rectangles and create one more small rectangle for the tube on the top-right part of the helmet. Use the same white and grey color as for other parts of the helmet.

Adding smaller details to the helmet

Step 5

Start to create the lower part of the helmet by taking the Ellipse Tool (L) and building a 72 x 83 px ellipse (#82c7ff). Draw a horizontal line which goes across the middle and side anchors of the shape. Select both shapes and Divide them, using the Pathfinder panel. Ungroup (Control-Shift-G) the shapes and delete the upper half (1).

Keeping the shape selected, go to Object > Path > Offset Path and enter 8 px into the Offset value field, getting an outline. Color it with #b8e2ff (2).

Using the Delete Anchor Point Tool (-), remove both top anchors of the outline, getting the upper edge of the outline placed right on the same level as the top edge of the semicircle (3).

Add two small 8 x 8 px circles outside the left and the right outer sides of the semicircle, making their middle and side anchors sit right on the upper edge of the semicircle (4).

By copying and dragging, spread six small circles (#4599ff) above the outline. You can form three of them on one side and use the Reflect Tool (R) to create a symmetrical copy on the other side of the border (5). Place all the objects under the main helmet group.

In order to make the helmet more detailed, I decided to add a rounded plate (#4599ff) and two small circles over it (#def1ff) (6). You can go even further, finding some references of vintage diver helmets on the internet and adding your own details.

Building a bottom part of the helmet

Step 6

Let’s make the helmet more realistic by adding some shadow parts.

Select the top blue shape and Copy it, using Control-C. Click Control-Command-F twice to get two copies on top of the helmet. Move the top copy to the right, add the second copy to the selection and use the Minus Front option of the Pathfinder panel. 

Change the Blending Mode of the resulting shape to Multiply while lowering the Opacity levels to 40% in the Transparency panel, getting the shadow part.

Using the same method, add two more shadows on the lower blue sections of the helmet.

Now you can Group (Control-G) all the parts of the helmet together.

Adding shadows to the helmet

Step 7

Time to go lower and give a body to our diver.

Create an 85 x 72 px rectangle (#4599ff), merging its top side with the top edge of the semicircular helmet part and making its left side slightly extend to the left (1).

Take the Pen Tool (P) and, while holding down the Alt key, drag the right edge of the rectangle slightly to the right, transforming it from a straight line into a curve (2).

Slightly round the bottom corners (3).

Start to work on the diver weight system, which consists of a belt and straps. Form an 84 x 16.5 px horizontal rectangle (#d42d59) below the bottom edge, closer to the left side of the body shape. Build one more 13 x 27.5 px (#d42d59) vertical rectangle under the first one, slightly closer to the right part of the horizontal one (4).

Make the bottom-right corner of the vertical shape rounded. Then build one more 58 x 16.5 px rectangle (#f94675) with a fully rounded left side, placing it in front of the horizontal stripe and aligning to its right edge (5).

Add a small violet circle (#4921a1) on the rounded end for a belt hole and a vertical rectangle (#4921a1) closer to the left edge. It will act as a belt loop (6).

Creating a body and a belt

Step 8

Form a thin rope (#acd4ef) with rounded corners sitting over the top edge of the belt (1).

Then form a 10 x 66 px vertical strap (#4921a1) on the left part of the diver’s body, aligning its bottom side to the bottom edge of the belt (2).

Add a 12 x 28 px rectangle (#5634b2) on the bottom part of the vertical strap, aligning it to the left side of the strap and putting its center above the central axis of the horizontal belt (3).

Make both right corners of the shape rounded. Form a thin vertical edge (#4921a1) on the left outside for the shadow part and build a smaller rectangle (#4921a1) inside the bottom strap rectangle, finishing a strap clasp (4).

Group (Control-G) the strap and clasp parts together and create a similar strap on the right part of the body. Select the helmet group and go to Object > Arrange > Bring to Front, placing the helmet in front of the straps and hiding the overlapping ends (5).

Adding straps

Step 9

Now it’s time to give some legs to our diver.

Build a 36 x 115 px rectangle (#4599ff) for the left leg and slightly round its bottom-right corner. Add a 20 x 36 px rounded rectangle (#1973e1) for a knee plate (1).

Take the Pen Tool (P) and draw a simple boot shape, which we will color using #1973e1 (2).

Make the boot toe rounded and add one rectangle beneath the top edge (#d42d59) and one rectangle beneath the bottom edge for the sole (#d42d59) (3).

Add a texture to the sole by spreading a few vertical rounded rectangles of the darker red color over it (4).

Create a simple boot fastener by using a rectangle with a rounded left side (5).

Copy the fastener and rotate it by 45 degrees with the Selection Tool (V), holding down Shift. Place the copy on the boot, below the first fastener (6).

Building first leg and a boot

Step 10

Select both fasteners together with the boot shape and delete the outstanding parts by Alt-clicking on them with the Shape Builder Tool (Shift-M) (1).

Create a circle (#d42d59) overlapping the boot toe and delete the outstanding part with the Shape Builder Tool (Shift-M) again, forming a toecap (2).

Make a copy of the leg by Alt-dragging all its parts to the right. Hide the copy behind the left leg using Object > Arrange > Send to Back (3). 

Finishing the boot and copying the leg

Step 11

Finally, our diver is able to go somewhere, but he still needs arms and air tanks to stay alive in this mysterious underwater world. Let’s help him.

Add a 22 x 105 px rectangle (#4599ff) on the left side of the diver’s body and make its top-left corner rounded, forming an arm and shoulder (1).

Copy a knee plate shape and place it over the arm shape, making its right part overlap the arm. Cut off the extending piece with the Shape Builder Tool (Shift-M), getting an elbow plate (2).

Create a glove from three simple rectangles on the bottom part of the arm. Use #d42d59 for the darker red color and #f94675 for the lighter color. Make the bottom corners of the vertical rectangles rounded to get the illusion of a hand inside the glove (3).

Creating the left arm

Step 12

Let’s make another arm. Grab the Pen Tool (P) and draw an angled line. Make its Stroke color #4599ff and set the Weight to 25 pt.

Round the elbow corner slightly and go to Object > Expand to turn the stroke into a curve.

Create a circle (#0d6bc9) in front of the elbow and cut off the extending part, making an elbow plate.

Creating the right arm

Step 13

Start to build a glove by creating a 13.5 x 27 px (#f94675) and a 20 x 27 px (#d42d59) rectangle. Add a 31 x 31 px circle (#f94675) for the fist and a smaller circle for the thumb.

Rotate the hand and attach it to the arm.

Adding a fist

Step 14

One more thing that our diver needs is a vintage underwater lamp to illuminate his path across the seabed.

Make a 40 x 37 px rounded rectangle (#82c7ff) and add one more smaller shape inside by using the Offset Path option, setting the Offset value to -5 px. Set the color of the inner shape to #ebf6fd (1).

Add two 6 x 27 px (#82c7ff) vertical symmetrical rectangles inside the lighter shape (2).

Form a 33.5 x 37.5 px ellipse (#4599ff) below the main part, overlapping its bottom. Hide the ellipse behind the shapes (3).

Create a 37 x 4.5 px stripe (#acd4ef) which goes across the ellipse slightly above its center. Select the ellipse together with the stripe and cut off the lower extending part with the Shape Builder Tool (Shift-M) (4).

Form a 10 x 15 px rectangle (#4599ff) on the top of the lamp, aligning to its middle, and move its top-left and top-right anchors by a few pixels towards the central axis (5).

Build a stripe (#5634b2) going across the middle of the previously created rectangle and remove the outstanding parts (6).

Create a 25 x 42 px rectangle on the top with no Fill, making its Stroke color #4921a1 and setting the Weight to 6 pt. Hide the bottom part of the rectangle behind the lamp and move both top anchors slightly towards the central axis. Then make the top of the shape rounded by pulling the circle indicators to the center, forming a lamp handle (7).

Group all the parts together (Control-G) and place the lamp on the right glove of the diver. Select the circular fist shape of the glove and go to Object > Arrange > Bring to Front, hiding the lamp handle behind the fist (8).

Drawing a vintage lamp

Step 15

Create an air tank by forming a 42.5 x 113 px rounded rectangle (#ba3256) for the main shape and two 42.5 x 7 px (#4921a1) horizontal rectangles for stripes (1).

Build two smaller rectangles of 5 x 7.5 px (#4599ff) and 1.5 x 7.5 px (#0d6bc9) on the diver’s helmet, below the side faceplate (2). It will be the place for attaching the air tube going from the air tank to the helmet.

Grab the Pen Tool (P) and draw an angled line which goes from the top of the air tank to the center of the larger rectangle. Make its Stroke color #b8e2ff and set the Weight to 6 pt. Then make its top-left corner rounded (3).

Go to Object > Expand to turn the stroke into a curve and round its right edge by dragging the circle indicators, finishing the air tube (4).

Our diver is ready for adventures!

Creating an air tank and tube

5. How to Add a Background and Details

Step 1

Add an 800 x 600 px rectangle of #4921a1 for the background. Place our diver and treasure chest in the center part of the composition and add a rounded rectangle (#5634b2) imitating a ground level.

In order to add depth to the illustration, place a simple circle of a lighter color (#5527bd) behind the diver and draw a simple kelp silhouette over the circle, making its color similar to the background Fill.

Spread simple fish and groups of circles, imitating air bubbles, over the illustration, filling empty spaces and creating a well-balanced composition.

Adding a background and a ground level

Step 2

Make our scene more detailed and real by adding additional shadow parts on the diver’s arms, body, and legs.

Imitate a lamp glowing by placing two circles of #5634b2 color in front of the lamp, changing their Blending Mode to Screen while lowering the Opacity levels to 30% in the Transparency panel. 

Working the same way, add light reflections to the chest.

Finishing the composition

Yeah! Our Deep Diving Illustration Is Ready!

Congratulations! You did really great work and can be proud of yourself.

Of course, there is no limit for perfection. You can go further by adding more details like sea creatures and plants, creating your own underwater world as I did in my Deep Diver and Sea Treasure illustration. And you can find even more inspiration on GraphicRiver.

I hope you have enjoyed the process and learned something useful along the way.

Feel free to share how your project looks or ask questions in the comments below. Stay tuned—new adventures are about to come!

The result

How to Create an Easter Basket Illustration in Adobe Illustrator

Final product image
What You’ll Be Creating

The majority of people in Ukraine, the country where I grew up, are Christian. Therefore, Ukrainian culture has a big influence from Christianity, and one of the biggest celebrations in Ukraine is Easter. 

In today’s tutorial I would like to show you how to use basic shapes to create a wonderful image in Adobe Illustrator. You will also learn how to create some decorated Easter eggs and a little chick. As always, we will apply different warp effects to some basic shapes to achieve the beautiful result we want. I think that this image is really festive looking and perfect for the Easter occasion. 

Did you have a chance to check what GraphicRiver has for Easter? If not, make sure to check its wonderful collection. If yes, let’s get started!

1. How to Create the Paska (an Easter Bread)

Step 1

Create a new document (File > New) with 850 px Width and 850 px Height. Let’s start with the special baked Easter bread, which in Ukraine is called paska. Take the Ellipse Tool (L) and create a brown ellipse. Next, we will apply the warp effect to this ellipse. Go to Effect > Warp > Arc Lower and enter the presented options. Expand the shape once you like how it looks (Object > Expand Appearance).

how to create the upper part of the paska

Step 2

Using the Rounded Rectangle Tool, create a lighter rounded rectangle. Place it behind (Control-X, Control-B) the top part.

Now by using the warp effect, we will slightly deform this rounded rectangle to show that it’s round. Select the rounded rectangle and go to Effect > Warp > Arc Lower. In the new window, adjust the presented options. Expand this shape (Object > Expand Appearance). Starting from this step, remember to always expand all transformed objects on which we use the warp effect.

how to create the bottom part of the paska

Step 3

To add frosting on top of the paska, create a light oval on the top part. Now we will add some dimensions to the frosting by making it look as if it is dripping. Double-click on the Warp Tool (Shift-R), and in the pop-up window, select Brush Dimensions: Width and Height around 30 px, Angle 0 degree, Intensity 100 %; Warp options: Detail 2, Simplify 50. These options are approximate, so they can be slightly different in your case. 

Select the ellipse that we just placed as the frosting, and start to spread it over the paska as shown by the arrows. A very important point: select the object before you use the Warp Tool (Shift-R), otherwise you will spread other objects surrounding it.

how to create the frosting

Step 4

Let’s add some sprinkles on top. Add some tiny baby blue and pastel pink rounded rectangles over it (use the Rounded Rectangle Tool). Feel free to change the colors of the sprinkles for a more personal touch.

how to create the sprinkles

Step 5

To finish our paska, we will add a candle on top. First create a green, thin, horizontal rounded rectangle. Then add a tiny orange oval on top and apply the warp effect: Effect > Warp > Inflate (enter the options shown below).

how to create the candle

2. How to Create the Easter Eggs

Step 1

Let’s start with a blue ellipse for an egg. Select the bottom and top anchor points by using the Direct Selection Tool (A), and move them up by pressing the Up Arrow key on the keyboard.

how to create the egg

Step 2

Next, we will work on the decorative pattern of the egg. First, delete the fill color and set the stroke color. Draw a few dark blue and white lines of different thicknesses using the Line Segment Tool (). To have a straight line, hold the Shift key while drawing the line. The line thickness can be changed on the Stroke panel (Window > Stroke) by changing the stroke Weight.

Also add a line of white and blue circles. To do so, create a small circle (use the Ellipse Tool (L) while holding down the Shift key). Make a copy of the circle: while holding the Shift and Alt keys, drag the circle to the right. This way, you’ll create a second copy of the circle, which will be horizontally aligned. While the newly created circle is selected, press Control-D a few more times to repeat the previous step and create a group of circles exactly the same distance from each other. Group them for your convenience (right-click > Group).

To add a zig-zag line, first create a straight line. Then modify it: go to Effect > Distort & Transform > Zig Zag… In the Zig Zag options window, adjust the Size and Ridges per segment to achieve a similar zig-zag effect as in the image below. Don’t forget to select Points: Corner. For your convenience, select Preview while adjusting these options. At the end, click OK.

Place the entire decorative pattern in front of the egg’s base shape, but don’t group all these lines and zig-zags. Next, while keeping it selected, go to Effect > Warp > Arc. In the new window, adjust the options you can see in the image below.

Be sure your transformed decoration is wider than the egg’s base shape. Then expand this decoration (Object > Expand Appearance). Now it is very important to expand it one more time, but this time go to Object > Expand, and then hit OK.

how to create the decoration for the egg

Step 3

Now we need to cut off the unnecessary parts of the decoration. Make a copy of the egg’s base shape in front (Control-C, Control-F), cut it off (Control-X), and place it in front of everything (Control-F). Here’s a little help: when you create a copy in front of the egg’s basic shape, this copy will appear just in front of the egg’s base shape, not in front of the decoration which we created.

Then we need to cut off the copy and place it in front of everything, but this time in front of the egg’s base shape and ornamental decoration.

While keeping this copy in front and the ornament selected, press the Crop button in the Pathfinder panel (Window > Pathfinder). You will end up with the egg’s base shape with a resized piece of decoration on it.

how to crop the decoration

Step 4

Let’s create a dotted Easter egg. Make a copy of the blue egg shape from the previous step. Add a white circle in front of the egg’s base. Make more copies of the circle (move the original circle into different directions while holding the Alt key) and place them all over the egg as you wish.

Once all the dots are placed, we need to cut off the unnecessary parts of the circles which are outside of the egg’s boundaries. Similarly to the previous step, make a copy of the egg’s base in front (Control-C, Control-F), cut it off (Control-X), and place it in front of everything (Control-F). 

While keeping this front copy of the egg’s base selected, select all circles. To select all of the circles at once, grab the Magic Wand Tool (Y) and hit on one of the circles which are visible outside of the egg. By pressing on one of the circles, this tool will select all similar objects, which in this case, are all of the circles. 

Once you’ve selected all the circles along with the top copy of the egg, press the Crop button in the Pathfinder panel. Our dotted Easter egg is now ready!

how to crop the decoration

Step 5

Make two more copies of the dotted Easter egg, and change the color of the dots and the egg’s base.

dotted eggs

Step 6

We can also add a flower pattern to our Easter eggs. To create the flower, we will start with a white circle and a white vertical oval above it. Keep in mind that the black stroke is there only for better visibility, so you don’t actually need it. 

Next, select the oval, hit the Rotate Tool (R) and, while keeping Alt button pressed, click in the middle of the circle. Enter 45 degrees in the new dialogue window and press Copy. To finish the flower, press Control-D six more times.

how to create the simple flower

Step 7

Now create two more copies of the white flower and place them in front of the egg’s base (this time, make it orange). 

Next, as in the previous steps, make a copy of the egg’s base in front (Control-C, Control-F), cut it off (Control-X), and place it in front of everything (Control-F). While keeping this front copy of the egg’s base selected, select all the flowers. (You can use the Magic Wand Tool (Y) as in the previous step). 

Once you have selected all the flowers and the top copy of the egg, press the Crop button in the Pathfinder panel. The Easter egg decorated with flowers is ready!

how to crop the decoration

Step 8

Make another copy of the flower-decorated egg and change its color to pink.

flowered eggs

Now we have six nicely decorated Easter eggs.

all the eggs together

3. How to Create the Easter Basket

Step 1

Create a light brown rectangle and deform it: go to Effect > Warp > Bulge. Enter the options presented below and press OK.

how to create the basket

After that, apply another warp effect (Effect > Warp > Arch) and apply the options shown below.

continue creating the basket

Step 2

For the handle of the basket, create an oval with no fill color and light brown stroke color. On the Stroke panel, adjust the stroke Weight to get a result similar to the one shown below.

Now add a set of darker lines. Create a straight line using the Line Segment Tool () while holding the Shift key. The line thickness can be controlled on the Stroke panel (Window > Stroke) by changing the stroke Weight. To multiply the created line, make a copy of it (holding the Shift and Alt keys and drag the line up) and, while the newly created line is selected, press Control-D a couple of times. Group them for your convenience (right-click > Group) and expand (Object > Expand).

Now apply the Arch effect shown below. Make a copy of the basket base in front (Control-C, Control-F), cut it off (Control-X), and place it in front of everything (Control-F). While keeping this front copy of the basket base selected, select all the lines and press the Crop button in the Pathfinder panel. The basket is ready!

applying stripes to the basket pattern

Step 3

Now place all of the objects to create a nice composition. Be sure that the base of the basket is placed in front of the Easter eggs and paska, which are inside the basket.

Finally, create a darker oval and place it behind everything.

placing all the objects together

4. How to Create the Chick

Step 1

To create the tiny chick, we will start with a yellow oval, which will be deformed by the Arc effect and the options shown below. This is the body of the chick.

how to create the chicks body

Step 2

Next, create an ellipse which is almost a circle and apply another warp effect. This will be the head of the chick.

how to create the chicks head

Step 3

Place the head of the chick on its body, as shown in the image below. Note how the body is slightly tilted. Add a small brown oval and a tiny white circle for the eye.

how to create the chicks eye

Step 4

For the beak, create an orange oval and apply the Arc effect with the options presented below.

how to create the chicks beak

Step 5

Let’s put the beak on the chick. Be sure that the beak is placed behind the head (Control-X, Control-B).

Next, we will add the wing. Create a copy of the body shape, change it to a darker color, make it smaller, and place it on the body. Finally, make another copy of the body shape in front, and shift it up.

how to create the chicks wing

Step 6

To add the tail, create a small yellow oval and modify it with the Arc effect shown.

how to create the chicks tail

Step 7

Make three more copies of the shape, and make two of them slightly thinner. Place two bigger ones as the tail, and two smaller ones as forelocks on the head.

placing the tail and forelock

Step 8

For the chick’s leg, create an oval and place it on the bottom part of the body. Then, create a thin rectangle, slightly rotate it to the left, and attach it behind the oval.

how to create the chicks leg

Step 9

Create a new copy of one of the forelocks, change its color to orange, and place it on the bottom of the leg, as a toe. Create two more copies to give it two more toes.

After that, create a vertical copy of one toe to have the fourth toe. You can also add a few feathers on the leg using the forelock.

Group the whole leg, and make a new copy of it. Make the new leg smaller and place it close to the first one. And our cute chick is ready!

placing the leg and creating another one

Place all the objects together.

placing the chick

5. How to Create the Background

Step 1

For the background, create a square with no stroke color and with 850 px Width and Height. To make the square, select the Rectangle Tool (M), click on your artboard, and then enter the options needed.

how to create the background

Step 2

To finalize the image, add a darker ellipse below as a shadow.

how to create the shadow

Step 3

Place the background and shadow behind the Easter basket and chick: select the background, cut it off (Control-X), and put it behind (Control-B).

placing all the objects on the background

Conclusion

What a wonderful illustration we have created! I hope you like your final outcome and the process. If you want, you can also add some crocuses to your Easter basket—here is the tutorial where I show you how to create these flowers.

Feel free to customize the image to your liking. So now that you have followed this tutorial, I hope that you can create more amazing images in Adobe Illustrator.

See you next time!

final image

How to Create a Golden Camping Trailer in Adobe Illustrator

Final product image
What You’ll Be Creating

In this tutorial I will show you how to create a colorful surfing van using the most basic shapes and tools of Adobe Illustrator. 

If you would like to skip the tutorial and just purchase the result, just go to GraphicRiver to get my Bungalow, Cottage, Trailer and House Set.

1. How to Create a New Document

First we need to set up a New Document (File > New or Control/Command-N) with these settings:

  • Number of Artboards: 1
  • Width: 1200
  • Height: 1200
  • Units: pixels

From the Advanced tab:

  • Color Mode: RGB
  • Raster Effects: Screen
  • Preview Mode: Default
  • Uncheck Align New Objects to Pixel Grid
Creating a new document

2. How to Make the Base and the Roof of the Camping Trailer

Step 1

Let’s start forming a trailer’s body from a 607 x 177 px  #eecf98 rectangle made with the help of the Rectangle Tool (M). 

After creating the rectangle, pick the top-right anchor point with the Direct Selection Tool (A) and press Enter to open the Move window. Set the Horizontal value to -55 px and the Vertical value to 0 px and press OK, moving our anchor to the left.

Building a rectangle

Step 2

Create another 607 x 55 px rectangle with #eecf98 color and place it below the bottom of our main part. Using the Direct Selection Tool (A), select the bottom-right anchor point. Press Enter to open the Move options window again, and set the Horizontal value to -5 px and Vertical value to 0 px, moving the point to the left.

Open the same window for the bottom-left anchor point. Set the Horizontal value to 19 px and Vertical to 0 px, moving our corner to the right.

Adding a second rectangle below

Step 3

Select both shapes together and use the Unite option of the Pathfinder panel to merge them into one shape.

Using a 583 x 8 px rectangle with #4f412f color, form a stripe under the bottom.

Merging the rectangles and adding a stripe

Step 4

Build one more rectangle with 552 x 67 px size on the top of trailer’s body, using #613d26 to color it.

Take the Add Anchor Point Tool (+) and add an additional anchor on the bottom part of the right edge of the shape.

Using the previous method, move the top-right anchor point about 120 px to the left.

Select the top-left corner anchor point of the brown shape with the Direct Selection Tool (A). You can see the Live Corner widget shown inside the corner. Simply grab the widget and pull it to the center, making the corner rounded.

Creating a roof

Step 5

Let’s add an outline to the roof section.

Select the roof shape and go to Object > Path > Offset Path. Enter -4.5 px into the Offset value field and press OK. Set the Fill color of the inner shape to #eecf98.

Take the Direct Selection Tool (A) and drag the bottom side of the resulting shape down while holding down Shift, making it sit on the same level as the top edge of the camper’s body.

Adding an outline to the roof

3. How to Add the Stripes, the Door, and the Windows

Step 1

Time to decorate our camper with stripes.

Build a 750 x 113 px rectangle (#c25c34), placing it under the upper edge of the main trailer shape. 

Form a second 750 x 28.5 px stripe of the same color which goes across the side anchors of the camper base.

Forming two decorative stripes

Step 2

Let’s cut off the parts of the stripes that stand outside the base trailer shape.

Select the stripes together with the main shape. Then use the Shape Builder Tool (Shift-M). While holding the Alt key, click and hold the left mouse button on a free area near the borders of the unwanted stripe part, drag along the outstanding parts, and release the mouse to delete them. Repeat the action for the other side.

Cutting outstanding parts of the stripes

Step 3

Make two 110 x 60 px rectangles (#bfa989) for the windows, placing them near the left and right parts of the larger red stripe.

Select the windows and go to Object > Path > Offset Path. Enter 3 px for the Offset and set the Fill color of the outlines to #613d26.

Building two windows

Step 4

Start creating a door by forming a 96 x 252 px rounded shape (#613d26) on the left part of the trailer near the left window. Leave an empty space between the door and the right window for the smaller window, which we will add later.

Use the Offset Path for the door shape, setting the Offset value to -4.5 px. Change the color of the inner shape to #c25c34.

Build a simple door handle by creating a 14 x 14 px circle with the Ellipse Tool (L) (#4f412f) and a 28.5 x 4.5 px rounded rectangle (#664b2e).

Creating a door

Step 5

Add an 87 x 7.5 px horizontal rounded rectangle under the door, filling it with #45392a.

Form two 4 x 24.5 vertical rectangles of the same color, placing them below the horizontal shape on the left and the right sides, making them overlap the shape.

Add one more horizontal stripe which goes between the two vertical rectangles for the step.

Forming a stair step for the door

Step 6

Let’s add a smaller window on the empty space near the door.

Form a 65 x 65 px rectangle (#613d26) and go to Object > Path > Offset Path, setting the Offset to -4.5 px and coloring the inner shape to #bfa989.

Build a 79 x 7.5 px rectangle of #eecf98 color over the top edge of the window.

Creating a small window

4. How to Add the Wheels, the Stands, and Small Details

Step 1

Take the Ellipse Tool (L) and create a 75.5 x 75.5 px circle of #4f412f color for the wheel. Add two smaller circles inside: one 48 x 48 px circle of #d9b97b color and a 42 x 42 px circle without Fill but with a 2 px stroke of #80624f color.

Create one more 17 x 17 px circle (#fde0a1) in the middle.

Create a small 3 x 3 px circle (#80624f), placing it under the previously created outlined circle without fill. Keeping the smaller circle selected, add the inner circle to the selection and click again on the inner shape, making it a Key ObjectAlign to Key Object is automatically selected in the Control panel and Align panel.

In the Align panel (Window > Align) or Control panel, click on the Horizontal Align Center button.

Forming a wheel

Step 2

Select the small circle, take the Rotate Tool (R), and then Alt/Option-click in the middle of the wheel. In the Rotate panel, set the Angle to 30° and click the Copy button. Press Control-D to repeat the last action, and continue pressing Control-D to add all 12 circles around the center (1).

Start to create a decorative rim by forming a 92 x 32 px rectangle with no Fill and with #fde0a1 color stroke of 9 pt Width, placing it under the top of the wheel and aligning to its center using the Align panel (2).

Drag its top anchors horizontally by 15 px towards the center (just use the Move panel as we did before) (3).

Delete the bottom side by clicking on it with the Direct Selection Tool (A) and pressing Delete (4).

Remove the outstanding top part of the wheel (5) with the help of the Shape Builder Tool (Shift-M) (5).

Using the Pen Tool (P), draw an angled shape sitting on the borders of our rim and hide it behind the wheel (6).

Group (Control-G) all the wheel parts together and put it on the trailer.

Finishing the wheel

Step 3

Let’s create a vent.

Build a 50 x 13.5 px (#222529) rectangle under the small window and form a 3 px outline using the Offset Path method, setting its color to #d9b97b. Add two thin stripes of the same color inside the shape and Group (Control-G) its parts together.

Copy the vent and place the copy over the bottom decorative stripe of the trailer. Make the color of the outlines a bit darker.

Creating vent gratings

Step 4

Time to add a small door on the bottom part of the trailer.

Just form a 83.5 x 34 px rectangle (#c25c34) outside the trailer and slightly round its corners. Add a 4.5 px outline using the Offset Path, setting its color to #fde0a1.

Draw a 16 x 5 px rectangle (#fde0a1) below the top edge of the red inner part, aligning to its middle. Drag its bottom anchors slightly towards the central axis and make them rounded.

Place a 6 x 6 px circle (#d9b97b) in the center of the angled shape and add a small rounded rectangle in the middle (#4f412f), forming a keyhole.

Add two 11.5 x 5 px rectangles (#4f412f) on the bottom edge of the outline for the hinges. Group (Control-G) all the parts together and place the door on the bottom-right part of the trailer.

Building a side door

Step 5

The next part we are going to create is a trailer stand.

Build a 68 x 12 px rectangle, coloring it with #b3532d. Select the shape and go to Object > Transform > Rotate. Set the Angle value to 45 degrees and press OK.

Form a 17 x 17 px rectangle (#eecf98) in front of the bottom part and make its top rounded. Build a 50 x 9 px shape (#d9b97b), attaching it to the bottom edge of the rounded rectangle. Make its upper anchors rounded.

Make a smaller copy of the red rectangle and rotate it by 45 degrees to the left side. Change the color to darker red (#9c4827). Hide the copy behind the larger shape, placing its top anchor on the same level.

Group (Control-G) the parts of the stand and place it on the bottom-left part of our trailer. To make sure that our stand sits on the same level as the bottom of the wheel, use the Vertical Align Bottom option of the Align panel. Then create a reflected copy of the stand on the right side of the camper.

Making two stands

Step 6

Our trailer needs a hitch—a detail which can attach it to a car.

Build a 89 x 15.5 px rectangle (#b3532d), dragging its bottom-right anchor up by a few pixels. 

Add one more 7.5 x 13 px vertical shape (#eecf98) on the right side and two crossing rectangles, using #eecf98 color for the lighter color and #66452e for the darker color.

Hide the crossing shapes between the right vertical rectangle and then hide the three smaller rectangles behind the larger shape.

Group (Control-G) all the parts, putting the resulting hitch behind the bottom-right side of the trailer.

Building a tie-down element

Step 7

Add a few more details to the camper, such as smaller doors, a windscreen, and parking lights.

You can go further by finding some references on the internet and adding your own details.

Adding some smaller details

5. How to Add Shadows and Highlights to the Trailer

To make it look more vivid and real, we need to add some shadows and shiny parts to the trailer.

Step 1

Let’s start by adding reflections to the left window. Select it with the Direct Selection Tool (A), and then right-click and choose Isolate Selected Path from the drop-down menu. The isolated window appears in full color, while the rest of the artwork appears dimmed. Create two long vertical rectangles (#fef7d9) of different widths outside the window shape.

Creating two rectangles for the highlights

Step 2

Selecting the vertical rectangles, go to Object > Transform > Rotate to rotate them by 45 degrees. Drag the angled rectangles to our window and cut off the outstanding pieces. Press Esc to exit isolation mode or just double-click outside of the isolated group.

Create reflections for the other windows, working the same way. Don’t forget to isolate them before making other manipulations.

Adding highlights to the windows

Step 3

Now we will create a highlight on the roof.

Select the main roof shape with the Direct Selection Tool (A) and Copy it, using Control-C. Click Control-F twice to get two copies in front of the main object. Move the top copy up, making it overlap the roof, and then add the second copy to the selection.

Use the Intersect option of the Pathfinder and change the color of the resulting shape to #fde5b6, getting the highlight on the roof.

Making a highlight on the roof

Step 4

Since we have finished the highlights, it’s time to add shadows to the camper.

Select the largest light base of the camper and make two copies in front of it. Drag one copy down, placing its top edge above the lower red stripe.

Stretch the copy horizontally by holding down the Alt key and dragging with the Direct Selection Tool (V), making it fully overlap the base of the trailer.

Add the second copy to the selection and use the Intersect option of the Pathfinder panel. Change the color of the resulting part to #d9b97b.

In the same way, add a shadow to the lower part of the door.

Adding shadows

Step 5

Let’s make a shadow for the wheel. It will be a bit harder.

Double-click on the wheel group to get inside of it. Form a dark grey rectangle overlapping the top part of the wheel. Select the rectangle together with the outer wheel circle and remove the outstanding parts.

Hide the resulting shape behind the top angled wheel guard and go to the Transparency panel, setting the Blending Mode to Multiply while lowering the Opacity to 40%.

Group (Control-G) all the camper parts together.

Creating a shadow for the wheel

6. How to Create a Desert Background

All we need now is a background landscape that suits our camper. We will add a few cacti, a ground level, and a shining moon above the desert which will create the atmosphere. 

Step 1

Let’s start creating the background elements by making two cacti. Use simple rectangles to construct each cactus shape. Then merge them into one figure with the Unite option of the Pathfinder and round the corners by dragging the circle indicator of each anchor. Set the color of the plants to #c7873e.

Drawing two cactuses

Step 2

Make a 830 x 132 px rounded rectangle (#d99b41) for a ground level.

Add two shadow parts on the bottom part by creating darker rectangles and deleting the outstanding parts.

Position the camper on the ground level and spread a few smaller rounded rectangles over the ground to imitate a sand texture.

Forming a ground level

Step 3

Place our cacti near the camper.

Take the Pen Tool (P) and draw a silhouette of desert mountains. You can use some photos from the internet for the reference. I was inspired by Arizona desert views while I was creating these mountains.

Use #cc923d to color the mountains and add a square background, filling it with #f2bc55.

Adding mountains and solid background

Step 4

Add a shining moon of #f7ead7 color with the Ellipse Tool (L), hiding it behind the mountains.

To fill the empty space and add depth to our landscape, create a cloud-like shape behind the moon with the help of the Pen Tool (P) or the Rectangle Tool (M), making the corners of the resulting shape rounded.

Add a simple silhouette of a flying bird, placing it over the moon circle. 

Adding a moon clouds and bird silhouette

Time to Relax!

Congratulations! Our illustration is finished.

Use your imagination and feel the atmosphere of a moonlit night, when night birds and animals are screaming somewhere in the desert mountains while you are enjoying your hot tea on the doorstep of your camper home. Sounds like a good plan for spending a weekend, doesn’t it?

As for me, I hope you enjoyed creating this scene with me and learned some new tricks using the simple tools of Adobe Illustrator.

The resulting illustration

Now you are able to create your own travel scenes based on wonderful places all over the world.

This camping trailer illustration is only a part of my Bungalow, Cottage, Trailer and House Set, and there are far more travel and adventure illustrations in my portfolio on GraphicRiver.

Full set on Graphicriver