Learn Adobe Illustrator tools in a game

shape-builder_1408x792My team has some cool new learning games for you to try! If you’ve never tried Illustrator before, these games teach three essential skills to get you creating in no time.

Our group has been working on building learning experiences that engage users. We want to hear what you think of these games because we’re working on making them bigger and better, so make sure to leave feedback by clicking on the “Provide feedback in our survey” link on the bottom of each page. Here are the interactive learning games:

How to use the Line tool
How to draw shapes
How to use Shape Builder

Cropping images in Adobe Illustrator — Test this tutorial

100713My design team is testing out a new format—”Visual Tutorials.” The goal is to use simplified visuals to communicate, instead of lots of text. We are currently testing a tutorial for masking an image in Illustrator. You can help us create the most effective content possible by following this link, looking at the tutorial, and giving us some feedback. This might be especially interesting to you if you are interested in topics of semiotics or illustration. Thanks!

Learn Creative Cloud by playing a game

blogpost01Here’s something interesting! Looks like these folks are trying to make a learning game for Creative Cloud. Click here if you want to learn more.

Creating arrows and arrowheads in Illustrator CS6

There are several ways to create an arrow using Illustrator CS6. Here are five different methods that will give you a wide variety of arrows to choose from:

  • Using the Stroke Panel
  • Using Symbols
  • Using Glyphs
  • Using Brushes
  • Using Shapes

Using the Stroke Panel

In Illustrator CS6, turning any line into an arrow with arrowheads and tails is easy.

  1. Create any line (straight or curved) with two end points.
  2. With the line selected, open the Stroke panel by choosing Window > Stroke.
  3. Find the section titled “Arrowheads” and select your arrowhead and tail sections!

Below are some examples of arrows created using the Stroke panel:

Using Symbols

  1. To use the preset symbols in Illustrator CS6, open the Symbols panel by choosing Window > Symbols.
  2. In the Symbols panel, open the fly-out menu, choose “Open Symbols Library” and open the Arrows Library.
  3. From there, just drag and drop your arrows onto your artboard.

Here are some examples of Arrow Symbols:

NoteWhen you make edits to the symbol on your artboard it will apply the change to the symbol in the library. To prevent this, right-click on the symbol you dragged out and click “Break Link to Symbol” before making any alterations to it.

Using Glyphs

  1. You can choose a typeface that contains special arrow characters. To see if a font contains arrow characters, choose Window > Type > Glyphs.
  2. Select the font at the bottom of the panel and scroll through the glyphs (characters) to search for arrows.
  3. Create a text box. Double-click the glyph you would like to use and it will appear in the text box.
  4. To convert the arrow from live text into a graphic icon, select your text box and choose Type > Create Outlines. Converting live text to outlines is important if you would like to edit the text in the same way that you edit objects. For example, you may want to alter the edge of a text character but cannot do so if you don’t convert to outlines.

Here are some examples of arrow glyphs in the typeface Zapf Dingbats:

Using Brushes

  1. To use the arrow brushes, select Window > Brushes.
  2. In the panel fly-out menu, choose Open Brush Library > Arrows.
  3. There are three default arrow libraries in Illustrator CS6 (Special Arrows, Standard Arrows, Pattern Arrows). Open any of the libraries and select any arrow you desire.
  4. Use the Paintbrush tool and paint your arrow onto the artboard. The arrow will follow the motion of your brush.

Here are some examples of arrow created using the Brush Tool:

Using Shapes

Creating your own custom arrows using shapes is very easy with the help of the Pathfinder tool. Here’s a basic example using simple shapes.

  1. Start by creating a rectangle and a triangle.
  2. Position the two so that they overlap slightly and make an arrow shape.
  3. Open the Pathfinder panel by choosing Window > Pathfinder. Select both shapes and choose Unite in the Pathfinder panel.
  4. The two pieces have united to become one! This same process can be used with any number of shapes that you create, so get creative!

More Resources

There you have it… five simple methods to give you a variety of arrows for any of your designing needs! If you’d like to learn more about creating Arrows and Arrowheads using Illustrator CS6, check out these great resources:

[Note from Luanne: This is a post from guest blogger, Michael Jarrott, one of the digital media interns working for me here at Adobe.]

Cropping an image in Illustrator

How do you crop an image in Illustrator? You don’t have to crop the image in Photoshop or Lightroom before you place it in your Illustrator file. There are a few different ways to crop in Illustrator but these two new videos give you some best practices for cropping. In one, Adobe’s Erica Larson shows how to crop with an opacity mask and in the other she shows you how to crop with a clipping mask:

Awesome Adobe Ideas to Illustrator workflow video tutorials

This wonderful illustration was created by Adobe intern Kendall Plant using Adobe Ideas and Adobe Illustrator. Learn how to create a sketch in Ideas, clean it up and add colors, then import it into Illustrator and refine it further. Check out the 3-part video series to master this illustration workflow.

CS5 getting started tutorials

Here are links to tutorials and learning resources that will help you get started with Creative Suite 5. These are for both beginners and experienced users.