EDOBE XDOM EM Manual de usuario descargar pdf (Pagina 29)

Create animations using the Timeline

Last updated 6/15/2014

Changing Text-Specific Properties

Once you have text in your Animate project, there are several text-specific properties that you can use to change its

appearance, as shown in Figure 2. These properties appear in the Text subpanel. Initially, some of the less-used options

may be hidden. Click the button in the lower-left corner of the subpanel to show and hide additional properties. The

names for each of these tools follow CSS (cascading style sheet) naming conventions, so they are lowercase with

hyphens between words.

• font-family. You can choose from several different typefaces. You might not find all the same fonts that you have on

your computer. In web design, you’re limited to fonts that are available to your audience unless you have a way of

providing the font with your project. For more details on fonts and typefaces, see the next section.

• color. Click the swatch, and the standard color picker appears where you can set the color for your text.

• font-size. Dial in font size by number. Next to font-size you see a button called Text Property Unit. Click this to

change the method for specifying font-size.

• font-unit. Animate uses three different units for specifying font size: pixels (px) ems (em) and percentage (%). Pixels

are equivalent to a single dot on a monitor. An em is roughly the size of the letter M. Most web browsers give users

the ability to adjust the size of text, so an em is a unit that changes according to the browser setting. Percentage is a

useful option when designing web content that may be viewed on mobile devices as well as desktop computers.

• font-style. Slants the text so it looks like italics.

• font-weight. Gives you several options such as Thin, Extra Light, Normal, and Extra Bold. The order of options and

their accompanying numbers give you hints for comparing the different weights.

• font-decoration. Use this button to underline text.

• text-align. Just like your word processor, Animate lets you align text right, center, or left. Alignment affects all the

text in the text box. So if you want to create one paragraph aligned right and one paragraph centered, they must be

in separate text boxes.

• text-indent. Indents the first line within a text box. You can change the value in pixels. It doesn't accept negative

numbers to create hanging indents.

• line-height. Use to set the space between lines of text.

• letter-spacing. As the name implies, you can adjust the space between letters. Often used to create distinctive

headlines or company logos, this effect should be used sparingly for normal body text.

1 2 ... 24 25 26 27 28 29 30 31 32 33 34 ... 137 138

Sin comentarios

EDOBE XDOM EM Manual de usuario Pagina 29