Box with Text in Illustrator
● Create a Box with Text coming out.
✓ Manipulate Shapes✓ Gradients✓ Free Transform✓ Type on Path Text Tool
Other People's Work:
Here are some examples of work inspired by this tutorial.
Step #1: Open Your Project in Illustrator ~
✓ Open YOUR CURRENT PROJECT in Illustrator …
… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …
✓ … make a New Layer, and lock your other layers.
Step #2: Grid ~
✓ Turn on the Grid - View > Show Grid …
✓ … and then go to: View > Snap to Grid.
✓ With the grid on, you can precisely snap each points to the grid so that each intersecting shape will line up perfectly.
Step #3: Set your Colors ~
✓ Set the Stroke color to None …
✓ Now click the Gradient icon or hit the keyboard shortcut: Cmd(⌘)+F9 and select Radial.
✓ Pick some gradient colors you like.
✓ Set the other side too …
Step #4: Draw a Square ~
✓ Using the Pen Tool, draw a square.
✓ Close the shape by clicking the Pen Tool where you started.
Step #5: Direct Selection Tool ~
✓ Get the Direct Selection Tool or hit the keyboard shortcut letter (a) …
✓ … and select the Anchor point on the top side.
✓ Now, holding the Shift(⇧) key …
✓ … select the other anchor point on the bottom.
✓ Holding Shift allows you to select more than one object at a time.
Step #6: Adjust the Square ~
✓ Drag the side up a little:
Step #7: Duplicate the Shape ~
✓ Hold the Alt (⌥)/Option key down …
✓ …. click and drag the shape to make a duplicate.
Step #8: Adjust the Box ~
✓ Now you can adjust the shapes to look more like a box.
Step #9: The Inside ~
✓ Again, hold the Alt (⌥) key and make another duplicate.
✓ Click on the Anchor point and you can move it around.
Step #10: Gradients ~
✓ Now, get the Gradient Tool or hit the keyboard shortcut letter (G) …
✓ … and adjust the gradient to look like the shadow is inside the box.
✓ The gradient adjust tool takes a little time to learn. Just do your best.
Step #11: Make the Top ~
✓ Do the same for the top …
✓ … and the lid.
Step #12: Pen Tool ~
✓ Get the PenTool or hit the keyboard shortcut letter (p) and draw a line coming out of the box.
✓ Get the Type on a Path Tool which looks like this:
✓ Click on the line and type some text you can use in your project.
✓ With the text selected, choose a font that suits your project, and modify the style and size in the menu bar.
Step #13: Type on Path Options ~
✓ Then go to: Type > Type on Path > Type on Path Options
✓ … and hit Preview.
✓ Try some of the Effects and see what they do …
Step #14: Create Outlines ~
✓ Get the Selection Tool or hit the keyboard shortcut letter (v) …
✓ … go to: Type > Create Outlines …
✓ … or hit the keyboard shortcut:
✓ … but however you do it, be sure to ALWAYS create outlines of your text.
Step #14: Colors and Effects ~
✓ Go to: Effect > Stylize > Drop Shadow on the text and star shape - try the other effects also - Try different stuff! Make something interesting!
Last Step: Save your Project and Attach ~
✓ Go to: File > Save as … and save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]
✓ Attach it and keep working …
• ALWAYS save your projects like this:
• 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.