Ribbon Banner in Illustrator

    ●   Create a Banner that Looks like a Curved Ribbon with Curved Text.

Learn About:

Text Tool Warp Text Drop Shadow 3D Extrude and Bevel

  •   This tutorial is part of the Art Genre, Free Trade and We Can be Heroes! Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.


Step #1: Open your Project in Illustrator ~

Open YOUR PROJECT  in Illustrator


… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …


If you don't have a project started yet, just open Illustrator and hit the keyboard shortcut: Cmd(⌘)+N or go to: File > New … and open a new document 800 x 200 pixels with approximately these settings:

Step #2: Make a Rectangle ~

Get the Rectangle Tool or hit the keyboard shortcut letter (m) …

… and drag out a shape on your artboard.

Step #3: Stroke and Color ~

With the shape selected, change the stroke and fill colors in the menu bar. Also raise the Stroke Weight and whatever else looks good for your project.

Step #4: Appearance Panel ~

With the shape still selected go the Appearance panel (Window > Appearance) …

… and click on Add New Stroke, and change it's color and width to match your color scheme.

Now click the word Stroke

… and set it to align to the inside …

… and try any of the other options to see what you get.

Step #5: Duplicate Shapes ~

Now, holding click and pull the shape over and down a little …

… and squeeze the shape down into a square, a bit lower and off to the side.

Do the other side too …

Step #6: Anchor Points ~

With the two smaller squares selected, go to: Object > Path > Add Anchor Points


and then get the Direct Selection Tool by hitting the keyboard shortcut (a) and squeeze …

Do the other side too …

Step #7: Send to Back ~

Right-Click on the squares and go to: Arrange > Send to Back or hit the keyboard shortcut Shift+Cmd (⌘)+[

Step #8: Corners ~

Get the Zoom Tool or hit the keyboard shortcut (z) …


… and draw a square around the corner to zoom in on that specific part.

Now get the Pen Tool or hit the keyboard shortcut (p) and draw a triangle shape to simulate a shadow …

… fill the shape with a darker color, duplicate and rotate it, and put it on the other side too …

Step #9: Text ~

Get the Text Tool by hitting the keyboard shortcut (t) and write something you can use in your project, pick a font that matches the theme of your project, change the size, color and whatever else looks good to you in the menu bar …

Step #10: OR - Go to and Find a Font that Matches your Project ~

OR- go to and search for a font that fits your project theme -

  •   For instance, if you want a text or font that looks Old, search for that at


  •   If you want something that looks like Money, search for that. Get it?

Step #11: Warp ~

Select all the objects by hitting Cmd (⌘)+A cmd e + a key

… go to: Effect > Warp > Flag and scroll through the choices to find a warp you like.

Step #12: Drop Shadow ~

Select everything again by hitting +A a(⌘) nd go to: Effect > Stylize > Drop Shadow and choose your own settings.

Last Step: Save and Attach ~

Save your work as -]

save as

Attach it!

  •   ALWAYS save your projects using the following naming convention:

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.


Using the proportions image already created above and the guides, see if your face matches up to the ideal proportions.

Other Resources: and