《 中文版flash cs 5 动画制作实训教程 》

30
中中中 中中中 Flash CS5 Flash CS5 中中中中中中中中 中中中中中中中中 4 4 中中中中中 中中中中中 Flash Flash 中中 中中 中中中中中中中中中中中 中中中中中中中中中中中

Upload: richard-dejesus

Post on 31-Dec-2015

104 views

Category:

Documents


5 download

DESCRIPTION

新世纪高职高专规划教材. 《 中文版Flash CS 5 动画制作实训教程 》. 第 4 章 创建与编辑 Flash 文本. 主要内容. 文本是 Flash 动画中重要的组成元素之一,它不仅可以帮助影片表述内容,也可以对影片起到一定的美化作用。 Flash CS5 对 【 文本 】 工具有了很大的改变和加强,在丰富原有传统文本模式的基础上,又新增了 TLF 文本模式,可以使用户更有效地加强对文本的控制 。. 本章重点. TLF 文本模式 传统文本模式 消除文本锯齿 设置文本属性 文本的分离与变形 文本的滤镜效果. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 《 中文版Flash CS 5 动画制作实训教程 》

《《中文版中文版 Flash CS5Flash CS5 动画制作实训动画制作实训教程教程》》

第第 44 章 创建与编辑章 创建与编辑FlashFlash 文本 文本

新世纪高职高专规划教材新世纪高职高专规划教材

Page 2: 《 中文版Flash CS 5 动画制作实训教程 》

主要内容主要内容 文本是文本是 FlashFlash 动画中重要的组成元素之一,它不仅可以帮动画中重要的组成元素之一,它不仅可以帮

助影片表述内容,也可以对影片起到一定的美化作助影片表述内容,也可以对影片起到一定的美化作用。用。 Flash CS5Flash CS5 对对【【文本文本】】工具有了很大的改变和加强,工具有了很大的改变和加强,在丰富原有传统文本模式的基础上,又新增了在丰富原有传统文本模式的基础上,又新增了 TLFTLF 文本模文本模式,可以使用户更有效地加强对文本的控制式,可以使用户更有效地加强对文本的控制 。 。

Page 3: 《 中文版Flash CS 5 动画制作实训教程 》

TLFTLF 文本模式 文本模式 传统文本模式 传统文本模式 消除文本锯齿 消除文本锯齿 设置文本属性 设置文本属性 文本的分离与变形 文本的分离与变形 文本的滤镜效果 文本的滤镜效果

本章重点本章重点

Page 4: 《 中文版Flash CS 5 动画制作实训教程 》

4.1 4.1 使用文本工具使用文本工具 使用使用 【【 文本文本 】】 工具可以创建多种类型的文本, 工具可以创建多种类型的文本,

Flash CS5 Flash CS5 在保持和丰富了以前的文本模式(现在在保持和丰富了以前的文本模式(现在称为传统文本)之外,还引入了全新文本引擎称为传统文本)之外,还引入了全新文本引擎————文本布局框架 文本布局框架 (( 以下简称以下简称 TLF)TLF) 模式。模式。 TLFTLF 文文本模式支持更多丰富的文本布局功能和对文本属本模式支持更多丰富的文本布局功能和对文本属性的精细控制,与传统文本模式相比,性的精细控制,与传统文本模式相比, TLF TLF 文本文本可加强对文本的控制。可加强对文本的控制。

Page 5: 《 中文版Flash CS 5 动画制作实训教程 》

4.1.1 TLF 文本 • TLF 文本是 Flash CS5 中的默认文本类型, TLF 文本的出

现,使得 Flash 在文字排版方面的能力大大加强。• 在工具栏上选中【文本】工具,即可在舞台上创建 TLF 文

本了, TLF 文本的【属性】面板会根据用户对【文本】工具的使用状态不同,而体现 3 种显示模式。

• 用户可以根据 TLF 在运行时的具体表现模式,在其【属性】面板中打开【文本类型】下拉列表框,然后选中 3 种类型的文本。

Page 6: 《 中文版Flash CS 5 动画制作实训教程 》

4.1.2 传统文本 • 传统文本是 Flash 中的基础文本模式,它在图文制作方面

发挥着重要的作用,是我们需要重点学习的知识点。

