LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Creating Text with Adobe Illustrator for After Effects

COW Library : Adobe Illustrator Tutorials : Mark Simpson : Creating Text with Adobe Illustrator for After Effects
Creating Text with Adobe Illustrator for After Effects

by Mark Simpson,
JAM Digital, Redondo Beach, California, USA
©2001 by Mark Simpson. All rights are reserved.Used at CreativeCow.net by kind permission of the author.

Mark Simpson ARTICLE FOCUS:
This tutorial is in response to the many requests about how to use Adobe Illustrator to make the text files for the 'Animating Skies and Writing Text with Light' tutorial Mark Simpson wrote demonstrating the Foundry 'Tinderbox' set of Plug-ins for After Effects. This simple tutorial focuses on creating text for the aforementioned tutorial, but is useful for creating any text for use in AE.


PART A: Creating Basic Text with the 'Text Tool'


1) Select the 'text' tool from the tools palette

2) Click in the work area, and type in some text
The text tool
The 'Text' Tool



3) Click/Drag the cursor back over the text you just typed, causing it to be highlighted,or use the 'selection' tool from the tools palette to select the text so that its bounding box is visible.

Text highlighted Using Text Cursor
Text Highlighted Using Text Cursor


Text Highlighted Using 'Selection' Tool
Text Highlighted Using 'Selection' Tool



4) Use the 'Character' palette to select the Font, size, tracking, etc.


The 'Character' Palette



5) In the 'color' palette, select the text color, and the fill color, by alternately selecting the 'fill' icon (then setting it's color), then selecting the 'stoke' icon (then setting it's color)

6) Next to the color bar, there is a white square with a diagonal red line through it. Click on this to turn off stroke or fill. Which is affected is determined by which icon is selected.

7) Turn stroke or fill back on by selecting the proper icon and choosing it's color (either in the color bar, or the small box under the icon that appears when an icon that is currently off is selected)

The 'Color' Palette and the 'Stroke' Palette
The 'Color' Palette and the 'Stroke' Palette



8) Set stroke attributes in the 'stroke' palette

That's the basics of text creation in Adobe Illustrator.

Part B: Now that you know how to create text do the following for the tutorial:


a) Create some text. Set it's font size, style, spacing, etc.


b) Turn on the fill and stroke for the text and set both to white. Set the stroke attributes. Save this file in Illustrator format. This will be your 'filled' text file.


c) Turn off the fill and save the file in Illustrator format. This will be your 'stroked' text file.


Working on the "Animating Skies and Writing Text With Light" Tutorial? Return to tutorial.




Enjoy,
Mark Simpson

If you don't have the Tinderbox for After Effects, download a demo from The Foundry.

---Mark Simpson is a leader in the Adobe After Effects Creative COW. Would you like to know more about Mark and see other articles written by him? Click here.

    ###




Related Articles / Tutorials:
Adobe Illustrator
Creating a Helix in Adobe Illustrator - Part 3

Creating a Helix in Adobe Illustrator - Part 3
  Play Video
In Part 3 of this 3 part Adobe Illustrator tutorial series, Vincent Rosati shows you how to perform flat shading on the helix created in the previous tutorials.

Tutorial, Video Tutorial
Vincent Rosati
Adobe Illustrator
Creating a Helix in Adobe Illustrator - Part 2

Creating a Helix in Adobe Illustrator - Part 2
  Play Video
In Part 2 of this 3 part Adobe Illustrator tutorial series, Vincent Rosati uses the pen tool to draw the helix structure.

Tutorial, Video Tutorial
Vincent Rosati
Adobe Illustrator
Creating a Helix in Adobe Illustrator - Part 1

Creating a Helix in Adobe Illustrator - Part 1
  Play Video
In Part 1 of this 3 part Adobe Illustrator tutorial series, Vincent Rosati explains how to use the free transform tool to take the first step in creating a helix with AI. This series will get you through many challenges including using the free-transform tool in a perspective environment, creating the illusion of wrapping a shape around another and shading using the pathfinder tool.

Tutorial, Video Tutorial
Vincent Rosati
Adobe Illustrator
Radial Patterns with Adobe IllustratorRadial Patterns with Adobe Illustrator
  Play Video
In this video tutorial Creative COW leader Vince Rosati presents a simple technique to use an obscure function in the rotate tool to quickly create radial patterns in Adobe Illustrator. Use this technique with gradients or more complex shapes to create incredible radial patterns.

Tutorial, Video Tutorial
Vincent Rosati
Adobe Illustrator
Adobe Illustrator for Video and Film

Adobe Illustrator for Video and Film

In this Adobe Illustrator review from The Creative COW Magazine, Tim Wilson looks at the ways that Adobe's Illustrator CS3 is designed with video and film artists in mind.

Review
Tim Wilson
Adobe Illustrator
Creating a Cartoon from Video

Creating a Cartoon from Video
  Play Video
In this 3-part tutorial, Creative cow leader Aharon Rabinowitz explains the process of converting video to cartoon by using only After Effects and Adobe Illustrator CS2. While the tutorial spans 50 minutes and covers a wide range of topics (some in depth and some in general), after you have gone through the process once, you will find that it's easy to adapt the Cartoonification technique to your own needs.

Tutorial, Video Tutorial
Aharon Rabinowitz
Adobe Illustrator
Inside Adobe Illustrator CS - Live Paint

Inside Adobe Illustrator CS - Live Paint
  Play Video
In this video tutorial, Creative COW Leader Franklin McMahon demonstrates the new Live Paint feature in Adobe Illustrator CS 2 which makes coloring vector images a snap.

Tutorial, Video Tutorial
Franklin McMahon
Adobe Illustrator
Inside Adobe Illustrator CS - New Features

Inside Adobe Illustrator CS - New Features
  Play Video
In this video tutorial, Creative COW Leader Franklin McMahon examines some of the new features in Adobe Illustrator CS 2 including the control palette, underline links, custom work spaces and exports such as SWF, SVG and PDF.

Tutorial, Video Tutorial
Franklin McMahon
Adobe Illustrator
Inside Adobe Illustrator CS - LIVE TRACE

Inside Adobe Illustrator CS - LIVE TRACE
  Play Video
In this video tutorial, Creative COW Leader Franklin McMahon goes over the new Live Trace feature in Adobe Illustrator CS 2.0 that helps create bitmap images to vector illustrations.

Tutorial, Video Tutorial
Franklin McMahon
Adobe Illustrator
Creating Customizable Dashed Lines with Adobe Illustrator

Creating Customizable Dashed Lines with Adobe Illustrator

This mini-tutorial is for those who've often worked in Illustrator and have needed to turn a dashed line into individually selectable shapes. This may also be useful for pasting dotted path shapes into After Effects or other applications.

Tutorial
Seth Taylor
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]