flash动画设计第4章.ppt

第4章Flash文本操作 1 第4章 Flash文本操作 第4章Flash文本操作 2 学习目标了解Flash文本区域类型熟悉创建文本熟悉对创建的文本区域进行属性的设置掌握编辑文本 并能够制作特效文字 第4章Flash文本操作 3 4 1创建文本4 2设置文本属性4 3编辑文本4 4制作特效文字 第4章Flash文本操作 4 4 1创建文本Flash中可以按多种方式在项目中加入文本 通常一个Flash项目中会包含几种不同的文本类型 每种类型都适用于特定的文字内容 Flash中使用的3种主要的文本区域类型 静态文本 静态文本用于显示在影片中不作任何变化的文字 文本内容 在运行时不会发生改变 静态文本可以创建超级链接 并且选择目标窗口 动态文本 动态文本区域用来显示在影片中会被更新的文字 该内容可以来自于即时数据源 动态更新的文本 如体育比分 气温 物价等 输入文本 输入文本区域用于在运行时由用户输入文本 它可用于任何需要用户输入的时候 如输入密码或者回答问题等 第4章Flash文本操作 5 4 1 2设置垂直文本的首选参数在Flash中还添加了从左向右或从右向左阅读的垂直文本框选项 垂直文本选项 可以很轻松地把版式从水平排列变成垂直排列 每个字母可以叠放或者旋转过来 第4章Flash文本操作 6 4 1 3创建文本要在Flash文档中创建文本 在工具面板中单击 文本工具 激活它即可 在Flash文档窗口中创建文本时有两种方法 标签文本 在文档舞台上单击然后开始输入 即可在一个可扩展的文本框中输入文本 块文本 在文档舞台中单击并拖动文本框直到要求的宽度 这样可以为文本区域定义固定的宽度 当输入文字过多时就会自动调整文字间距 操作实例1 创建文本 第4章Flash文本操作 7 4 1 4创建滚动文本在创作时 如果动态文本或输入文本需要使用多行文本区域 但是空间有限 那可以使用 文本菜单 可滚动 命令将文本区域设置为可滚动的 这样文本可以延伸到文本框的或可视区域以外 第4章Flash文本操作 8 4 2设置文本属性文本工具在工具面板中没有选项 因为文本控制选项现在已经全部集成到属性面板中 所有的Flash文本都是用文本工具在文本框中创建的 但是文本框创建完成以后 可以使用属性面板为文本设置不同的属性 只有在激活文本工具或者使用选择工具选中文本框时 属性面板中的文本控制选项才可见 第4章Flash文本操作 9 4 2 1选择字体 点数 样式和颜色在创建文本框时 用户可以设置选定文本的字体 点数 样式和颜色 设置文本颜色时 只能使用纯色 而不能使用渐变色 若要向文本应用渐变色 必须将该文本转换为线条和填充图形 操作实例2 文本框的字体 点数 样式和颜色的设置 第4章Flash文本操作 10 4 2 2设置字符间距 字距微调和字符位置在FlashMX中 设置字符间距将调整选定字符或整个文本块的间距 字符间距值的调整范围是 60 60磅 字距微调控制字符之间的距离 若要使用字体的内置字距微调信息 可以在选中文本块后在文本属性面板中选中 自动调整字距 复选框 对于水平文本 间距和字距微调设置了字符间的水平距离 对于垂直文本 间距和字距微调设置了字符间的垂直距离 第4章Flash文本操作 11 4 2 3设置对齐 边距 缩进和行距对齐方式确定了段落中每行文本相对与文本块边缘的位置 文本的对齐方式有如下4种 左 顶端对齐 这是我们日常使用的方式 所有行的左端在同一条竖直线上 居中对齐 所有行的中心在同一条竖直线上 右 底端对齐 所有行的右端在同一条竖直线上 两端对齐 所有行的左端和右端在同一条竖直线上 操作实例3 使用文本工具创建文本内容 第4章Flash文本操作 12 4 2 4使用设备字体在Flash影片中使用安装在系统中的字体时 Flash中嵌入的字体信息将保存在SWF文件中 以确保这些字体能在Flash播放时完全显示出来 但不是所有显示在Flash中的字体都能够与影片一起输出 在Flash中 可以使用设备字体来解决上述问题 Flash包含3种设备字体 sans serif和 typewriter 第4章Flash文本操作 13 4 2 6将文本链接到URL对于水平文本 可以进行超级链接 如图4 17所示了一个超级链接的建立 要建立超级链接 首先选中要进行超级链接的文本 在属性面板中填写URL URL可以是以下内容之一 本机文件地址 本机文件地址使用 File 作为开头 例如 File C Flash Flash txt网络文件地址 本机文件地址使用 作为开头 其中的是传输的文件协议 例如 ftp 邮件发送 邮件发送使用 mailto 开头 例如 mailto mosy 第4章Flash文本操作 14 4 3编辑文本在FlashMX中 用户可使用多种字处理技术来编辑文本 例如 可使用剪切 复制 粘贴命令移动或复制文本 还可以对创建的文本进行变形和分离等操作 第4章Flash文本操作 15 4 3 1选择文本编辑文本或更改文本属性时 必须先选择要更改的字符 如果要选择文本块中的字符 可以先选取工具面板中的 文本工具 然后可单击并拖动选择字符或双击选择一句 如果要选择整个文本块 可以选取 工具 面板中的 箭头 工具 然后单击文本块 如果要选择多个文本块 可以用 箭头工具 框选一组文本块 或按下 Shift 键单击选择多个文本块 第4章Flash文本操作 16 4 3 2编辑文本在对Flash中的文本块进行编辑时 用户可以随时修改已输入文本的内容或者修改其属性 要修改文本的内容 只需在文本块上方双击鼠标即可 此时将进入文本编辑状态 要更改文本的属性 可先选中文本 然后借助属性面板来操作 第4章Flash文本操作 17 4 3 3变形文本在Flash中 用户可方便地利用工具面板中的 任意变形工具 或者选择 修改 变形 菜单中的命令对文本块进行缩放 旋转 倾斜和翻转等操作 以产生有趣的效果 第4章Flash文本操作 18 4 3 4分离文本FlashMX中 用户可以对文本块进行分离 使其成为单个的字符或填充图形 从而轻松的制作出每个字符的动画或特殊的文字效果 一旦文本被分离为填充图形 就不再具有文本的属性 而拥有了填充图形的属性 但是 请注意 只有静态文本才能被分离 操作实例4 分离文本 第4章Flash文本操作 19 4 3 5改变分离后文本的形状将文本分离为填充图形后 就可以很方便地改变其形状 如图4 22所示 在改变分离后文本的形状时 用户可以使用 箭头工具 部分选取工具 进行操作 第4章Flash文本操作 20 4 3 6填充文本将文本分离为填充图形后 就可以很方便地为其设置填充效果 对其应用纯色填充 位图填充 线性填充等 使文字产生特殊的效果 要设置文本的填充效果 可以先把需要进行填充效果设置的文本进行分离 使其成为填充图形 然后在 混色器 面板中选择需要的填充方式 对文本框进行填充即可 操作实例5 填充位图 第4章Flash文本操作 21 4 4制作特效文字4 4 1五彩字用户在Flash中输入文本后 可以为文本设置多彩的效果 若要设置文本的多彩效果 要先将文本分离为填充图形 再用 混色器 为图形填充颜色即可 操作实例6 制作五彩字4 4 2空心字用户在Flash中输入文本后 可以为文本设置空心效果 在设置文本的空心效果时 可先将文本分离为填充 然后使用 墨水瓶工具 在文本上单击 为其添加轮廓线 最后将文本填充删除 只保留轮廓线即可 操作实例7 制作空心字 第4章Flash文本操作 22 4 4 3阴影字在Flash中可以利用变形文本来设置阴影字效果 操作实例8 制作阴影字4 4 4立体字在Flash中用户还可以为输入的文本设置立体效果 操作实例9 制作立体字 第4章Flash文本操作 23 4 5上机操作综合指导上机操作指导1操作要求 此实例的目的是实现带荧光文字效果 在制作过程中主要使用了渐变填充等工具 通过简简单单几样工具便创造出了漂亮的文字特效 难点就在于图形 色彩编辑的技巧和填充工具的使用 通过对文字边框进行柔化处理 产生具有霓虹灯效果的荧光文字 第4章Flash文本操作 24 操作步骤第一步 利用文本工具创建文本1 新建一个文挡 在属性面板中设置其尺寸为480pxX150px 选择一种颜色 本例为 FFFFFF 作为背景色 2 从工具面板中选取文本工具 在属性面板中设置字体类型设置成Verdana 字体大小设置成60 样式为粗体 倾斜 在舞台上输入 FlashMX 第二步 分离文本创建空心文本3 在工具面板中单击 箭头工具 按钮 将文字移动到工作区中间 选择2次 修改 分离 命令 将文本分离为填充图形 如图4 39所示 图4 39分离后的文本 第4章Flash文本操作 25 4 在工具面板中单击 墨水瓶工具 按钮 在 墨水瓶工具 属性面板中设置轮廓线的笔触颜色为 FF00CC 笔触高度为3 笔触样式为实线 将鼠标移动到工作区中 鼠标光标将变成墨水瓶形状 用鼠标依次点击文字边框 文字周围将出现明粉色边框 按Delete删除填充区域 效果如图4 40所示 图4 40空心文本 第三步 柔化填充边缘5 在工具面板中单击 箭头工具 按钮 按住键盘上的 Shift 键 依次双击每个字母外的粉色边框 将他们全部选中 选择 修改 形状 将线条转换为扩充 菜单命令 粉色边框被转变成可填充区域 第4章Flash文本操作 26 6 选择 修改 形状 柔化填充边缘 再按照如图所示的参数设置 柔化填充边缘 对话框 进行如图4 41所示 点击 确定 按钮 关闭对话框 图4 41柔化填充边缘对话框的设置 第4章Flash文本操作 27 7 选择工具栏中箭头工具 在工作区的空白处点击鼠标 取消对文字边框的选择 这时可以看到 粉色边线两边出现了模糊渐变 保存作品 第四步 测试影片8 按 Ctrl Enter 预览最终效果 就可以看见漂亮的荧光文字效果 第4章Flash文本操作 28 上机操作指导2操作要求 利用文本 颜料桶 填充变形等工具制作如图4 42所示的变形文字 图4 42变形文字 第4章Flash文本操作 29 操作步骤第一步 利用文本工具创建文本1 启动FlashMX程序 选择 文件 新建 命令 建立一个新的Flash文档 2 单击工具面板中 文本工具 按钮 在打开的文本属性面板中设置字体为 ArialBlack 字体大小96 加粗 文字颜色为蓝色 输入文本 OK 第4章Flash文本操作 30 第二步 分离文本 改变文本形状3 使用 箭头工具 按钮 选中文本内容 选择2次 修改 分离 命令 将文本分离为填充图形 如图4 43所示 图4 43分离后的文本 4 利用 部分选取工具 单击文字边缘 并拖动节点改变文字形状 5 利用 箭头工具 单击文字的边缘并拖动 将文字边缘由直线变为曲线 第4章Flash文本操作 31 第三步 为文本填充颜色6 选择 颜料桶工具 并设置颜色为 放射渐变 然后单击文字进行填充 如图4 46所示 图4 46使用颜料桶工具为文字填充颜色 第4章Flash文本操作 32 第四步 为填充后的文本调整渐变填充7 选择 填充变形工具 单击填充后的文字 利用渐变控制圆圈调整渐变填充 图4 47使用填充变形工具改变文字的填充颜色 第4章Flash文本操作 33 小结与提高FlashMX提供了强大并且组织有序的文本编辑功能 但是只有在对基本的知识更熟悉以后才能充分利用这些工具FlashMX把文本控制选项都集成到属性面板中 相对于以前的版本 文本处理的工作可以进行得更加直观和顺畅 FlashMX提供了3种可以用于交互式项目的文本类型 静态文本 动态文本和输入文本 FlashMX需要系统中有完整的字体信息 这样才能把它们正确地发布到最终的动画 swf 中 如果需要打开的Flash文件 fla 中包含系统中不可用的字体 可以临时选择替代字体而不破坏原文件中的字体信息 第4章Flash文本操作 34 为了最小化文件尺寸以及在发布的Flash影片 swf 中动态控制文本 可以使用通用设备字体 FlashPlayer会在用户系统中自动选取字体 使用分离命令可以把文本框中的一行文本打散成单个字符 在同一文本框上两次应用分离命令可以把文本轮廓转换成矢量形状 在不影响对文本区域内容进行编辑和对控制最终效果的设置进行修改等选项前提下 能够通过时间轴效果为文本增加视觉兴趣点