Page 7: 《 中文版Flash CS 5 动画制作实训教程 》

静态文本 • 创建静态水平文本,选择【工具】面板中的【文本】工具

,当光标变为形状时,单击创建一个可扩展的静态水平文本框。

• 选择【文本】工具,可以拖动创建一个具有固定宽度的静态水平文本框,该文本框的右上角具有方型手柄标识,输入文本区域宽度是固定的,当输入文本超出宽度时将自动换行。

Page 8: 《 中文版Flash CS 5 动画制作实训教程 》

动态文本 • 要创建动态文本,选择【文本】工具,打开【属性】面板

,单击【静态文本】按钮,在弹出的菜单中可以选择文本类型。

Page 9: 《 中文版Flash CS 5 动画制作实训教程 》

输入文本 • 输入文本可以在动画中创建一个允许用户填充的文本区域

,因此它主要出现在一些交互性比较强的动画中,譬如有些动画需要用到内容填写、用户名或者密码输入等操作,就都需要添加输入文本。

• 选择【文本】工具,在【属性】面板中选择输入文本后,单击设计区,可以创建一个具有固定宽度和高度的动态水平文本框;拖动可以创建一个自定义固定宽度的动态水平文本框。

Page 10: 《 中文版Flash CS 5 动画制作实训教程 》

4.2 4.2 设置文本样式设置文本样式 创建文本之后,我们可以利用创建文本之后,我们可以利用【【文本文本】】工具的工具的【【属性属性】】面面

板,对文本进行进一步的设计和修改。板,对文本进行进一步的设计和修改。

Page 11: 《 中文版Flash CS 5 动画制作实训教程 》

4.2.1 消除文本锯齿 • 有时 Flash 中的文字会显得模糊不清,这往往是由于创建

的文本较小从而无法清楚显示的缘故,在【文本属性】面板中通过对文本锯齿的设置优化,可以很好的解决这一问题。

Page 12: 《 中文版Flash CS 5 动画制作实训教程 》

4.2.2 消除文本锯齿 • 为了使 Flash 动画中的文字更加灵活,用户可以使用【文

本】工具的属性面板对文本的字体和段落属性进行设置。其中,文本的字符属性包括字体、字体大小、样式、颜色、字符间距、自动调整字距和字符位置等;段落属性包括对齐方式、边距、缩进和行距等。

Page 13: 《 中文版Flash CS 5 动画制作实训教程 》

设置字体、字体大小、字体样式、字母间距、文本颜色和上下标 • 在【文本】工具的属性面板中,可以设置选定文本的字体

、字体大小和颜色等。设置文本颜色时只能使用纯色,而不能使用渐变色。如果要向文本应用渐变色,必须将文本转换为线条或填充图形

Page 14: 《 中文版Flash CS 5 动画制作实训教程 》

设置对齐、边距、缩进和行距 • 文本框的左侧和右侧边缘对齐;垂直文本相对于

文本框的顶部和底部边缘对齐。文本可以与文本框的一侧边缘对齐、与文本框的中心对齐或者与文本框的两侧边缘对齐 ( 即两端对齐 ) 。

左对齐居中对齐

Page 15: 《 中文版Flash CS 5 动画制作实训教程 》

4.2.3 创建文字链接 • 在 Flash CS5 中,可以将静态或动态的水平文本链接到 URL

,从而在单击该文本的时候,可以跳转到其他文件、网页或电子邮件。

Page 16: 《 中文版Flash CS 5 动画制作实训教程 》

4.3 4.3 文本的分离与变形文本的分离与变形 FlashFlash 动画需要丰富多彩的文本效果,因此在对文本进行基动画需要丰富多彩的文本效果,因此在对文本进行基

础排版之后,我们常常还需要对其进行更进一步的加工,础排版之后,我们常常还需要对其进行更进一步的加工,这时就需要用到文本的分离与变形了。 这时就需要用到文本的分离与变形了。

Page 17: 《 中文版Flash CS 5 动画制作实训教程 》

4.3.1 分离文本 • 在 Flash CS5 中,文本的分离方法和分离原理与之前介绍

到的组合对象相类似。选中文本后,选择【修改】 | 【分离】命令将文本分离 1次可以使其中的文字成为单个的字符,分离 2次可以使其成为填充图形。

