![Animate CC 2018中文版入门与提高](https://wfqqreader-1252317822.image.myqcloud.com/cover/755/26542755/b_26542755.jpg)
3.2 添加文本对象
Animate CC 2018可以按多种方式在文档中添加文本,通常一个Animate CC 2018文档中会包含几种不同的文本类型,每种类型适用于特定的文字内容。
3.2.1 创建静态文本
(1)单击绘图工具箱中的“文本工具”按钮,并调出对应的属性设置面板,如图3-2所示。
(2)在“文本类型”下拉列表中选择“静态文本”选项。
(3)单击“改变文本方向”按钮,打开如图3-3所示的下拉列表,选择文本的排列方向。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P102_8112.jpg?sign=1738887573-ykouDN2lInC5htKCLPk80j2CBqspBjR1-0-6df84369a5eacb3bf514be9f37a5e224)
图3-2 “静态文本”的属性设置面板
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P102_8113.jpg?sign=1738887573-9Nj2puRb2fT241k2NS7s1c4lhxvLTdMp-0-80e4f80b747943bf5d73dbc399f39625)
图3-3 设置文本方向
注意
只有静态文本才可以在垂直方向上输入,动态文本和输入文本只能在水平方向上创建。
(4)在“属性”面板上的“字符”区域设置文本属性。
系列:用于设置字体。字体列表中显示字体的数量多少与Window操作系统安装字体的多少有关,当前被选中的字体左侧显示
。
样式:设置文本的显示样式。选择“文本”|“样式”命令,弹出如图3-4所示的子菜单,在这里也可以设置不同的样式。
粗体:设置文本为粗体。
斜体:设置文本为斜体。
仿粗体:仿粗体样式。
仿斜体:仿斜体样式。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P103_8219.jpg?sign=1738887573-KUSF2zDMkz2h0eQbH5gWEZPQ1FLgrNed-0-99c1b4f97e26255afb38fc61c3e9af98)
图3-4 “样式”子菜单
提示:
如果所选字体不包括粗体或斜体样式,例如常见的“宋体”,则可选择“仿粗体”或“仿斜体”样式。仿样式效果可能看起来不如包含真正粗体或斜体样式的字体好。
嵌入:嵌入文本使用的字体,以便能在其他设备上正确显示文本效果。单击该按钮打开“字符嵌入”对话框,选择要嵌入的字体轮廓。
如果单击“自动填充”按钮,则会将选定文本字段的所有字符都嵌入文档。
大小:设置字号。在字号区域按下鼠标左键拖动可以设置字号的大小,范围是8~96之间的任意一个整数。也可以单击字号,然后输入0~2500之间的任意一个整数。
字母间距:用于设置文本的字距。单击右侧的文本显示区域,输入数值或滚动鼠标滑轮,即可进行设置。
颜色:设置文本的显示颜色。
消除锯齿:指定字体的消除锯齿属性。有以下几项可供选择:
使用设备字体:指定SWF文件使用本地计算机上安装的字体显示文本。使用设备字体时,应只选择通常都安装的字体系列,否则可能不能正常显示。
位图文本(无消除锯齿):关闭消除锯齿功能,不对文本进行平滑处理。
动画消除锯齿:创建较平滑的动画。
可读性消除锯齿:可以创建高清晰的字体,即使在字体较小时也是这样。但是,它的动画效果较差,并可能导致性能问题。
自定义消除锯齿:选中该项将弹出“自定义消除锯齿”对话框,用户可根据需要设置粗细、清晰度以及ActionScript参数。
自动调整字距:如果字体包括内置的紧缩信息,选中此项可自动将其紧缩。
可选
:表示在播放输出的动画文件时,可以拖动鼠标选中文本,进行复制和粘贴。否则,不能选中这些文本。
:设置文本的垂直偏移方式。
表示将文本向上移动,变成上标;
表示将文本向下移动,变成下标。
该“属性”面板上还有其他几个选项,用于设置动态文本或输入文本的相关属性,静态文本不可用,所以在本节中不作介绍,将在相应的章节中进行说明。
(5)在舞台上单击鼠标,此时,舞台上出现一个矩形框,用户可以在文本框内输入文字,如图3-5所示。
(6)输入完毕,在舞台空白处单击,退出文本编辑状态。
图中的矩形框被称为文本框。Animate CC 2018以文本框的形式创建文本,文本框本身将会成为可编辑的对象,可以在舞台上来回移动。
在舞台上输入文本后,选中文本,此时对应的“属性”面板如图3-6所示。除了可以修改如图3-2所示的字符属性,还可以设置文本的链接属性,或应用滤镜。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P104_8227.jpg?sign=1738887573-2uTg8cx7CBYXV8C5zd2uCOediTCagBpd-0-fd5873820d992a17a97c83df2431a7b7)
图3-5 输入静态文本
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P104_8228.jpg?sign=1738887573-MUTN9V0xHOmo5fPjS6ydpqw6UF0EwMg6-0-12c3935e23118a937b8321b4ff256c95)
图3-6 “静态文本”属性面板2
链接:在文本框中输入单击文本时要加载的URL,可以给动画中的文本建立超级链接。
目标:打开超级链接的方式。有关属性值的说明可参阅网页制作相关资料。
3.2.2 创建动态文本
动态文本通常用于显示动态更新的内容,例如,在游戏中实时显示玩家的得分。
(1)单击绘图工具箱中的“文本工具”按钮,并调出对应的属性设置面板。
(2)在“文本类型”下拉列表中选择“动态文本”选项,如图3-7所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P104_8237.jpg?sign=1738887573-NLDpZNP3oxl7nysGBU3A5szNwgCwlzFE-0-5211f0fbebd52757f74bb10b70baf5ea)
图3-7 “动态文本”属性面板
(3)在“属性”面板上的“字符”区域设置文本属性。动态文本的属性与静态文本的属性大致相同,下面简要介绍不同的几个属性。
实例名称:为动态文本框指定一个名称。通过程序引用该名称,可以动态地改变文本框显示的内容。
将文本呈现为HTML
:保留丰富的文本格式,如字体和超级链接,并带有相应的HTML标记。
在文本周围显示边框
:按下该按钮,表示在动画播放过程中文本周围显示边框,如图3-8所示。
行为:用于指定动态文本的行类型。
单行:只显示单行的文字。
多行:可以显示多行文字。
多行不换行:将文本显示为多行,并且仅当最后一个字符是换行字符(如Windows系统中的Enter键或Macintosh系统中的Return键)时,才换行。
(4)在舞台上单击鼠标,此时,舞台上出现一个矩形框,可以在文本框内输入文字,如图3-9所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P105_8259.jpg?sign=1738887573-zKHo5qwMdBGSQT0UEgPZGHLImCTCPvMz-0-97a9f1bb0c985d8d3d1bee797452fa97)
图3-8 不显示边框和显示边框的效果
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P105_8260.jpg?sign=1738887573-YgDqN1rPPboTnC69h6ThVTfgDe11AmUx-0-dd506377a9c8484040e2a32fc92dfa1a)
图3-9 输入动态文本
为了与静态文本相区别,动态文本的控制手柄出现在右下角。
(5)输入完毕,在舞台空白处单击,退出文本编辑状态。
3.2.3 创建输入文本
输入文本的功能类似于HTML网页表单中的文本框,供网页浏览者输入文字,实现用户与动画的交互。
(1)单击绘图工具箱中的“文本工具”按钮,并调出对应的属性设置面板。
(2)在“文本类型”下拉列表中选择“输入文本”选项,如图3-10所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P105_8269.jpg?sign=1738887573-rlG087mXkQpMPCCBGGFXEOBuRIOODo0v-0-13041b43b71e39f589587840aa10ca67)
图3-10 “输入文本”属性面板
(3)在“属性”面板上的“字符”区域设置文本属性。输入文本的属性与动态文本的属性大致相同,下面简要介绍不同的几个属性。
行为:用于指定输入文本的行类型,如图3-11所示。除了单行、多行和多行不换行,输入文本的行类型还多了一个“密码”选项,表示输入文本框中的内容不会直接显示出来,而是使用“*”替换显示。
最大字符数:用于设置文本框中可输入的最多字符数。设置为0,表示没有限制。
(4)在舞台上单击鼠标,此时,舞台上出现一个矩形框,可以在文本框内输入文字,如图3-12所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P106_8280.jpg?sign=1738887573-fDNQdzSPvFwfKr65fVfEGwwJW827lheU-0-30e8c7c20260b02048bae7f3177fae8b)
图3-11 “输入文本”属性面板2
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P106_8281.jpg?sign=1738887573-V07GphCD9hcN67ZFylIUblptuCeddYFH-0-fcfc05e836bac090e16047688d28f9fe)
图3-12 输入文本
(5)输入完毕,在舞台空白处单击,退出文本编辑状态。
3.2.4 修改文本输入模式
在Animate CC 2018中输入文本时,有两种不同的输入模式:可变宽度和固定宽度。
1. 可变宽度
可变宽度模式是Animate CC 2018中默认的文本输入状态。
(1)选中文本工具后,在舞台上单击显示文本框,文本框右上角(或右下角)有一个小圆圈。
(2)输入文本。
输入文本时,文本框的长度随文本的长度自动扩展,如果要对输入的文本换行,需要使用回车键(Enter)手动换行,如图3-13所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P106_8287.jpg?sign=1738887573-3gBAzqm6E2Rufcqcy9nzLXXrZqI99MSX-0-e0992754c8c841da9b0f06dbaace6d12)
图3-13 可变宽度输入模式
图3-13中的两个文本框不太一样。图3-13(a)的文本框右下角有个小圆圈,而图3-13(b)的文本框的小圆圈则在右上角。事实上,图3-13(a)的文本框中输入的是动态文本或输入文本,而图3-13(b)的文本框输入的是静态文本。
(3)输入完毕,在舞台空白处单击,取消文本框的编辑状态。
2. 固定宽度
固定宽度文本框的大小在水平方向上不会随输入的文本的长度而自动扩展。
(1)选中文本工具后,在舞台上拖动鼠标,当文本框的长度达到需要的长度时,释放鼠标,即可绘制一个固定宽度的文本框。文本框的右上角显示一个小方块。
(2)输入文本。
输入文本时,如果输入的文字长度超过指定的宽度,文字将自动换行,如图3-14所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P106_8291.jpg?sign=1738887573-Kpg84U17mtTcKhcoNobf6rjdnfIwWw1w-0-79d1e6ec08d1e1b0c997d42738ca28b6)
图3-14 固定宽度下输入文本
(3)输入完毕,在舞台空白处单击,取消文本框的编辑状态。
教你一招:
如果要将固定宽度文本框转换为可变宽度文本框,可双击文本框右上角的小方块;如果要将可变宽度文本框转换为固定宽度文本框,只需要拖动可变宽度文本框上的小圆圈到适当位置后,释放鼠标即可。
3.2.5 使用其他应用程序中的文本
如果需要输入的文本较多,Animate CC 2018还允许用户将其他应用程序中的文本复制、粘贴到舞台上。
(1)打开包含有需要的文本的文件,如Microsoft Word。并选中需要的文本右击,从弹出的上下文菜单中选择“复制”命令。
(2)返回到Animate CC 2018的舞台上,按Ctrl + V快捷键,即可将选中的文本粘贴到舞台上,如图3-15所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P107_8317.jpg?sign=1738887573-tSEJjr2Em7RcIvcOfrcraumDfnbfktHM-0-9f8dfc9fa151ca549723bc90576b7107)
图3-15 粘贴其他程序中的文本
粘贴的文本用一个蓝色的矩形框包围,不仅可以移动或缩放、旋转,而且还能使用文本工具对其进行编辑。
注意
如果粘贴从其他应用程序复制过来的文本之前,文本工具的输入模式为垂直方向,则粘贴的文本也将是垂直文本,通常会显示得比较混乱。
3.2.6 上机练习——图案文字
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P107_8441.jpg?sign=1738887573-f0jdDbJ3Np2puMc2BysejYYLqWMrI9Ze-0-77dd1e15c4ec9624aff61d78a4814df5)
3-1 上机练习——图案文字
练习目标
本节练习制作一组漂亮的图案文字,通过对操作步骤的详细讲解,使读者熟练掌握创建文本、设置文本属性以及对文本进行美化的方法。
设计思路
首先在舞台上导入一幅背景图像,打散为形状,用于填充文字。然后输入文字,打散为形状后,柔化填充边缘创建柔化边框。最后删除文本的填充区域和文本以外的图形区域创建图案文字,最终效果如图3-16所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P107_8438.jpg?sign=1738887573-TNjn8eMvcenvmwQVaL6NhUZbUeaXLxJ0-0-f383bc666c2f7ebedcf8e2e523042d5a)
图3-16 彩图文字效果图
操作步骤
1. 创建彩图背景
(1)在“文件”菜单中选择“新建”命令,创建一个新的Animate CC 2018文件(ActionScript 3.0)。
(2)执行“文件”|“导入”|“导入到舞台”命令,在弹出的“导入”对话框中选择用于填充文字的图片名称,然后单击“打开”按钮。
此时,在舞台上将出现刚才导入的图片。
(3)单击绘图工具箱中的“选择工具”按钮,将导入的图片拖动到舞台中央。然后打开“信息”面板,修改图片的尺寸和坐标,使之与舞台尺寸匹配,且图片左上角与舞台左上角对齐,如图3-17所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P108_8471.jpg?sign=1738887573-Kd4lfkFDFkCmFSFKxt8qgHXdlAoDIBpX-0-93423bc5441d9558a0436d8a2f5b49e3)
图3-17 导入图形后的舞台
(4)执行“修改”|“分离”命令,将图片打散。分散后的效果如图3-18所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P108_8475.jpg?sign=1738887573-zgmLaehEwxgDwkOVlgnpMsbXNcfE5Ubw-0-4feb225f1641a868ba0432890f6b645b)
图3-18 分散图形
2. 输入文字并柔化
(1)选择绘图工具箱中的“文本工具”,在“属性”面板上设置字体为Broadway BT,文本颜色为蓝色,字体大小为90。在舞台上单击输入“wahaha”。
(2)使用“选择工具”将文字拖到舞台上方,连续两次执行“修改”“|分离”命令,将文字打散成形状,如图3-19所示。
(3)执行“修改”|“形状”|“柔化填充边缘”命令,在弹出的“柔化填充边缘”对话框,设置“距离”为20像素,“步长数”为4,“方向”选择“扩展”。单击“确定”按钮,此时文字周围出现渐渐柔化的边框,如图3-20所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P109_8497.jpg?sign=1738887573-5wsCJM9bG57infkS1BQklxQJxFVpWrMc-0-122ee65b35d1b661ef29fa80b4fd67a8)
图3-19 打散文字
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P109_8498.jpg?sign=1738887573-ghwOaL9blXhn9Oa1i1vdXhPsVKF8yLVV-0-a6937d4689548f693f750d3cd012f1f3)
图3-20 文字周围出现柔化边框
(4)使用“选择工具”单击舞台的空白处,取消对文字的选择。然后按住Shift键,依次选中文本的填充部分,执行“编辑”|“清除”命令,将选中的填充区域删除,只剩下柔化边框,如图3-21所示。
3. 图文合并
(1)使用“选择工具”框选所有文字边框,然后向下拖动到分散的图片中,如图3-22所示。
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P109_8508.jpg?sign=1738887573-HpUZfRlR3LWdOaLSGiGPDJeFNN3UjJXw-0-e9aba51cce35a238c1343f40cf33417d)
图3-21 柔化边框
![](https://epubservercos.yuewen.com/A0A706/15056703205211606/epubprivate/OEBPS/Images/Figure-P109_8509.jpg?sign=1738887573-rGvWjDENRqPTolun4IERFN5IMd25RQUT-0-94b823157adc9309f962d35b6231e4bd)
图3-22 将文字拖放到图片中
(2)单击图片文字外围部分,将它们全部选中。然后执行“编辑”|“清除”命令,将选中的图片部分删除,得到要制作的彩图文字,如图3-16所示。