Ribbon Banner in Illustrator
● Create a Banner that Looks like a Curved Ribbon with Curved Text.
✓ Text Tool ✓ Warp Text ✓ Drop Shadow ✓ 3D Extrude and Bevel
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 dafont.com and Find a Font that Matches your Project ~
✓ OR- go to http://www.dafont.com/ and search for a font that fits your project theme -
• If you want something that looks like Money, search for that. Get it?
Step #11: Warp ~
✓ Select all the objects by hitting Cmd (⌘)+A + …
✓ … 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 - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]
✓ 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.