Summary:

Pow! Text in Illustrator

    ●  Create Text in Ilustrator and make it Blink in Photoshop.


Learn About:

Duplicating Text Downloading FontsShear Transform Filter
Selection Tools Pathfinder

  •   This tutorial is part of the Comic Book Cover Project.

Other People's Work:

Here are examples of work inspired by this tutorial.

Step #1: Open a New Document in Illustrator ~

Open YOUR PROJECT in Illustrator and create a New Layer.

new-layer-background-hero.png

 

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

 

 

 

 


Step #2: Type Your Text ~

Get the Type Tool or hit the keyboard shortcut letter (t) …

type tool

… draw a box and type something you can use:

For Instance:

 

… (Remember: all these tutorials are intended to be applied to YOUR PROJECT) …


Step #3: Download and Install an Appropriate Font ~

Download An Interesting Font you could use in your work.


  •   Go to: http://www.dafont.com/theme.php?cat=102 and download a font that fits your theme.
 
  •   Look for big Bold fonts appropriate to your project.


When you find a font that matches your project, Right-Click and save the file to your desktop, or somewhere you can find it …

download font

… then go to your Downloads (probably Window > Downloads), open it, and double-click on the .tff file(s) …

ttf file

… when Font Book opens, click Install Font.

font book install

Select your Font in the Character panel …

… select Size here …

… and Colo r in the menu bar - something loud and obnoxious like Red, Yellow or Orange …

orange color text


Step #4: Create Outlines ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

… go to: Type > Create Outlines


 

 

… or hit the keyboard shortcut:

shift key+ +

 

 

… but however you do it, be sure to ALWAYS create outlines of your text.

 


Step #5: Duplicate the Text ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

Selecton Tool

… hold down the Alt (⌥)/Optionalt option key and make a duplicate of the text.


Step #6: Color and Arrange ~

Change the color of the text to something darker …

darker color

  … also, Right-Click, click Arrange and hit "Send Backward."

sorr send to back

  Lastly, move the duplicated text so it is off-center just a little.


Step #7: Transform > Shear ~

 Select both texts with the Selection Tool …

 … then Right-Click and hit:  Transform > Shear.

transform shear

 Set the Shear to anything you like, start with this:

shear


Step #3: Create 2 Star Shapes ~

 Lock your Text Layer …

 … create another New Layer below your text layer and get the Star Tool which is behind the Rectangle Tool …

… click somewhere on the Artbord with the Star Tool

… and set the number of points for your star - Try 9 or 10 to start with.

star points

Then do it again! That's right! Make 2 stars.

star shape text


Step #10: Adjust the Shapes ~

 Now get the Selection Tool or hit the keyboard shortcut letter (v) and adjust the shapes to overlap each other …


Step #11: Combine Both Shapes ~

 While holding Shift, select both shapes …

 … then go to: Window > Pathfinder or hit the keyboard shortcut shift key+ cmd key+ o key and select Unite.

unite pathfinder

Now they're together!


Step #12: Direct Selection Tool ~

Get the Direct Selection Tool or hit the keyboard shortcut letter (a) …

direct selection tool

… adjust the anchor points and add color.


Last Step: Save your Project and Attach ~

Go to: File > Save as … and save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]

save as an ai

Attach it and keep working …


  •   ALWAYS save your projects like this: FIRST_NAME_LAST_NAME_PROJECT_NAME


  •   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.


Other Resources: http://vector.tutsplus.com/tutorials/tools-tips/quick-tip-creating-a-bazinga-text-treatment-in-adobe-illustrator/ and http://www.dafont.com/vtc-supermarket-sale.font or http://www.dafont.com/yard-sale.font