Flash Course

Lines

The Line tool is on the "Tools panel", it draws perfectly straight lines in the direction you drag your mouse.
Line tool also has the two modes of drawing: Merge Drawing and Object Drawing.
In Merge Drawing when a line overlaps another line on the same layer, it essentially cuts it into two pieces that can be edited as separate objects.
In Flash, a line is called a stroke and there is a variety of thicknesses (0-200 pixels), styles, colors, and gradient fills that can be applied to it, from the Properties panel (see the image below).

Line properties

Line properties

If you hold Shift while you draw the line, you can easily draw lines perfectly vertical, horizontal or at 45 degrees.

Creating Text

To create text in Flash, click the Text tool on the Tools panel (the pointer becomes a crosshair with a small "T" in the corner), then click the Stage where you want to create a text line or drag to create a text box the size you want that automatically wraps.
To deselect a text box, click anywhere on the Stage outside it.
The text area can anytime be moved and resized after it waz selected with the Selection Tool.

Creating text

Creating text
To modify a text in a deselected text area, select the "Text tool" then click on the text (or double-click on it).
To break editable text boxes into shapes, click Modify -> Break Apart. Then you can edit them with any of the selection tools or pen modifiers.

- In Flash, you can create two types of text: TLF (Text Layout Framework) or Classic.
The options in the Properties panel change according on the type of text chosen.

1. TLF provides advanced text capabilities for text in Flash targeted for Flash Player 10 and ActionScript 3.0 or later.
TLF is indicated when you want to create 3D animated text or a text with a graphic artistic aspect.
TLF has three types: Read Only (text that doesn't change), Selectable (the user will can select and copy the text) and Editable (the user will can modify the text, it can be used for input fields).
You can create columns, rotate text, indent text, change text direction and orientation, change text case, adjust the text baseline, and apply text blending and color effects from the Property panel (see the pictures below).
- Because the Properties panel of the TLF text is too long to be displayed in a single image, I divided it into three images, but in Adobe Flash all these options are in a single panel.

TLF text properties

TLF text properties

TLF text properties 2

TLF text properties 3

2. Classic Text provides the standard capabilities available for a simple text: size, color, font, etc. (see the image below).
There are three types of Classic text: Static (text that doesn't change), Dynamic (text that updates with ActionScript), and Input (text used for form fields).

Classic text properties

Classic text properties

You can use the Free Transform tool to transform text boxes in the same ways you transform other objects. You can scale, rotate, skew and flip text boxes.
In the presentation below you can see an example of how to use some of the text properties.

Using text properties

text_example
- After the presentation starts, to Stop / Play it, right click on it and select / deselect Play option.

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag is used to add lists into <ul> and <ol> elements?
<dt> <dd> <li>
<ul>
 <li>http://coursesweb.net/html/</li>
 <li>http://coursesweb.net/css/</li>
</ul>
Which value of the "display" property creates a block box for the content and ads a bullet marker?
block list-item inline-block
.some_class {
  display: list-item;
}
Which instruction converts a JavaScript object into a JSON string.
JSON.parse() JSON.stringify eval()
var obj = {
 "courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}
Indicate the PHP class used to work with HTML and XML content in PHP.
stdClass PDO DOMDocument
$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net
Line and Text

Last accessed pages

  1. Vue JS - Transition and Animation (490)
  2. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (141749)
  3. Node.js Move and Copy file (28420)
  4. MouseEvent - Events for Mouse (2909)
  5. PHPMailer (2311)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (473)
  2. CSS cursor property - Custom Cursors (79)
  3. The Mastery of Love (70)
  4. PHP-MySQL free course, online tutorials PHP MySQL code (62)
  5. CSS3 2D transforms (46)