
3.3 设置文本格式
在舞台上创建文本之后,常常需要对文本进行编辑、修改,以满足设计需要。例如,设置文本的行距和对齐方式、将静态文本转换为动态文本或输入文本、将文本转化为矢量图形并进行填充,等等。
3.3.1 设置段落属性
文本的段落属性包括对齐方式和边界间距两项内容。
1. 对齐方式
执行“文本”|“对齐”命令,在弹出的子菜单中可以设置段落的对齐方式,如图3-23所示。
选中舞台上的文本后,通过“文本工具”属性设置面板中的四个对齐按钮也可以对齐文本。如图3-24所示,从左到右依次表示左对齐、居中对齐、右对齐、两端对齐。
2. 间距和边距
选中要设置段落格式的文本,调出“属性”面板,单击“属性”面板上的“间距”和“边距”右侧的文本字段,可以设置间距和边距,如图3-25所示。

图3-23 “对齐”子菜单

图3-24 设置对齐方式

图3-25 设置间距和边距
:设置文本的缩进量,即文本距离文本框或文本区域左边缘的距离。当数值为正时,表示文本在文本框或文本区域左边缘的右边;当数值为负时,表示文本在文本框或文本区域左边缘的左边。
:设置行间距。当数值为正时,表示两行文本处于相离状态,当数值为负时,表示两行文本处于相交状态。
:设置左边距,即文本内容距离文本框或文本区域左边缘的距离。
:设置右边距,即文本内容距离文本框或文本区域右边缘的距离。
3.3.2 转换文本类型
Animate CC 2018文本类型有三种:静态文本、动态文本、输入文本,其中静态文本是系统默认的文本类型。在动画制作过程中,用户可以轻松地转换文本类型。
(1)在舞台上选中需要进行转换的文本。
(2)打开“属性”面板,在“文本类型”下拉列表框中选择将要转换的目标类型,如图3-26所示。

图3-26 转换文本类型
3.3.3 分散文字
分散文字就是将文字转换为矢量图形。将文字转化成矢量图形后,用户就可以像编辑图形一样修改文字的属性,例如选择位图、渐变色等填充效果创建图案文本,或者使用橡皮擦工具删除文字的一部分,从而创建特殊的效果。此外,为了在观看动画作品时能够正确显示动画中的字体,通常也需要分解文本并将它转化为形状。
(1)选中舞台上需要打散的文本,如图3-27所示。
(2)执行“修改”|“分离”命令,此时,文本中的每个字符被放置在单独的文本块中,如图3-28所示。
注意
可滚动文本字段中的文字不能使用“分离”命令。
(3)再次执行“修改”|“分离”命令。此时,文本中的每个字符均被转换为矢量图形,如图3-29所示。

图3-27 输入的文本

图3-28 第一次分离的文字

图3-29 应用了两次“分离”命令
此时,可以像编辑矢量图形一样对分离后的文本进行修改、描边、填充等操作。例如,使用“部分选取工具”单击分离后的第一个字母,可以看到字母四周显示的路径点,如图3-30所示。
使用墨水瓶工具在文本的边缘上单击,可为文本描边,效果如图3-31所示;使用选择工具选中填充色块,按下Delete键可以删除填充色块,如图3-32所示。还可以使用位图填充分离后的文本,效果如图3-33所示。

图3-30 显示路径点

图3-31 文本填充效果

图3-32 删除填充色块

图3-33 位图填充效果
注意
分散文字的过程是不可逆的。也就是说,可以将文字转变成矢量图形,但不能将矢量图形转变成单个的文字或文本。即使重新组合字符或者把它们转换成为元件,也不能再应用字体、字距或是段落选项。
3.3.4 上机练习——霓虹灯

