Select Page

Follow this step by step tutorial to create a cool vector ribbon style pencil graphic in Illustrator.

ribbon-pencil-tut-Final

We’ll create the vector pencil graphic in Illustrator, then use Photoshop to apply some subtle textures.

ribbon-pencil-tut-1

Start by creating a new document in Illustrator.

Use the Rectangle Tool (M) and click once. In the rectangle options, set the width to 100px and height to 75px.

ribbon-pencil-tut-2

Drag the rectangle towards the left side. With it selected, copy (CMD+C) and paste in the back (CMD+B).

Then while holding Shift, move the copy over to the right 12 spaces (120px).

ribbon-pencil-tut-3

Using the Direct Selection Tool (A), select the top two points of the copy and move them back to the left 12 while holding Shift (120px).

Feel free to change the object colors so you can see the fold effect.

ribbon-pencil-tut-4

Select both objects, copy (CMD+C), paste in the front (CMD+F), and then move right 12 while holding Shift (120px).

Repeat this step two additional times.

ribbon-pencil-tut-5

Now change each object’s color accordingly or as you’d like.

  • Eraser: #FF7BAC
  • Eraser Back: #D3A3B7
  • Pencil: #FCEE21
  • pencil Back: #D3CFA5
  • Graphite: #303030

Now you should have a completed vector ribbon pencil graphic!

If you’d like to add some texture to the graphic – group (CMD+G) and copy everything, then paste it into a new Photoshop document.

ribbon-pencil-tut-6

In Photoshop, I made a light cream background (#FBFAED) and added a subtle pattern texture.

I create a new Layer Mask on the vector smart object and use a subtle grunge brush.

To make the texture pop a little more I added a subtle outer glow layer style to the vector smart object.

ribbon-pencil-tut-Final

I encourage you to experiment.

Enjoy the post?

Please help spread the word by sharing this tutorial!

Also leave any suggestions for future tutorials in the comments below!

Freelance since 2011Proudly working in OhioProudly working in Ohio