![Animate CC 2018中文版入门与提高](https://wfqqreader-1252317822.image.myqcloud.com/cover/755/26542755/b_26542755.jpg)
3.3 设置文本格式
在舞台上创建文本之后,常常需要对文本进行编辑、修改,以满足设计需要。例如,设置文本的行距和对齐方式、将静态文本转换为动态文本或输入文本、将文本转化为矢量图形并进行填充,等等。
3.3.1 设置段落属性
文本的段落属性包括对齐方式和边界间距两项内容。
1. 对齐方式
执行“文本”|“对齐”命令,在弹出的子菜单中可以设置段落的对齐方式,如图3-23所示。
选中舞台上的文本后,通过“文本工具”属性设置面板中的四个对齐按钮也可以对齐文本。如图3-24所示,从左到右依次表示左对齐、居中对齐、右对齐、两端对齐。
2. 间距和边距
选中要设置段落格式的文本,调出“属性”面板,单击“属性”面板上的“间距”和“边距”右侧的文本字段,可以设置间距和边距,如图3-25所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P110_8524.jpg?sign=1739185419-4BOMdqNbJmmxuY9t2NvKXM3O9BMwjRMd-0-a4a803349e437af4d78e66048bf4acff)
图3-23 “对齐”子菜单
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P110_8525.jpg?sign=1739185419-dsbrXVD16zEYqOiRWpBhnQF6F4bCwxzP-0-7637f8f4d04904128f09694528e240d4)
图3-24 设置对齐方式
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P110_8526.jpg?sign=1739185419-HC2NwDZhkHXxWc4jn0fDnkZEfXgwo9co-0-8432f8502da38a236cc953748b12a48d)
图3-25 设置间距和边距
:设置文本的缩进量,即文本距离文本框或文本区域左边缘的距离。当数值为正时,表示文本在文本框或文本区域左边缘的右边;当数值为负时,表示文本在文本框或文本区域左边缘的左边。
:设置行间距。当数值为正时,表示两行文本处于相离状态,当数值为负时,表示两行文本处于相交状态。
:设置左边距,即文本内容距离文本框或文本区域左边缘的距离。
:设置右边距,即文本内容距离文本框或文本区域右边缘的距离。
3.3.2 转换文本类型
Animate CC 2018文本类型有三种:静态文本、动态文本、输入文本,其中静态文本是系统默认的文本类型。在动画制作过程中,用户可以轻松地转换文本类型。
(1)在舞台上选中需要进行转换的文本。
(2)打开“属性”面板,在“文本类型”下拉列表框中选择将要转换的目标类型,如图3-26所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P110_8599.jpg?sign=1739185419-cyg0u7hghpW0Umqv0XKtfcM2LOwR82O2-0-74a77a19e67f6d692bc89509ccc41a20)
图3-26 转换文本类型
3.3.3 分散文字
分散文字就是将文字转换为矢量图形。将文字转化成矢量图形后,用户就可以像编辑图形一样修改文字的属性,例如选择位图、渐变色等填充效果创建图案文本,或者使用橡皮擦工具删除文字的一部分,从而创建特殊的效果。此外,为了在观看动画作品时能够正确显示动画中的字体,通常也需要分解文本并将它转化为形状。
(1)选中舞台上需要打散的文本,如图3-27所示。
(2)执行“修改”|“分离”命令,此时,文本中的每个字符被放置在单独的文本块中,如图3-28所示。
注意
可滚动文本字段中的文字不能使用“分离”命令。
(3)再次执行“修改”|“分离”命令。此时,文本中的每个字符均被转换为矢量图形,如图3-29所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P110_8593.jpg?sign=1739185419-dUhqbpXPNtjDzXT5X2M9689KPBXAbdEh-0-1c36c6020ee835d513bc50e8c0f285cc)
图3-27 输入的文本
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P110_8594.jpg?sign=1739185419-mj79zoaZJtCsbMV3PUSL9i2eq7LO8SkW-0-0ee2922f0e8befe9d357431f2b133c62)
图3-28 第一次分离的文字
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P110_8595.jpg?sign=1739185419-EoLty0BCkSyF6ll56VY6gfsSdzx2GUSH-0-100bd704bbefabe5d855b2ccd7ed3712)
图3-29 应用了两次“分离”命令
此时,可以像编辑矢量图形一样对分离后的文本进行修改、描边、填充等操作。例如,使用“部分选取工具”单击分离后的第一个字母,可以看到字母四周显示的路径点,如图3-30所示。
使用墨水瓶工具在文本的边缘上单击,可为文本描边,效果如图3-31所示;使用选择工具选中填充色块,按下Delete键可以删除填充色块,如图3-32所示。还可以使用位图填充分离后的文本,效果如图3-33所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P111_8612.jpg?sign=1739185419-XLv81bH14VYO8nxlZsCQQzToZhiXx4X9-0-d850e13ac5d87f88724a088f5a483a30)
图3-30 显示路径点
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P111_8613.jpg?sign=1739185419-uZiy9NUSPC8AX8ooFLSZ45WgHwY5M14Q-0-ef4547f31b3eadfd8d9eead24f9efaa8)
图3-31 文本填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P111_8614.jpg?sign=1739185419-MRMh8gV8ZQddCUz1LbKFSGyV0WcgW7Oh-0-a7696ce58fdbed70d21cd1ea050926f9)
图3-32 删除填充色块
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P111_8615.jpg?sign=1739185419-3gHAPGZnL8CCwVnUtANDchQ4yhM1RqfU-0-a9eacf45c815d68e5b1bdaa54aa89e7b)
图3-33 位图填充效果
注意
分散文字的过程是不可逆的。也就是说,可以将文字转变成矢量图形,但不能将矢量图形转变成单个的文字或文本。即使重新组合字符或者把它们转换成为元件,也不能再应用字体、字距或是段落选项。
3.3.4 上机练习——霓虹灯
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P111_8755.jpg?sign=1739185419-vuB3LsKfFCUkK4ijeIqa0Ab85YXloiI5-0-8e3fa1f4460ff6990340f46af7dcf2eb)
3-2 上机练习——霓虹灯
练习目标
本节通过一个霓虹灯的实例对前面章节中所有的知识加以综合应用,使读者掌握创建文本、分散文本,对文本进行描边、填充和修饰的方法。
设计思路
首先使用“椭圆工具”和“矩形工具”绘制基本图形,并进行填充;然后使用“文本工具”创建文本,通过打散文字,对文本进行描边和填充,最后组合文本和图形,最终效果如图3-34所示。黑色的背景,径向渐变的文字,黄色柔化的轮廓线,再加上许多迷人的光斑,就像都市夜景的霓虹灯,给人一种梦幻的感觉。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P111_8735.jpg?sign=1739185419-qHJhtyLvnBFAhPAvlmPatt4qpvLIQ8mn-0-c56425ac5821508c58f3c03210eb814f)
图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)所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P112_8793.jpg?sign=1739185419-FAvv3tvjMtBdV9hElEqLIKs7LXJdtedc-0-691a26928b3449375ac7789207648862)
图3-35 图形的填充效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P112_8794.jpg?sign=1739185419-FFFkPhM4GE2EQf15sHOlZLIm45cCqaIG-0-42f2931ee3fdec1809b8f84d6af9ad25)
图3-36 柔化参数和效果
(5)在工具箱中单击“矩形工具”和“对象绘制”按钮,在属性面板上设置无笔触颜色。然后打开“颜色”面板,设置“颜色类型”为“线性渐变”,并在面板底部的渐变色带上单击添加一个颜色游标,设置游标的颜色从左到右依次为蓝色、绿色、红色,如图3-37(a)所示。在舞台上绘制一个矩形,移动到如图3-37(b)所示位置。
(6)使用“任意变形工具”单击矩形,将矩形的变形中心点拖放到圆心处,如图3-38所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P112_8798.jpg?sign=1739185419-f5ymNxw3vrJiwRrkOOiasDoRz47yxa36-0-04581a71bbec3bea8d93dcc969bfea40)
图3-37 绘制矩形
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P112_8799.jpg?sign=1739185419-ps6W16CSMIL4E9Zqj9KaMmnLx8FqH0x4-0-50227916b8fb85f66775186411be33a1)
图3-38 移动变形中心点位置
(7)执行“窗口”|“变形”命令,打开“变形”面板,选中“旋转”单选按钮,设置旋转角度为45,然后单击“重制选区和变形”按钮7次,如图3-39所示。此时的舞台效果如图3-40所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P113_8813.jpg?sign=1739185419-M6z3fymrtYq5hpuWk95KGklPXk5hn60g-0-0af1c4d301c9df35fde883784f8ff4a3)
图3-39 设置变形参数
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P113_8814.jpg?sign=1739185419-nKmVDIxuTPSPGTbP6c5b0Jp7I3bGj2zO-0-d684c66faacfdf36a67f6a64f24747f6)
图3-40 变形结果
(8)使用“选择工具”选中舞台上的所有对象,执行“修改”|“组合”命令,将它们组成一个整体,然后将它们拖到舞台之外的粘贴板。
(9)选择“文本工具”,在“属性”面板上设置字体为Broadway,大小为120,颜色为蓝色,在舞台中单击输入字符串“SayHi”,如图3-41所示。选中文本,连续执行两次“修改”|“分离”命令,将文字打散,然后单击舞台上的空白区域取消选中的文字。
(10)选择“墨水瓶工具”,在“属性”面板上设置笔触大小为3、颜色为黄色,在文本轮廓上单击,可以看到文字的边缘增加了黄色的轮廓线,如图3-42所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P113_8818.jpg?sign=1739185419-25IyxXrfbEkEIhU8dcy971ttWxHEqsSZ-0-3842adad916e8bb37051fb5e9345f012)
图3-41 输入的文本
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P113_8819.jpg?sign=1739185419-1IYBvjRa9GUU4tGggF23JizDT0MmgtL0-0-aeb11c115bb77a92f8f09c41a0dda558)
图3-42 文本描边效果
(11)按住Shift键选中文本的所有填充区域,在“颜色”面板中设置颜色类型为“线性渐变”,颜色游标从左到右如图3-43(a)所示,文本的填充效果如图3-43(b)所示。
(12)选择“渐变变形工具”,在舞台上单击文本,通过鼠标拖动手柄调整渐变填充色块的颜色深浅以及倾斜度,效果如图3-44所示。然后选中所有文本,执行“修改”|“组合”命令,将文本组成一个群体。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P113_8823.jpg?sign=1739185419-H1xZvSSowzarfwfbKT8lPI8u1xudd5W9-0-2952aaf7608f87837910e7a85348f33e)
图3-43 填充文本
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P113_8824.jpg?sign=1739185419-Kux1xMggPqqD4e74GBxsTgaEC4sJEMrS-0-25b833b9e7e350283ed7559ef405aa4c)
图3-44 调整渐变效果
(13)选中粘贴板上的光斑图形,将其复制多份,然后拖到舞台上适当的位置,最后的效果如图3-34所示。