In this tutorial you will learn how to use the Mesh Tool to create a retro illustration with realistic photos hanging on a clothesline.

If you'd like to skip this tutorial and wish to purchase the end result, head over to GraphicRiver to purchase Retro photos hanging on a rope.

Let's get started!

1. How to Create the Clothes Pegs

Step 1

Create a brown rectangle. Then, take the Mesh Tool (U) and following the picture below, create a mesh grid. Color certain nodes with certain colors, as seen in the screenshot.

Step 2

Continue with the coloring of the clothespin. Make sure to color the right Mesh nodes!

Step 3

Follow the steps below to make the clothespin more realistic.

Step 4

Finish the wooden part of the item with these three steps.

Step 5

Now, on to the metal part of the pin!

Create a line in the shape of an L with the Pen Tool (P) and apply a gradient to its stroke.

Step 6

Go to Object > Expand to create a mesh out of the shape.

Step 7

Create a node on the bend of our object, making a new row of mesh. It will be helpful later.

Step 8

Unfortunately, the mesh has way too many columns to work with right now, so let's reduce them.

Using the Mesh Tool (U), create a new node in a column you want to remove, and press Delete. Like this, you won't be deleting the original rows—we will need them in order to color it effectively.

Step 9

Continue removing columns, until there are just three left: two on the sides, and one in the middle. Make sure you don't accidentally remove the rows!

Step 10

Stretch the nodes on the top of the shape to give a sharp edge.

Step 11

Make the other end of the shape rounder.

Step 12

Color the edges of the shape with a darker green and create some extra mesh nodes in the indicated positions.

Step 13

Create even more nodes, and then color the nodes in the middle with white to create highlights.

Step 14

Create a long, narrow, brown rectangle for the side of the clothespin.

Step 15

Place the metal part onto the wooden part of the clothespin.

Step 16

Place the narrow rectangle from Step 14 onto the side of the pin.

We're done with our clothespin!

2. How to Create the Mesh Rope

Step 1

Create a part of the rope with Mesh, following the steps below.

Step 2

Create copies of the shape and join them into a rope.

Step 3

Continue copying the parts of the clothesline until your rope is about as long as indicated below.

Step 4

Go to Effect > Warp > Arc and set the Bend value to 25%.

Apply Object > Expand Appearance to keep the bent shape of the rope.

Step 5

Right-click on the object and select Transform > Reflect.

Reflect the shape Horizontally.

Step 6

Repeat the step, but this time reflect the rope Vertically.

Step 7

Finally, shrink the width of the rope a little bit.

3. How to Create the Photos

Step 1

Create a beige rectangle with a mesh grid and color it like a piece of old paper.

Step 2

Now, create a dark brown rectangle and add it onto the old paper.

Step 3

Place the pin on top of our polaroid.

Step 4

Let's create the shadow for the clothespin!

First, create two colored rectangles, one beige and one brown. Set the Opacity of the beige rectangle to 0%. Proceed to Object > Blend > Blend Options. Set the mode to Specified Steps and the number of steps to 30.

Finally, select both rectangles and go to Object > Blend > Make.

Step 5

Place the shadow to the right of the clothespin. Don't forget to "hide" it under the pin and the black part of the photo by adjusting the order of the items in the Layers panel.

You can also rotate the pin a little bit, as I've done below.

Step 6

Create four copies of the whole group and place them in a half circle onto our rope.

4. How to Create the Background

Step 1

Create a mesh sky out of a blue rectangle.

Step 2

Place the clothesline onto the blue background.

Step 3

Make sure the ends of the rope go out of bounds of our sky.

Then create a rectangle, following the size of the blue background, select all the items, and proceed to Right-click > Make Clipping Mask.

Step 4

Now, if you want to add clouds to your illustration, I'll write a tutorial on that soon, so check my instructor profile to see when that is published, and learn how to create realistic clouds!

I've used a square mesh for the cloud in this tutorial instead of the original ellipse.

After you've finished your cloud, go to Edit > Edit Colors > Adjust Colors and set the value of Blue to -10% to give the cloud a more retro look.

Step 5

Arrange the clouds as shown in the pictures.

Every time you place a set of clouds with the indicated opacity, turn off the visibility of the group by clicking the eye icon next to it in the Layers panel.

Step 6

Turn the visibility of all clouds back on (click the eye icon in the Layers panel) to see the end result.

Step 7

Place the clouds behind the clothesline, and you're done!

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 image we recreated in this tutorial.

I hope you enjoyed the tutorial and will be extremely happy to see any results in the comments below!