Chapter3第3章 FlashCS6 的文本工具 本章主要介绍Flash文本工具的使用方法。文字也是Flash动画制作中很重要的组成 部分,利用文本工具可以在Flash动画中添加各种文字特效。因此,熟练、合理地使用文本 工具,可以增强Flash影片的整体美感,使动画显得更加绚丽多彩。FlashCS6 拥有的强大 文字功能,可以创作出许多漂亮的特效文字,以前只有在Photoshop等专业制图软件中才能 做出来的文字特效,现在利用FlashCS6 制作也轻而易举。 3.1 文本工具的基本使用 使用文本工具的基本操作步骤如下:选择工具栏中的文本工具,此时,鼠标光标将变成 字母T,并且左上方还有一个十字。在FlashCS6 中,文本工具的作用是输入和编辑文本。 1.以标签方式输入文本 3.1 将鼠标指针放在场景中,单击鼠标, 如图3. 处直接输入文本即可,如图3. 出现标签和文本输入光标,1所示。在光标 2所示。 使用标签输入文本时,当文本输入完成后,文本框的右上角出现圆形控制点。用鼠标拖 动此圆形控制点,可以改变文本框的宽度, 如图3. 同时圆形控制点转变为方形控制点,3 所示。 图3.1 标签和文本输入光标图3.图3. 2 文本输入效果3 改变文本框宽度 3.2 以文本块方式输入文本 1. 选中工具栏中的文本工具,按下鼠标左键并横向拖动鼠标,当输入区域的宽度满足要求 后,松开鼠标左键,4所示的文本块。采用此方式, 会出现如图3.文本框右上角会出现方形 控制点。文本块方式的输入区域是固定的,不能自动延伸,但是文本框会随着输入文字的个 数增加而自动换行,如图3.文本块将转换为标 5所示。双击文本框右上角的方形控制点, 46 签,文本将以单行显示,6所示。 如图3. 图3.4 文本块图3. 5 文本块自动换行 图3. 6 文本块转换为标签 3.2 文本“属性”面板 3.1 位置和大小 2. 文本“属性”面板“位置和大小”选项如下: .X和Y选项:对选定字符或者文本的坐标进行设置。 .“宽”选项:对选定字符或者文本进行文本框宽度设置。 示例如下: 2所示的“ 文本, 窗口” 属性” (1)选择舞台中图3.唐山师范学院” 选择菜单栏中的“ →“ 命令,则会弹出文本“ 面板,7所示。通过设置X和Y的坐标值可以改变文本 属性” 如图3. 框在舞台中的显示位置。注意,当X和Y均为0时,文本框的显示位置在舞台的左上角,如 图3. 8所示。 图3.位置和大小”选项 7“ (2)在文本“属性”面板中,默认情况下“位置和大小”中的链环图标呈锁定状态,“高”后 面的数值文本呈灰色显示状态。在此状态下,只能改变“宽”的值,对文本框的宽度进行横向 扩展,而文本框的高度不会发生变化,9所示。 如图3. 3.2 字符 2. 文本“属性”面板“字符”选项如下: .“系列”选项:对选定字符或者文本进行文字字体设置。 47 图3. 8X 和Y为0时文本框的显示位置 图3. 9 改变文本框的宽度 .“样式”选项:对选定字符或者文本进行加粗、倾斜等文字样式设置。 .“大小”选项:对选定字符或者文本进行文字大小设置。该选项值越大,文字越大。 可以在数值框中直接输入数值,也可以用鼠标在数值框中拖动进行设置。 .“字母间距”选项:对选定字符或者文本进行字符间距调整。 .“颜色”选项:为选定字符或者文本设定颜色。 .“消除锯齿”选项:为选定字符或者文本消除锯齿,提高其平滑度。 .上标按钮:可将水平文本放在基线之上或将垂直文本放在基线的右边。 .下标按钮:可将水平文本放在基线之下或将垂直文本放在基线的左边 。 示例如下 : (1)在“属性”面板中,可以通过设置“字符”选项相关参数,对文本的字体、样式、大小和 颜色等进行设置,如图3. 10 所示。 (2)选定舞台中的文本“唐山师范学院”,会发现“样式”下拉列表框呈灰色禁用状态(注 意,很多的中文字体不能对“样式”参数进行设置,只有英文字体和某些中文字体可以调整该 参数)。选择“系列”下拉列表框中的“微软雅黑”,会发现“样式”下拉列表框由禁用状态转换 为启用状态。在“样式” old,文本的加粗显示效果如图3. 下拉列表框中选择B11 所示。 (3)FlashCS6 有5种消除锯齿的方法, 12 所示。 如图3. .“使用设备字体”:此选项使用用户计算机上自带的字体来呈现文本,最后生成的 swf文件较小。 .“位图文本[无消除锯齿]”:此选项生成的文本没有锯齿,效果比较明显,最后生成 48 图3.10 文本“属性”面板“字符”选项参数设置 图3.系列”和“样式”参数调整 11 “ 图3.12 “消除锯齿”下拉列表框 的swf文件较大。 .“动画消除锯齿”:此选项可以在播放动画中消除锯齿文本。由于在动画播放过程 中无须消除锯齿,动画可以比较流畅地播放。生成的swf文件中包含字体轮廓,因 此swf文件较大。 .“可读性消除锯齿”:此选项提供了品质最高的文本消除锯齿引擎,其特点是文本易 读,失真度最小,是在制作文本动画过程中的首选方法。 .“自定义消除锯齿”:此选项与“可读性消除锯齿”选项功能基本一致,但是此选项可以 根据需求自定义消除锯齿参数,在新字体或不常见字体外观调整方面应用得比较多。 (4)在舞台中输入文本X2 。选择文本2,在“属性”面板中单击上标按钮,文本效果如 图3.单击下标按钮, 14 所示。 13 所示; 文本效果如图3. 49 图3.13 文本上标效果图3. 14 文本下标效果 3.3 段落 2. 单击“属性”面板中“段落”左侧的三角按钮,弹出相应的选项,可对文本段落的格式进行 设置。 .“格式”选项:对段落文本以左对齐、居中对齐、右对齐、两端对齐4种形式对齐。 .“间距”选项:对段落文本进行首行缩进和行距调整。 .“边距”选项:对段落文本进行左边距和右边距调整。 .“行为”选项:对段落文本的行类型进行设置。注意,静态文本不能设置行类型,只 有动态文本和输入文本才能进行参数设置。 在舞台中输入文本“那一眼陌路……” 。选择文本,选择菜单栏中的“窗口”→“属性”命 令,在打开的“ 面板中设置相关参数, 15 所示。 属性” 如图3. 图3.属性”面板参数设置 15 “ 3.4 文本引擎、文本类型和文本方向 2. 在文本引擎下拉列表中包括“传统文本”与“TLF 文本”两个选项,如图3. 16 所示。传统 文本引擎是Flash里最常用的文本引擎,可以用来制作动态和静态以及输入文件;TLF 文 50 本引擎使用得不多,一般在Flex里用来增强文本布局功能。 对于传统文本,文本类型下拉列表中有3个选项, 17 所示。要根据自己的需要 如图3. 选择相应的文本类型。如果是用来做标签说明之类的文本,就选择“静态文本”;如果要使用 脚本改变文字内容,就选择“动态文本”;如果作为文字输入框在动画中用来输入文字,就选 择“输入文本”。 在文本方向下拉列表中包括“水平”垂直” 垂直,从左向右”3个选项, 18 所 “ 和“ 如图3. 示。通过选择需要的选项可以改变文本的排列方向。 图3.16 文本引擎下拉列表图3.图3. 17 文本类型下拉列表18 文本方向下拉列表 3.5 课堂案例:制作毛刺字效果 2. 1. 制作毛刺效果 (1)选择菜单栏中的“文件”→“新建”命令,弹出“新建文档”对话框,参数保持默认设 置,单击“确定”按钮,进入新建文档的舞台窗口。 (2)选择工具栏中的文本工具,在其“属性”面板中设置“系列”为“黑体”,“大小”为180 点,“颜色”值为006633,然后在舞台中输入“仙人掌”3个字,如图3.19 所示。 图3.19 文本“属性”面板 (3)选择工具栏中的选择工具,按Ctrl+B 组合键两次,将文本打散,如图3. 20 所示。 选择工具栏中的墨水瓶工具,在其“属性”面板中设置笔触颜色值为00FF66,笔触高度为8, 笔触样式为“斑马线”如图3. , 21 所示。 如图3. (4)使用墨水瓶工具沿着文本边界依次单击,形成文字毛刺效果, 22 所示。 51 图3.20 打散文本图3.属性” 21 墨水瓶工具“ 面板参数设置 图3. 22 文字毛刺效果 2. 文字和背景修饰 (1)按住Shift键,依次单击毛刺,让所有毛刺呈选定状态。在“图层1”的上方新建“图 层2按Cl+X 和Ct+V 组合键,剪切毛刺并将其粘贴到“图层2如图3.,(”) 中,(”) trtrl+Shif23 所示。 图3.图层2中 23 将毛刺粘贴到“” (2)取消毛刺的选定状态。选择工具栏中的颜料桶工具,然后选择菜单栏中的“窗口”→ “颜色”命令,设置颜色类型为“径向渐变”。用鼠标在色带中央单击,增加滑块。选中色带左 侧的滑块,将其颜色值设置为FF0000;选中色带中央的滑块,将其颜色值设置为5A2801;选 52 中色带右侧的滑块,将其颜色值设置为DB2C64 。文本填充效果如图3. 24 所示。 图3. 24 文本填充效果 (3)选择工具栏中的渐变变形工具,用鼠标单击文本后,出现圆环状控制柄,利用它对 文本的填充颜色进行调整。渐变变形效果如图3. 25 所示。 图3. 25 渐变变形效果 (4)在“图层1”的下方新建“图层4”,并将其重命名为“背景”。选择工具栏中的矩形工 具,然后选择菜单栏中的“窗口”→“颜色”命令,设置颜色类型为“径向渐变”。选中色带左侧 的滑块,将其颜色值设置为00CCCC;选中色带右侧的滑块,将其颜色值设置为005100 。在 “背景” 26 所示。毛刺字绘制完成, 图层中绘制与舞台同样尺寸的矩形。最终效果如图3.按 Ctrl+Enter组合键即可查看影片效果。 2.选项 3.6 文本“属性”面板的“选项”部分包括以下选项: .“链接”选项:可以在其中直接输入网址,使文本变成超链接。 .“目标”选项:可以设置超链接的打开方式 。 _blank:页面在新浏览器中打开 。 _parent:页面在父类框架位置打开 。 _self:页面在当前框架位置打开 。 53 图3. 26 最终效果 _top:页面在默认的顶部框架位置打开。 单击“属性”面板中“选项”左侧的三角按钮,弹出相应的选项,可以对文本设置超链接, 如图3.27 所示。当按下Ctrl+Enter组合键后,在影片中单击文本“唐山师范学院”,即可跳 转到唐山师范学院的官网。 图3. 27 对文本设置超链接 3.7 滤镜 2. 单击“属性”面板中“滤镜”左侧的三角按钮,单击面板下方的添加滤镜按钮,在出现的菜 单中选择相应命令,即可为文本添加滤镜效果, 28 所示。文本最后的效果如图3. 如图3.29 所示。 54 图3. 28 为文本添加滤镜效果 图3. 29 添加滤镜后文本最后的效果 3.8 课堂案例:制作旋转立体字效果 2. 1. 制作环形文本 (1)选择菜单栏中的“文件”→“新建”命令,弹出“新建文档”对话框。在对话框的“常 规”选项卡中选择ActionScript2.其他参数保持默认设置, 30 所示,单击“确 定”按钮,进入新建文档的舞台窗口 0 。 选项, 如图3. 55 图3.新建文档”对话框 30 “ (2)选择工具栏中的椭圆工具,在工具栏的下方设置笔触颜色为黑色,填充颜色为 “无”,在舞台中央绘制黑色无填充圆形。选择菜单栏中的“视图”→“标尺”命令,在舞台中显 示标尺。单击圆形,选择工具栏中的任意变形工具,按住鼠标左键从左标尺和上标尺分别拖 出一条经过圆心的辅助线,如图3. 31 所示。 图3. 31 添加辅助线 (3)选择工具栏中的文本工具,在“图层1”中输入文本“唐”。单击文本,选择菜单栏中 的“窗口”→“属性”命令,在“属性”面板中设置“系列”为“黑体”,“大小”为30 点,“颜色”值为 32 所示。006699,如图3. 将其拖动到圆形的上方, 33 所示。在“ (4)选择文本“唐”, 如图3.唐”字被选定的状态 下,选择工具栏中的任意变形工具,将“唐”字的中心控制点移到圆形的圆心处,如图3. 34 所示。 56 图3.32 文本“属性”面板参数设置 图3.33 移动“唐” 图3.唐”字的中心控制点 字的位置34 移动“ (5)在“唐”字被选定的状态下,按Ctrl+T 组合键,在弹出的“变形”面板中设置“旋转” 为40单击重复变形按钮8次, 35 所示。,(°) 效果如图3. 图3. 35 重复变形操作 (6)分别双击除了圆最顶端的“唐”字以外的其他“唐”字,将其改为如图3. 36 所示的文 57 字。右击舞台的空白区域,在出现的快捷菜单中取消选择“标尺”和“辅助线”→“显示辅助 线”选项。双击圆形,按Delete键删除圆形。 图3. 36 改变文字 (7)框选舞台中的所有文本,按F8 键,在弹出的“转换为元件”对话框中将其转换为名 称为“圆环” 如图3. 的图形元件, 37 所示。 图3. 37 将文本转换为元件 (8)选定新建立的“圆环”图形元件,按F8 键,在弹出的“转换为元件”对话框中将其转 换为名称为“圆环影片” 如图3. 的影片剪辑元件, 38 所示。 图3.38 将“圆环”转换为影片剪辑元件 58 (9)选定新建立的“圆环影片”影片剪辑元件,按F8 键,在弹出的“转换为元件”对话框 中将其转换为名称为“双圆环影片” 如图3. 的影片剪辑元件, 39 所示。 图3.39 将“圆环影片”转换为影片剪辑元件 (10)双击“ 影片剪辑元件两次, 圆环影片”的编辑模式,如图3. 双圆环影片” 进入“ 40 所 示。右击“圆环影片”的“图层1”的第100 帧,在出现的快捷菜单中选择“插入关键帧”命令。 右击“图层1”的第1帧,在出现的快捷菜单中选择“创建传统补间”命令,创建补间动画。在 第1帧被选定的状态下,选择菜单栏中的“窗口”→“属性”命令,弹出图3.属 性”面板,设置“旋转”选项为“顺时针”。 41 所示的帧“ 图3.40 进入“圆环影片”的编辑模式 图3.41 帧“属性”面板参数设置 59 (11)单击“双圆环影片”,进入“双圆环影片”的编辑模式。在“图层1”的上方新建“图层 2”,右击“图层1”的第1帧,在出现的快捷菜单中选择“复制帧”命令;再右击“图层2”,在出 现的快捷菜单中选择“粘贴帧” 效果如图3. 命令, 42 所示。 图3.42 将“图层1”的第1帧复制到“图层2”中 2. 添加滤镜动画效果 (1)单击“” 按住Shif再单击“” 如图3. 图层2的第30 帧,t键, 图层1的第30 帧, 43 所示。 在蓝色色块上右击,在出现的快捷菜单中选择“插入关键帧”命令。按照同样的方法在“图层1” 和“图层2的第60 帧插入关键帧, 44 所示。 ” 如图3. 图3. 43 选定关键帧 图3. 44 插入关键帧 (2)单击“图层2”第60 帧的“圆环影片”影片剪辑元件,按Ctrl+T 组合键,在弹出的 “变形” 并将纵向缩放比例设置为50%, 45 所示。按照同样的 面板中单击约束按钮, 如图3. 方法,将“图层1”第60 帧的“圆环影片”影片剪辑元件的纵向缩放比例也设置为50% 。 (3)按住Shift键,同时选定“图层1”和“图层2”的第30 帧,右击,在出现的快捷菜单中 选择“创建传统补间” 如图3. 命令, 46 所示。 (4)按住Shift键,选择“图层1”和“图层2”的第100 帧,右击,在出现的快捷菜单中选 择“创建关键帧”命令;再选择“图层1”和“图层2”的第130 帧,右击,在出现的快捷菜单中选 择“创建关键帧”命令。单击“图层2”的第130 帧,将“圆环影片”影片剪辑元件向上移动一 定距离;单击“图层1”的第130 帧,将“圆环影片”影片剪辑元件向下移动一定距离。以上操 作结果如图3. 47 所示。 (5)单击“图层1”中第130 帧的“圆环影片”影片剪辑元件,选择菜单栏中的“窗口”→ 60 图3.变形”面板参数设置 45 “ 图3. 46 创建传统补间动画 图3. 47 创建关键帧并移动影片剪辑元件位置 “属性”命令,在影片剪辑“属性”面板中,单击下方的添加滤镜按钮,在出现的菜单中分别选 择“模糊”和“发光”滤镜,如图3. 48 所示。 (6)在影片剪辑“ 面板中, 49 所示设置参数。单击“场景1”,(”) 属性” 按图3.场景1返回“ 的编辑模式。在“图层1”的下方新建“图层2,(”) 并将其重命名为“背景”。 (7)选择工具栏中的矩形工具,选择菜单栏中的“窗口”→“颜色”命令,设置颜色类型为 61 图3.48 添加“模糊”和“发光”滤镜 图3.49 影片剪辑“属性”面板参数设置 “径向渐变”。选中色带左侧的滑块,将其颜色值设置为ACDEFF;选中色带右侧的滑块,将 其颜色值设置为0064A6 。在“背景”图层中绘制与舞台同样尺寸的矩形,最终效果如 图3. 50 所示。 (8)双击“图层1”中的“双圆环影片”影片剪辑元件,再进入其编辑模式。按住Shift键, 选择“图层1”和“图层2”的第100 帧,右击,在出现的快捷菜单中选择“创建传统补间”命令, 如图3. 51 所示。 (9)按住Shift键,选择“图层1”和“图层2”的第160 帧,右击,在出现的快捷菜单中选 择“插入关键帧”命令;按照同样的方法在“图层1”和“图层2”的第210 帧插入关键帧。以上 操作结果如图3. 52 所示。 (10)选择“图层2”第210 帧的影片剪辑元件,选择菜单栏中的“窗口”→“属性”命令,在 影片剪辑“属性”面板中,单击下方的添加滤镜按钮,在出现的菜单中选择“投影”滤镜,按 62 图3. 50 绘制径向渐变矩形 图3.51 创建传统补间动画 图3.52 插入关键帧 图3. 53 所示设置参数。 (11)选择“图层1”第210 帧的影片剪辑元件,选择菜单栏中的“窗口”→“属性”命令,在 影片剪辑“属性” 将颜色值改为DDF589, 54 所示。 面板中, 如图3. (12)在“图层1”第210 帧的影片剪辑被选定的状态下,按Ctrl+T 组合键,在弹出的 “变形”面板中单击约束按钮,使其重新变为锁定状态,并将纵向缩放比例设置为70%,如 图3. 55 所示。 63 图3. 53 投影滤镜属性设置 图3.发光”选项参数设置 54 “ 图3.变形”面板参数设置 55 “ 64 (13)按住Shift键,选择“图层1”和“图层2”的第160 帧,右击,在出现的快捷菜单中选 择“创建传统补间”命令;按照同样的方法在“图层1”和“图层2”的第260 帧插入关键帧,如 图3. 56 所示。 图3. 56 插入关键帧 (14)选择“图层1”的第260 帧的影片剪辑,选择菜单栏中的“窗口”→“属性”命令,在影 片剪辑“属性”面板中,将阴影颜色值改为6633FF,将Alpha值改为42%,如图3.57 所示。 图3.发光”选项参数设置 57 “ (15)按住Shift键,选择“图层1”和“图层2”的第210 帧,右击,在出现的快捷菜单中选 择“创建传统补间” 如图3. 命令, 58 所示。 图3. 58 创建传统补间动画 (16)单击“图层2”的第1帧,按住Shift键,再单击“图层1”的第260 帧,在选定的蓝色 区域右击,在出现的快捷菜单中选择“ 命令, 59 所示。 复制帧” 如图3. (17)按住Shift键,选择“图层1”和“图层2”的第261 帧,右击,在出现的快捷菜单中选