Today’s essential question: How can use Adobe Illustrator to create the graphics I will later animate in Flash?
Part 1: How to Convert Text to Vector Outlines in Adobe Illustrator
- Select the type tool.
- Change the size and typeface from the drop down menu at the top of the screen. Choose a large size (72-200pt) so you will be able to see your word.
- Type some text.
- Select the selection tool.
- Type -> Create Outlines
- Object -> Ungroup
This will separate the letters.
- You can now move, scale and rotate individual letters with the selection tool.
- You can also select and move individual points on a letter with the direct selection tool.
- You can delete points by clicking and holding on the pen tool to bring up the Delete Anchor Point tool, and using it to delete any points that you do not want.
- You can also use the shape tools such as the rectangle tool to draw parts of the letters back in as separate shapes, like in the example below:
- Make sure you save your file as an Ai and PNG and post your progress to your blog.
Why might you want to convert each letter (or even part of a letter) into separate graphics before bringing them into Flash?
The videos below were created with letters that were first separated into pieces before being animated:
Part 2: How to Import Vector Graphics into Flash
- Make a new Flash file
- File -> Import -> Import to Library
- Select “Convert to Flash Layers”
- Go to the library and drag each graphic onto its own layer in your timeline.
Today we will:
- create our word graphics in Illustrator
- save our file as both a Ai and PNG
- import our graphics into Flash
- make a new blog post with images of our progress
- back all our files up to our animation folders in our Google Drives