计算机基础与实训教材系列

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
本章主要讲述文本工具的使用,并通过实例讲 述Flash CS3中的文本应用技巧。
本章重点
文本类型 各种文本的创建 设置文本样式 文本转换为矢量图 文本使用滤镜效果
3.1 Flash文本概述
文本具有图形所不可替代的作用。在Flash中除了可以设 置文本的格式外,还能以编辑图形的方式移动、旋转、倾 斜和翻转文本,或者对文字添加滚动、淡入淡出、缩放等 动画特技,对文字的处理在Flash中可以形成特效。
字体大小以磅值设置,而与当前标尺单位无关。
(4)要应用粗体或斜体样式,请单击“粗体”或“斜体”。 图3-18 颜色选择器
(5)从“消除锯齿”弹出菜单(“粗体”按钮下方)中选择一 种字体呈现方法。
2.设置字母间距、字距微调和字符位置
字母间距功能会在字符之间插入统一数量的空格。 使用字母 间距可以调整选定字符或整个文本块的间距。
图3-3 有宽度限制的文本输入框
3.2.1 静态文本
静态文本就是在动画制作过程中创建、在动画 播放过程中不能改变的文本。在静态文本框中, 可以横排或竖排文本,输入静态文本的效果如 图3-4所示。
图3-4 输入静态文本的效果
3.2.2 动态文本
动态文本框用来显示动态可更新的文本,如动 态显示日期和时间、天气预报和股票信息等内 容。下面通过一个简单的时钟实例来讲述动态 文本的创建,如图3-9所示。
2. 在有宽度限制的文本输入框模式下,输入框将会限定宽度,当输入 文本超出限定植时,文本将自动换行。两种不同输入框可以通过 单击或拖动输入框右上(或右下)角的手柄,无宽度限制的文本 输入框模式呈空心圆形手柄,如图3-2所示。而有宽度限制的文本 输入框模式呈空心方形手柄,如图3-3所示。
图3-2 无宽度限制的文本输入框
边距决定了文本字段的边框与文本之间的间隔量。 缩进决定了段落边界与首行开头之间的距离。
行距决定了段落中相邻行之间的距离。 对于垂直 文本,行距将调整各个垂直列之间的距离。
3.3.3 创建文字的URL链接
在Flash CS3中用户可以很容易地为文本添加 超链接。选取需要设置URL链接的文本或文本 字段,然后在属性面板中的“URL链接”文本 框中输入完整的链接地址即可。
图3-13 输入并设置文本类型
(2) 在属性面板中的“文本类型”下拉列表中再选择“输入文本”项, 在“线条类型”下拉列表中选择“单行”项,单击“在文本周围 显示边框”图标,并设置字体为“华文行楷”,字号为“18”,颜 色为“黑色”,实例名称为“输入文本框”。在文档中单击鼠标 左键并拖拽出一个文本输入框,如图3-14所示。
function showTime(event:Event):void
{
var myTime:Date=new Date();

time_txt.text=myTime.toLocaleTimeString();
}
(6) 关闭“动作”窗口,按【Ctrl+Enter】组合键,即 可测试动态文本的效果,如图3-9所示。
图3-9 动态文本效果
【例3-2】创建动态文本
具体操作步骤如下
(1) 新建一个空白文档,选择Flash文件(ActionScript 3.0)。在时间 轴面板上单击图层1的第1帧,向舞台上导入一个背景图像文件。 在工具箱中选择“文本”工具,在属性面板中的“文本类型”下 拉列表中选择“动态文本”项,如图3-10所示。
图3-23 选取文本
图3-24 选取文本
图3-25 选取文本
3.4.2 编辑矢量文本
文本转换成矢量图形后,就可以对其进行路径编 辑、填充渐变色、添加边框路径和编辑文本形状 等操作。
图3-22输入文本字URL
3.4 文本转换
在Flash CS3中,可以将文本转换成矢量图, 并对文本进行特殊处理。
3.4.1 分离文本
在Flash CS3中,如果要对文本进行渐变色填充、 绘制边框路径等针对矢量图形的操作或制作形状渐 变动画,首先要对文本进行分离操作,将文本转换 成可编辑的矢量图形。
自定义消除锯齿:使您可以修改字体的属性。 使用“清晰 度”可以指定文本边缘与背景之间的过渡的平滑度。 使用 “粗细”可以指定字体消除锯齿转变显示的粗细。 (较大的 值会使字符看上去较粗。) 指定“自定义消除锯齿”会导致 创建的 SWF 文件较大,因为嵌入了字体轮廓。 若要使用此 选项,必须发布到 Flash Player 8 或更高版本。
提示:如果用户使用的是 Flash Player 7 或更高版 本,则消除锯齿功能可用于静态文本、动态文本和 输入文本。 如果用户使用的是 Flash Player 的较 早版本,则此选项只能用于静态文本。
【例3-4】消除文本锯齿 的具体操作步骤如下。图 3-16消除文本锯齿
(1) 在文档中输入相应的文 本,并对文本对象进行相 应的编辑。
图3-14 创建“输入文本”框型
(3) 执行【控制】|【测试影片】菜单命令,或按【Ctrl+Enter】组合键, 即可看到影片测试效果,在输入文本框中可以输入用户的登录名。 如图4-15所示。
图3-15 “输入文本”效果
3.3 设置文本样式
3.3.1 消除文字锯齿
使用消除锯齿功能可以使屏幕文本的边缘变得平滑。 消除锯齿选项对于呈现较小的字体大小尤其有效。 启用消除锯齿功能会影响到当前所选内容中的全部 文本。 对于各种磅值大小的文本,消除锯齿功能 以相同的方式工作。
3.设置对齐、边距、缩进和行距
对齐方式决定了段落中的每行文本相对于文本字段 边缘的位置。 水平文本相对于文本字段的左侧和 右侧边缘对齐,垂直文本相对于文本字段的顶部和 底部边缘对齐。 文本可以与文本字段的一侧边缘 对齐,或者在文本字段中居中对齐,或者与文本字 段的两侧边缘对齐(两端对齐)。
【例3-9】分离文本的操作步骤。
(1) 选取需要分离的文本,如图3-23所示。
(2) 执行【修改】|【分离】菜单命令或按【Ctrl+B】组合键,原来的 单个文本框会被拆分成多个文本框,即每一个文字各占一个文本 框,如图3-24所示。
(3) 选取所有的文本,再执行【修改】|【分离】菜单命令或按 【Ctrl+B】组合键,这时所有的文本将会转换成网格状的可编辑 矢量图形,如图3-25所示。
【例3-8】创建文字的URL链接,具体操作步 骤如下。
(1) 选择文本或文本字段: 使用“文本”工具 ,选择文本字段中的文本。 要链接文本字段中的所有文本,请使用“选取”工具 选择文本字段。 (2) 执行【窗口】|【属性】|【属性】菜单命令,在属性检查器的“链
接”文本字段中,输入文本字段要链接到的 URL,如图3-22所示。
3.3.2 设置文字属性
可以设置文本的字体和段落属性。 字体属性包括字体系 列、磅值、样式、颜色、字母间距、自动字距微调和字符 位置。 段落属性包括对齐、边距、缩进和行距。 当创建 新文本时,文本的属性使用当前文本属性。在创建完毕之 后,若要对文本的属性进行修改,就必须首先选中该文本, 然后在属性面板中对其进行编辑。执行【窗口】|【属性】 |【属性】菜单命令,将属性面板打开,在属性面板中显示 文本的属性,如图3-17所示。
输入文本:可以在表单或调查表中输入的文本。
3.2 文本的创建
Flash文本有两种输入模式,即无宽度限制的文本输 入框模式和有宽度限制的文本输入框模式。
1. 在无宽度限制的文本输入框模式下,输入框会随着用户的输入自动 扩展,甚至会超出舞台的界限,如果需要换行,可按【Enter】键, 这种文本输入框是Flash默认的输入框模式。
字距微调控制字符对之间的距离。 许多字符都有内置的字距 微调信息。 例如,A 和 V 之间的距离通常比 A 和 D 之间的 距离短。 Flash 同时提供水平间距调整和字距微调(对于水 平文本)以及垂直间距调整和字距微调(对于垂直文本)功 能。
对于垂直文本,可以在“Flash 首选参数”中禁用默认情况 下字距微调。 如果您执行此操作并使字距微调选项在“属性” 检查器中保持选定状态,那么字距微调将仅仅应用于水平文 本,如图3-21所示。
图3-10 设置文本类型
(2) 在时间轴面板上插入图层2,并单击图层2的第1帧,在文档中单击 鼠标左键并拖拽出一个文本输入框,并调整到合适位置。在属性 面板上设置字体为“Times New Roman”,字号为“20”,颜色为 “#FFFF00”,调整舞台大小与背景图像一致,如图3-11所示。
(3) 单击属性面板上的“可选”图标,并在“实例名称”文本框中输 入变量“time_txt”。
图3-11 动态文本框的设置
(4) 单击时间轴中图层2的第一帧,执行【窗口】|【动作】 菜单命令,打开“动作”面板,如图3-12所示。
Βιβλιοθήκη Baidu
动作工具箱
脚本窗口
脚本导航器
图3-12 “动作”面板
(5) 单击“脚本导航器”中的“场景1|图层2:帧1”, 在“脚本窗口”中输入以下脚本代码:
addEventListener(Event.ENTER_FRAME,showTime);
位图文本(未消除锯齿):关闭消除锯齿功能,不对文本提 供平滑处理。 用尖锐边缘显示文本,由于在 SWF 文件中嵌 入了字体轮廓,因此增加了 SWF 文件的大小。 位图文本的 大小与导出大小相同时,文本比较清晰,但对位图文本缩放 后,文本显示效果比较差。
可读性消除锯齿:使用 Flash 文本呈现引擎来改进字体的清 晰度,特别是较小字体的清晰度。 此选项会导致创建的 SWF 文件较大,因为嵌入了字体轮廓。 若要使用此选项, 必须发布到 Flash Player 8 或更高版本。 (如果要对文本设 置动画效果,请不要使用此选项,而应使用“动画消除锯 齿”。)
图3-17 文本属性面板
1.设置字体、大小、样式和颜色
(1)使用“选取”工具 选择舞台上的一个或多个文本字段。
(2)执行【窗口】|【属性】|【属性】菜单命令,在属性检查 器中,从“字体”弹出菜单中选择一种字体,或者输入字体 名称。
(3)单击“大小”值旁的三角形,然后拖动滑块来选择一个值, 或者输入字体大小值。
(2) 选中输入的文本,执行 【视图】|【预览模式】| 【消除文字锯齿】菜单命 令,即可消除文字锯齿, 如图3-16所示。
图3-16消除文本锯齿
也可以在“属性”检查器中,从“消除锯齿”弹出菜单中选 择以下选项之一:
使用设备字体:指定 SWF 文件使用本地计算机上安装的字 体来显示字体。 通常,设备字体采用大多数字体大小时都很 清晰。 尽管此选项不会增加 SWF 文件的大小,但会使字体 显示依赖于用户计算机上安装的字体。 使用设备字体时,应 选择最常安装的字体系列。
3.2.3 输入文本
输入文本是在动画设计中作为一个输入文本框 来使用,在动画播放时,输入的文本信息。例 如用户输入登录名、登录密码等。
【例3-3】登录窗口。
(1) 新建一个空白文档,在舞台上导入一个图像文件,在工具箱中选 择“文本”工具,在属性面板中的“文本类型”下拉列表中首先 选择“静态文本”项,并在文档中输入静态文本“用户登录 名:”,并设置字体为“华文行楷”,字号为“18”,颜色为“蓝 色”,如图3-13所示。
文本的添加要用到工具箱的文本工具,通过属性面板的 “文本类型”下拉列表框,可以在Flash中创建三种类型 文本字段:静态文本、动态文本和输入文本。如图3-1所 示。
图3-1 文本属性设置
这三种文本的特点分别如下:
静态文本:显示不会动态更改的文本。
动态文本:显示动态更改的文本,如日期、时间、 体育得分、新闻、股票报价或天气预报等。
计算机基础与实训教材系列
《中文版FlashCS3实训教程》
第3章
Flash CS3中的文本应用
学习目标
在 Flash CS3中可以通过多种方式使用文本。 可以创建包含静态文本的文本字段,在创作文 档时可以创建静态文本。还可以创建动态文本 字段和输入文本字段,前者显示不断更新的文 本,如股票报价或头条新闻,后者使用户能够 输入表单或调查表的文本。
相关文档
最新文档