Summary:

Text Boxes in Flash

    ●   Text and Font are very important for your story. Words must stand-out against the background and be easily readable.


Learn About:

Rectangle PropertiesFilters Symbols Text Tool

  •   This tutorial is part of the Aesop's Fables and Drag and Drop projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

       

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #1: Open your Project in Flash ~

Open YOUR PROJECT in Flash

 

 

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

… add a New Layer and name it.


Lock all the layers you're not using.


Step #2: Rectangle Radius ~

Select the Rectangle Tool or hit the keyboard shortcut letter (r) …

… under Rectangle Options, set the corner radius - 15 is average but set it to whatever dimension you want.

rectangle corner radius


Step #3: Color ~

Open Fill and Stroke and set the Stroke Color to none …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


… and draw a box.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


It doesn't have to be Yellow! Choose your own colors based on the color scheme of your project.


Step #4: Convert your Shape to a Movie Clip~

Using the Selection Tool (v) again …

selection tool

DOUBLE-click on the box:

Double-Clicking selects both the inner AND outer shapes.


Hit f8(or Right-Click and select: ) and make a Movie Clip.

Be sure to convert the image to a Movie Clip, not a button or graphic.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #5: Filters ~

Go to Filters in the Properties menu …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… and add Bevel to the box and adjust the strength to your liking.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Also add Drop Shadow to the box.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #6: Text ~

Insert another New Layer ABOVE the Box layer & call it Text.

layer text

Select the Text Tool or hit the keyboard shortcut letter (t) …

text tool

… and type your text, instructions, title, anything you need, in the box.


Adjust the color, font & text size in the properties panel:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Note: You don't have to use these settings. Choose your own preferences according to the needs of your project.


Step #7: Embed the Font ~

When you have everything looking the way you want it, hit Embed …

… and select All:


Step #8: Text Filters~

Filters add contrast so your text can be seen clearly against the background.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Try different things, experiment!


As always, Lock your Layers when done:


Last Step: Save and View your work ~

View your work by hitting the keyboard shortcut: Cmd(⌘)+Enter cmd enter

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

•   ALWAYS save your projects using the following naming convention:
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.