Page 18: 《 中文版Flash CS 5 动画制作实训教程 》

4.3.2 文本变形 • 在将文本分离为填充图形后,可以非常方便地改变文字的

形状。要改变分离后文本的形状,可以使用工具箱中的【选择】工具或【部分选取】工具等,对其进行各种变形操作。

Page 19: 《 中文版Flash CS 5 动画制作实训教程 》

4.4 4.4 对文本使用滤镜效果对文本使用滤镜效果 在在 Flash CS5Flash CS5 中,所有的文本模式,包括中,所有的文本模式,包括 TLFTLF 文本和传统文文本和传统文

本都可以被添加滤镜效果,这项操作主要通过本都可以被添加滤镜效果,这项操作主要通过【【属性属性】】面面板中的板中的【【滤镜滤镜】】选项组完成。单击选项组完成。单击【【添加滤镜添加滤镜】】按钮后,按钮后,即可打开一个列表。即可打开一个列表。

Page 20: 《 中文版Flash CS 5 动画制作实训教程 》

4.4.1 投影滤镜

Page 21: 《 中文版Flash CS 5 动画制作实训教程 》

4.4.2 文本变形 • 【模糊 X 】和【模糊 Y 】文本框:设置模糊的宽

度和高度。• 【品质】:设置模糊的质量级别。

Page 22: 《 中文版Flash CS 5 动画制作实训教程 》

4.4.3 发光滤镜 • 【模糊 X 】和【模糊 Y 】:用于设置发光的宽度和高度。• 【强度】:用于设置对象的透明度。• 【品质】:用于设置发光的质量级别。• 【颜色】:设置发光颜色。• 【挖空】:选中该复选框可将对象实体隐藏,而只显示

发光。• 【内侧发光】:选中该复选框可使对象只在边界内应用

发光。

Page 23: 《 中文版Flash CS 5 动画制作实训教程 》

4.4.4 斜角滤镜 • 【斜角】滤镜的大部分属性设置与【投影】、【模糊】或

【发光】滤镜属性相似。单击【类型】按钮,在弹出的菜单中可以选择【内侧】、【外侧】、【全部】 3 个选项,可以分别对对象进行内斜角、外斜角或完全斜角的效果处理。

Page 24: 《 中文版Flash CS 5 动画制作实训教程 》

4.4.5 渐变发光滤镜 • 添加【渐变放光】滤镜,可以使发光表面具有渐变效果,

该滤镜的属性。• 将光标移动至该面板的渐变栏上,则会变为形状,此时单

击鼠标左键可以添加一个颜色指针。单击该颜色指针,可以在弹出的颜色列表中设置渐变颜色;移动颜色指针的位置,则可以设置渐变色差。

Page 25: 《 中文版Flash CS 5 动画制作实训教程 》

4.4.6 渐变斜角滤镜 • 添加【渐变斜角】滤镜,可以使对象产生凸起效果,并且斜角表面具有渐变颜色,该滤镜的属性如图 4-51所示。设置【渐变斜角】滤镜的属性可以参考前文中介绍的滤镜属性设置。

Page 26: 《 中文版Flash CS 5 动画制作实训教程 》

4.4.7 调整颜色滤镜 • 添加【调整颜色】滤镜,可以调整对象的亮度、对比度、色相和饱和度,该滤镜的属性如图 4-52所示。以通过拖动滑块或者在文本框中输入数值的方式,对对象的颜色进行调整。

Page 27: 《 中文版Flash CS 5 动画制作实训教程 》

4.5 4.5 上机实战上机实战 本章的上机实战主要练习文本滤镜的创建,重点巩固文本本章的上机实战主要练习文本滤镜的创建,重点巩固文本

滤镜的添加、编辑等操作。 滤镜的添加、编辑等操作。

Page 28: 《 中文版Flash CS 5 动画制作实训教程 》

4.5.1 制作立体文字

Page 29: 《 中文版Flash CS 5 动画制作实训教程 》

4.5.2 制作文本滤镜特效

Page 30: 《 中文版Flash CS 5 动画制作实训教程 》

• 1. 使用【文本】工具创建如图 4-69所示的浮雕文字效果

• 2. 使用【文本】工具创建如图 4-70所示的镂空文字效果

习 题习 题