3-2 上机练习——霓虹灯
练习目标
本节通过一个霓虹灯的实例对前面章节中所有的知识加以综合应用,使读者掌握创建文本、分散文本,对文本进行描边、填充和修饰的方法。
设计思路
首先使用“椭圆工具”和“矩形工具”绘制基本图形,并进行填充;然后使用“文本工具”创建文本,通过打散文字,对文本进行描边和填充,最后组合文本和图形,最终效果如图3-34所示。黑色的背景,径向渐变的文字,黄色柔化的轮廓线,再加上许多迷人的光斑,就像都市夜景的霓虹灯,给人一种梦幻的感觉。

图3-34 霓虹灯效果图
操作步骤
(1)新建一个Animate CC 2018文档(ActionScript 3.0),背景颜色为黑色。
(2)选择“椭圆工具”,在属性面板上设置笔触颜色无,填充色任意,按住Shift键在舞台上绘制一个圆形。
(3)选择绘制的图形,执行“窗口”|“颜色”命令,打开“颜色”面板,在右上角的颜色类型下拉列表中选择“径向渐变”,单击面板下方的渐变色带,添加颜色游标,并设置颜色游标从左到右分别为红色、淡黄色、蓝色、绿色、黄色,如图3-35(a)所示。设置完成后的图形效果如图3-35(b)所示。
提示:
有关“颜色”面板的使用方法请参见第4章的介绍。
(4)执行“修改”|“形状”|“柔化填充边缘”命令,在弹出的“柔化填充边缘”对话框中设置“距离”为30像素,“步长数”为14,“方向”为“扩散”,如图3-36(a)所示。设置完成后,单击“确定”按钮,柔化后的图形如图3-36(b)所示。

图3-35 图形的填充效果

图3-36 柔化参数和效果
(5)在工具箱中单击“矩形工具”和“对象绘制”按钮,在属性面板上设置无笔触颜色。然后打开“颜色”面板,设置“颜色类型”为“线性渐变”,并在面板底部的渐变色带上单击添加一个颜色游标,设置游标的颜色从左到右依次为蓝色、绿色、红色,如图3-37(a)所示。在舞台上绘制一个矩形,移动到如图3-37(b)所示位置。
(6)使用“任意变形工具”单击矩形,将矩形的变形中心点拖放到圆心处,如图3-38所示。

图3-37 绘制矩形

图3-38 移动变形中心点位置
(7)执行“窗口”|“变形”命令,打开“变形”面板,选中“旋转”单选按钮,设置旋转角度为45,然后单击“重制选区和变形”按钮7次,如图3-39所示。此时的舞台效果如图3-40所示。

图3-39 设置变形参数

图3-40 变形结果
(8)使用“选择工具”选中舞台上的所有对象,执行“修改”|“组合”命令,将它们组成一个整体,然后将它们拖到舞台之外的粘贴板。
(9)选择“文本工具”,在“属性”面板上设置字体为Broadway,大小为120,颜色为蓝色,在舞台中单击输入字符串“SayHi”,如图3-41所示。选中文本,连续执行两次“修改”|“分离”命令,将文字打散,然后单击舞台上的空白区域取消选中的文字。
(10)选择“墨水瓶工具”,在“属性”面板上设置笔触大小为3、颜色为黄色,在文本轮廓上单击,可以看到文字的边缘增加了黄色的轮廓线,如图3-42所示。

图3-41 输入的文本

图3-42 文本描边效果
(11)按住Shift键选中文本的所有填充区域,在“颜色”面板中设置颜色类型为“线性渐变”,颜色游标从左到右如图3-43(a)所示,文本的填充效果如图3-43(b)所示。
(12)选择“渐变变形工具”,在舞台上单击文本,通过鼠标拖动手柄调整渐变填充色块的颜色深浅以及倾斜度,效果如图3-44所示。然后选中所有文本,执行“修改”|“组合”命令,将文本组成一个群体。

图3-43 填充文本

图3-44 调整渐变效果
(13)选中粘贴板上的光斑图形,将其复制多份,然后拖到舞台上适当的位置,最后的效果如图3-34所示。