8动画设计案例教程__第3章 flash 80文字特效ppt课件_第1页
8动画设计案例教程__第3章 flash 80文字特效ppt课件_第2页
8动画设计案例教程__第3章 flash 80文字特效ppt课件_第3页
8动画设计案例教程__第3章 flash 80文字特效ppt课件_第4页
8动画设计案例教程__第3章 flash 80文字特效ppt课件_第5页
已阅读5页,还剩103页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第3章 Flash 8.0文字特效 作者:伍福军 张家瑞 知识点: 1. Flash基础知识 2. 浮雕文字 3. 渐变文字 4. 图案变化文字 5. 立体文字 6. 变心文字 7. 文字的淡出淡入 8. 飘落文字效果 9. 变色变形文字 10. 环形旋转特效文字 11. 跳动的文字效果 12. 遮罩文字效果 13. 辉光特效文字 14. 蝴蝶与文字 15. 幻影文字效果 16. 变色文字 说明: 本章主要通过15个Flash文字制作案例, 全面讲解了Flash 8.0制作动态文字的方法、 步骤与技巧,通过这些例子的学习并举一反三 ,就可以制作出其他文字特效。 教学建议课时数: 一般情况下需16课时,理论6课时,实际 操作10课时(根据特殊情况可做相应调整)。 3.1 Flash文字基础知识 Macromedia Flash Basic 8 和 Macromedia Flash Professional 8 提供多种文本功能和选项。这 里主要介绍三种可添加到文档中的主要文本类型。用 户可以为文档中的标题、标签或其他文本内容添加静 态文本,也可以使用【输入文本】选项,以允许观众 与Flash应用程序进行交互,例如,在表单中输入姓名 或者其他信息。第三种文本类型是动态文本。动态文 本字段可以显示根据用户指定的条件变化的文本。例 如,可以使用动态文本字段来添加存储在其他文本字 段中的值,例如两个数字的和。 3.1 Flash文字基础知识 3.1.1 设置工作区 双击桌面上的 图标,弹出如图3.1所示的对话框,在对话框中单击 选项,新建一个Flash文档。 图3.1 3.1 Flash文字基础知识 设置【属性】面板,具体设置如图3.2所示。 图3.2 3.1.2 创建不断加宽的文本块 操作步骤如下。 (1) 单击工具箱中的文字工具,此时【属性】面板变成如图3.3所示。 图3.3 3.1 Flash文字基础知识 (2) 设置要输入的文本的文字类型、字体、大小、颜色等其他属性,具体设置如图3.4所示。 图3.4 (3) 在工作区中要输入文本的地方单击,此时鼠标指针变成如图3.5所示的样子。 图3.5 (4) 输入“中国职业教育”6个字,效果如图3.6所示。 图3.6 提示: 如果要输入两行文字时,可在输入完第一行文字之后按【Enter】键,继续输入要输入的 文字即可。 3.1 Flash文字基础知识 3.1.3 创建宽度固定的文本块 除了创建一行在输入时不断加宽的文本以外,还可以创建宽度固定的文本块。具体操作 方法如下。 (1) 单击工具箱中的文字工具,设置【属性】面板如图3.7所示。 图3.7 (2) 在工作区中,按住鼠标左键不放的同时拖动鼠标,此时在工作区中拖出一个文本输入框, 如图3.8所示。 图3.8 (3) 在文本框中输入“中国职业教育是我国教育发展的必然趋势”,如图3.9所示。 图3.9 3.1 Flash文字基础知识 注意: 用户可以通过拖动文本块的方法来控制块的宽度。另外,可通过双击方形控制块来将它 转换为圆形扩展控制块。 在输入文本时,若所输入的内容超出文本框的框度,Flash会自动换行。 3.1.4 编辑文本和更改字体属性 当对所输入的文本不满意时,可以对它进行编辑,如更改字体。方法很简单,具体操作方法 如下。 (1) 单击工具箱中的选择工具,再单击需要编辑的文本,此时【属性】面板会显示文本以前的 属性设置。 (2) 根据需要设置文本属性即可。 3.1 Flash文字基础知识 3.1.5 添加输入文本字段 使用输入文本字段可以允许观众有机会与 Flash 应用程序进行交互。例如,使用输入 文本字段,可以方便地创建表单。 (1) 使用前面所学知识,在工作区输入如图3.10所示的静态文本。 (2) 单击文字工具,设置【属性】面板如图3.11所示。 图3.10 图3.11 3.1 Flash文字基础知识 (3) 分别在图3.10中的文字右边,按住鼠标左键不放的同时拖动鼠标,拖出一个文本框,最终效 果如图3.12所示。 图3.12 (4) 按下键盘上的【Ctrl+Shift】键,进入测试状态,如图3.13所示。 图3.13 3.1 Flash文字基础知识 (5) 在右边的输入框中输入所需要的文本,最终效果如图3.14所示。 图3.14 3.1 Flash文字基础知识 3.1.6 复制文本字段 有时候要输入的文本特别长,为了加快速度,可以使用复制和粘贴的方法来输入文本,具体方法如下。 (1) 选择要复制的文本,按下键盘上的【Ctrl+C】键。 (2) 回到Flash文档中,单击中工具箱中的文字工具,设置好属性面板,在需要粘贴文字的地方用鼠标拖出一个 文本框,再按下键盘上的【Ctrl+V】键。 (3) 选中刚粘贴的文字,设置文字属性面板即可。 3.1.7 为文本字段指定实例名称 舞台上的输入文本字段是ActionScript TextField对象的实例,用户可以给它应用属性和方法。用户最 好给文本字段实例命名,这样其他处理该项目的人员就能够在ActionScript中引用该实例。给文本字段指定 实例名称的方法如下。 (1) 选中要指定实例的文本。 (2) 在文本属性面板的处输入所取的实例名字即可。 提示:只有输入文本和动态文本才能指定实例名称。 3.1.8 创建动态文本字段 在运行时,动态文本可以显示外部来源中的文本。可以创建一个链接,以键接到外部文 本文件的动态文本字段。动态文本字段创建的具体方法,本书后面用详细的例子进行了讲解 。 3.1 Flash文字基础知识 3.1.9 测试SWF文件 (1) 选择文件保存命令,保存文件。然后选择控制测试影片命令进行测试。 (2) 在输入文本字段中输入文本。 (3) 测试完该文件后,关闭 SWF 文件窗口。 3.2 静态文字 3.2.1 案例一:浮雕文字 在白色背景中制作浮雕文字。 本案例主要用到的工具及相关知识有:文字工具、分离、图像叠放的顺序改变、扩展 填充等。 3.2 静态文字 (1) 双击 图标,弹出如图 3.15 所示的界面,单击 图标,新建一个空白文档。 图3.15 3.2 静态文字 (2) 单击文字工具,在舞台中央输入“艺术与人生”文字,文字【属性】面板的设置如图3.16 所示,文字效果如图3.17所示。 图3.16 图3.17 (3) 选中“艺术与人生”文字,按【Ctrl+C】键复制文字,再按【Ctrl+V】键将当前文字粘贴到 舞台上,如图3.18所示。 (4) 设置所复制文字的颜色为“灰色”,效果如图3.19所示。 图3.18 图3.19 3.2 静态文字 (5) 在灰色的文字上单击鼠标右键,弹出快捷菜单,选择下移一层命令,如图 3.20所示。 图3.20 (6) 单击选择工具,移动灰色文字,并配合键盘上的上下左右移动键,对文字进行微调, 调整后的最终位置如图3.21所示。 图3.21 (7) 选择修改分离命令,将文字分离成单个的文字。 (8) 重复第7步,再将单个的文字分离成矢量图形。 (9) 选择修改形状扩展填充命令,弹出【扩展填充】对话框,按如图3.22所示设 置。单击按钮,得到如图3.23所示的图形。 3.2 静态文字 本案例主要利用文字工具输入文字,然后再复制一个文字,将复制文字设置成不 同的颜色,利用文字错位来形成浮雕效果。 图3.22 图3.23 利用前面所学的知识制作如下效果的文字。 3.2 静态文字 3.2.2 案例二:渐变文字 在白色背景中制作五颜六色的文字特效。 本案例主要用到的工具及相关知识有:文字工具、填充工具、渐变设置浮动面板、属性设置等 。 3.2 静态文字 (1) 启动Flash 8.0,新建一个文档,命名为“渐变文字效果”。 (2) 单击文字工具,在舞台上输入“花样年华”文字,如图3.24所示。 图3.24 (3) 选择修改分离命令,将文字分离成单个的文字。 (4) 重复第3步,再将单个的文字分离成矢量图形。 (5) 单击颜料桶工具,并将填充色设置为 渐变。 (6) 颜色浮动面板的设置如图3.25所示,所获得的效果如图3.26所示。 图3.25 图3.26 3.2 静态文字 本案例的重点是利用Flash 8.0的分离命令,将文字分离,再设置颜色浮动面板的渐 变类型来制作文字特效。 利用前面所学的知识制作如下效果的文字。 提示:利用选择工具对彩色文 字要变形的笔画进行调 整,就可以制作如下效 果。 3.2 静态文字 3.2.3 案例三:图案变化文字 制作一个图案在文字上不停变化的效果。 本案例主要用到的工具及相关知识有:文字工具、图片的导入、遮罩、补间动画、 元件的转换、动画方式设置等。 3.2 静态文字 (1) 运行Flash 8.0,新建一个名为“图案变化文字”的文件。 (2) 选择文件导入导入到库命令,弹出一个文件导入对话框,选择图片所在的文件夹 ,并单击要导入的图片,单击打开按钮,得到如图3.27所示的图片。 (3) 在图片上单击鼠标右键,弹出快捷菜单,如图 3.28所示,选择分离命令,如图 3.28所 示。 图3.27 图3.28 (4) 根据需要调整图片大小,单击椭圆工具,并将填充色设置为 ,在图片上绘制一个圆,如 图3.29所示。 (5) 单击选择工具,并在如图3.29所示的圈外单击选中该图片圈外的部分,按键盘上的 【Delete】键,将圈外的图片删除,如图3.30所示。 3.2 静态文字 (6) 单击【插入图层】按钮,插入一个新的图层,并选择该图层,如图3.31所示。 (7) 单击文字工具,在舞台中输入文字,文字面板的属性设置如图3.32所示,文字形状如图 3.33所示。 图3.29 图3.30 图3.31 图3.32 图3.33 3.2 静态文字 (8) 单击选择工具,并在图片上双击,选中图片和外圈,然后在图片上单击鼠标右键,弹出如 图3.34所示的快捷菜单,选择转换为元件命令,弹出如图3.35所示的对话框,按如图3.35 所示设置,之后单击确定。将其分离图片转换为“图形”符号。 图3.34 图3.35 (9) 在图层1的30帧处,单击鼠标右键,弹出如图3.36所示的快捷菜单,选择插入关键帧命 令,插入一个关键帧,如图3.37所示。 (10) 在图层2的30帧处,单击鼠标右键,弹出快捷菜单,选择插入帧命令,图层样式如图 3.38所示。 (11) 在图层1的1至29帧中的任意处单击鼠标右键,弹出快捷菜单,选择创建补间动画命令 。 图层样式如图3.39所示。补间动画的属性面板设置如图3.40所示。 3.2 静态文字 图3.36 图3.37 图3.38 图3.39 图3.40 3.2 静态文字 (12) 在图层2上单击鼠标右键,弹出快捷菜单,如图3.41所示,选择遮罩层命令,图层样式如 图3.42所示,效果如图3.43所示。 图3.41 图3.42 图3.43 本案例主要利用文字工具、遮罩层、补间动画等知识来制作一个图案在文字上变换的效果 ,在制作过程中,一定要明白遮罩的工作原理,这也是本案例的学习重点。 3.2 静态文字 根据上面的制作原理,来制作如下效果。 提示: 将文字分离,再单击修改形状柔化填充边缘命令,弹出对话框,并进行 设置,然后单击【确定】按钮,再 利用选择工具,选中文字中要删除的部分。其余的步骤参 考案例三。 3.2 静态文字 3.2.4 案例四:立体文字 在白色的背景中制作立体文字效果。 本案例主要用到的工具及相关知识有:文字工具、直线工具、颜料桶工具、渐变填充浮动面 板、柔化填充边缘等。 3.2 静态文字 (1) 启动Flash 8.0,新建一个名为“立体文字”的文件。 (2) 单击文字工具,在舞台上输入“A”文字,文字大小如图3.44所示。 (3) 利用选择工具选中文字,按【Ctrl+C】键复制,按【Ctrl+V】键将文字粘贴到舞台上,位 置如图3.45所示。 (4) 单击选择工具,按住鼠标左键从舞台的左上角到右下角画一框,此时将选中这两个文字, 如图3.46所示。 (5) 在被选中的文字上单击鼠标右键,弹出快捷菜单,选择分离命令,将文字分离,效果如图 3.47所示。 (6) 选择修改形状柔化填充边缘命令,弹出如图3.48所示的对话框。 图3.44 图3.45 图3.46 图3.47 图3.48 3.2 静态文字 (7) 对话框的设置如图3.48所示,单击确定按钮,得到如图3.49所示的文字效果。 (8) 单击选择工具,结合按【Shift】键,将需要删除的部分文字选中,再按键盘上的【 Delete】键,将不需要的部分删除,效果如图3.50所示。 (9) 单击直线工具,将如图3.51所示的文字连接起来,如图3.52所示。 (10) 根据透视原理将被遮住的线删除,效果如图3.52所示。 (11) 单击颜料桶工具,根据需要设置填充渐变色,并填充文字,效果如图3.53所示。 图3.49 图3.50 图3.51 图3.52 图3.53 3.2 静态文字 (12) 单击文字工具,在舞台上输入“+”符号,效果如图3.54所示。 (13) 根据制作“A”文字立体效果的方法制作“B”文字的立体效果,如图3.55所示。 图3.54 图3.55 本案例主要利用文字工具和柔化填充边缘的功能来制作文字立体效果。在制 作过程中要特别明白绘图的透视原理,否则制作出来的效果将与现实情况不符。 3.2 静态文字 根据所学的知识制作如下效果。 3.3 动态文字特效 3.3.1 案例五:变心文字 制作一个由“永不变心”文字逐渐形成心形的图形效果。 本案例主要用到的工具及知识有:椭圆工具、文字工具、柔化填充边缘与创建形状动画等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“变心文字”的文件。 (2) 单击文字工具,在舞台上输入“永不变心”文字,文字属性面板的设置如图3.56所示,文 字效果如图3.57所示。 图3.56 图3.57 (3) 单击选择工具,选中刚输入的文字,在文字上单击鼠标右键,弹出快捷菜单,选择 分离命令,将文字分离成单个文字,如图3.58所示。 图3.58 3.3 动态文字特效 (4) 再在文字上单击鼠标右键,在弹出的快捷菜单中选择分离命令,将文字分离 成矢量图,如图3.59所示。 (5) 在“图层1”的30帧处单击鼠标右键,在弹出的快捷菜单中单击插入关键帧命 令,此时将在30帧处插入关键帧,如图3.60所示。 图3.59 图3.60 (6) 单击椭圆工具,在30帧处绘制一个圆,并将文字删除,单击选择工具,将椭圆调整成一 个心形,如图3.61所示。 图3.61 3.3 动态文字特效 (7) 在“图层1”的60帧处单击鼠标右键,在弹出的快捷菜单中,选择插入关键帧命令,此时 将在60帧处插入一个关键帧。 (8) 选择修改形状柔化填充边缘命令,弹出对话框,对话框的设置如图3.62所示,单 击确定按钮,得到如图3.63所示的文字效果。 图3.62 图3.63 (9) 重复第8步,得到如图3.64所示的效果。 (10) 在图层1的70帧处单击鼠标右键,弹出快捷菜单,在弹出的快捷菜单中选择插入帧命 令,此时在60帧至70帧处插入了10帧普通帧。 (11) 单击文字工具,在舞台上输入“爱心”两个字,效果如图3.65所示。 图3.64 图3.65 3.3 动态文字特效 (12) 单击“图层1”,将“图层1”选中,如图3.66所示。 (13) 设置【属性】面板如图3.67所示。设置完【属性】面板后的“图层1”如图 3.68所示 。 图3.66图3.67 图3.68 (14) 动画效果请观看网上素材文件中第3章的“变心文字”Flash文件。 3.3 动态文字特效 本案例主要利用形状动画原理来制作变心动画,在制作本案例时要特别注意文字要分离 两次,第一次将文字分离成单个文字,第二次将单个文字分离成矢量图形。 利用前面所学知识制作如下变化效果,动画演示请观看网上素材文件第3章中的“变心文 字2”Flash文件。 3.3 动态文字特效 3.3.2 案例六:文字的淡出淡入 在白色的背景中制作一行文字,在旋转的过程中,文字显示从无到有又从有到无的效果。 本案例主要用到的工具或命令有:文字工具、选择工具、文字属性面板设置、任意变形 工具、Alpha属性设置、创建补间动画等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“文字的淡出淡入”的文件。 (2) 单击文字工具,在舞台上输入“文字的淡出淡入”,如图3.69所示。 (3) 在“图层1”的30帧处单击鼠标右键,在弹出的快捷菜单中选择插入关键帧命令,此时在 “图层1”的30帧处插入了一个关键帧。 (4) 利用步骤3的方法,在“图层1”的60帧处插入一个关键帧。 (5) 单击“图层1”的第一帧,选中第1帧的文字,单击任意变形工具,按住【Shift】键,利 用鼠标操作将文字变小,并设置文字属性面板的Alpha值为如图3.70所示,文字效果将如图 3.71所示。 (6) 单击“图层1”的60帧,选中第60帧的文字,单击任意变形工具,按住【Shift】键,利用鼠 标操作将文字变小,并设置文字属性面板的Alpha值为如图3.70所示,文字效果将如图3.71 所示。 图3.69 图3.70 图3.71 3.3 动态文字特效 (7) 单击“图层1”,将图层1选中,在图层1的第160帧的任意一帧处单击鼠标右键,从弹出的 快捷菜单中选择创建补间动画片命令,将他们创建补间动画,图层1的效果将如图3.72所 示。 (8) 补间动画属性面板的设置如图3.73所示。 图3.72 图3.73 (9) 文字效果请观看本书配套光盘第3章的“文字的淡出淡入”Flash文件。 3.3 动态文字特效 本案例主要用到文字之间的补间动画知识点,在制作过程中要特别注意补间动画属性面板的设置 。 根据所学知识制作如下效果,动画演示效果请观看本书配套光盘第3章的“文字淡出淡入 1”Flash文件,部分截取效果如下图所示。 3.3 动态文字特效 3.3.3 案例七:飘落文字效果 在黑色的背景中制作一个文字飘落的效果。 本案例主要用到的工具及知识有:文字工具、分离、创建补间动画、Alpha设置等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“飘落文字效果”的文件。 (2) 单击属性面板中的 按钮,弹出属性面板,将背景设置为黑色,属性面板的其他设置为 如图3.74所示。 图3.74 (3) 单击文字工具,在舞台上输入“飘落文字效果”文字,其大小、位置、颜色如图3.75所 示。 (4) 单击选择工具,将文字选中,在文字上单击鼠标右键,在弹出的快捷菜中选择分离命 令,将文字分离成单个文字,如图3.76所示。 图3.75 图3.76 3.3 动态文字特效 (5) 选择修改时间轴分散到图层命令,将文字分散到各个图层,图层效果如图3.77所 示。 (6) 单击选中“图层1”,单击图层面板中的 按钮,将“图层1”删除,效果如图3.78所示。 图3.77 图3.78 (7) 单击选中“飘”图层的第40帧,在按住【Shift】键的同时单击“果”图层的第40帧,此时 选中所有图层的第40帧,效果如图3.79所示。 图3.79 3.3 动态文字特效 (8) 把鼠标指针移到任意一层的40帧上单击鼠标右键,在弹出的快捷菜单中选择插入关键命令 ,依此方法在每层的第40帧处插入关键帧,图层效果如图3.80所示。 图3.80 (9) 单击选择工具,在任意图层的第1帧处单击,再在舞台中将所有文字选中,并将文字移 动到舞台左上角,如图3.81所示。 (10) 选择修改变形垂直翻转命令。 (11) 选择修改变形水平翻转命令,得到的效果如图3.82所示。 图3.81 图3.82 3.3 动态文字特效 (12) 单击“飘”的第1帧,在按住【Shift】键的同时,单击“果”图层的第40帧,选中所有图 层的前40帧,所获得的图层样式如图3.83所示。 图3.83 (13) 把鼠标指针移到被选中的帧上并单击鼠标右键,在弹出的快捷菜单中选择创建补间动 画命令,为所有的图层创建补间动画,图层效果如图3.84所示。 图3.84 3.3 动态文字特效 (14) 选中所有层的第40帧,选择修改 变形 垂直翻转命令,将所有文字垂直翻转 。将鼠标指针移到第60帧处,选中“飘”字,选择修改变形水平翻转命令。将所 有文字水平翻转。同理,将“落、文、字、效、果”这几个字逐个水平翻转。 (15) 应用选择工具,调整图层的位置,图层效果如图3.85所示。 图3.85 (16) 单击“飘”图层的第100帧,在按住【Shift】键的同时单击“果”图层的第100帧,此时将 选中所有层的第100帧,在第100帧上单击鼠标右键,在弹出的快捷菜单中选择插入帧命 令,图层效果如图3.86所示。 图3.86 3.3 动态文字特效 (17) 文字效果请观看本书配套光盘第3章中的“飘落文字效果”Flash文件。部分效果如本节 “案例效果”中的图所示。 本案例主要利用了两次分离命令,第一次将所有文字分离成单个文字,第二次将所有 单个文字分离到各个图层。 根据前面所学的知识制作如下效果,动画效果请观看本书配套光盘第3章的“飘落文字效果 1”Flash文件。 提示:本例的制作需要设置属性面板中的Alpha值。 3.3 动态文字特效 3.3.4 案例八:变色变形文字 制作一个文字色彩和形状不断发生变化的文字特效。 本案例主要用到的工具及知识有:文字工具、渐变填充、选择工具、补间动画、分离等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“变色变形文字”的文件。 (2) 单击文字工具,在舞台上输入“变色变形文字”的文字,如图3.87所示。 (3) 单击选择工具,在输入的文字上单击鼠标右键,在弹出的快捷菜单中选择分离命令,将 文字分离成单个的文字。再重复使用“分离”命令,将单个文字分离成矢量图形,如图3.88 所示。 (4) 单击颜料桶工具,并将填充色设置为 ,此时的文字效果如图3.89所示。 图3.87 图3.88 图3.89 (5) 在“图层1”的第30帧处单击鼠标右键,在弹出的快捷菜单中选择插入关键帧命令, 此时在第30帧处插入了一个关键帧。将填充色设置为 ,文字效果如图3.90所示。 (6) 在“图层1”的第60帧处单击鼠标右键,在弹出的快捷菜单中选择插入关键帧命 令,此时在第60帧处插入了一个关键帧。将填充色设置为 ,文字效果如图3.91所示 。 3.3 动态文字特效 图3.90 图3.91 (7) 单击选择工具,在图层的第30帧处单击,此时将选中“图层1”的第30帧,利用 选择工具对文字进行调整,效果如图3.92所示。 图3.92 (8) 利用选择工具单击选中“图层1”,此时图层1的效果如图3.93所示。设置属性 面板,具体参数设置如图3.94所示。 图3.93 图3.94 3.3 动态文字特效 (9) 完整动画请观看从本书提供的网页下载的素材第3章的“变色变形文字”Flash文件。 本案例主要使用Flash中的文字分离和形状补间动画来制作文字特效,在制作过程中 要特别注意对文字形状的调整。 部分动画效果如下图所示,完整动画效果请观看从本书提供的网页下载的素材第3 章的“变色变形文字1”Flash文件。 3.3 动态文字特效 3.3.5 案例九:环形旋转特效文字 在黑色的背景中制作一个环行文字旋转特效。 本案例主要用到的工具及知识有:文字工具、引导线、创建补间动画、分离、符号的使用等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“环形旋转特效文字”的文件。 (2) 单击属性面板中的 按钮,展开属性面板,将背景色设置为黑色,如图 3.95 所示。 (3) 选择插入新建元件命令,弹出【创建新元件】对话框,具体设置如图3.96所示。单击 确定按钮,新建一个图形符号。 图3.95 图3.96 (4) 在工作区中输入“职”字,在“图层1”的第27帧处插入关键帧。在“图层1”的第127 帧处单击鼠标右键,在弹出的快捷菜单中选择创建补间动画命令,为图层1创建补间动画。 (5) 单击图层面板上的【添加运动引导层】按钮,创建一个引导层。 (6) 单击椭圆工具,将填充色设置为,在工作区绘制一个圆。 (7) 利用橡皮擦工具,将绘制的椭圆擦出一个缺口,如图3.97所示。 (8) 单击“图层1”的第1帧,将“职”字移到如图3.98所示的位置,再单击“图层1”的第27 帧,将“职”字移到如图3.99所示的位置。 3.3 动态文字特效 (9) 在“图层1”的第27帧之间单击鼠标右键,在弹出的快捷菜单中单击创建补间动画命令 ,创建补间动画。【属性】面板的设置如图3.100所示。 图3.97 图3.98 图3.99 图3.100 (10) 在“图层1”上单击选中整个图层,在选中图层的两个关键帧之间单击鼠标右键,弹 出快捷菜单,选择转换为关键帧命令,将所有过渡帧转换为关键帧,时间轴如图 3.101所示。 (11) 将时间轴上的关键帧隔帧删除一帧,时间轴如图3.102所示。 3.3 动态文字特效 (12) 单击图层面板中的【编辑多个帧】按钮,此时的图层面板如图3.103所示,文字效果如 图3.104所示。 (13) 在选中的文字上单击鼠标右键,弹出快捷菜单,选择分离命令,将文字分离成单个文 字,如图3.105所示。 图3.101 图3.102 3.3 动态文字特效 图3.103 图3.104 图3.105 (14) 单击文字工具,将“职”修改成自己想要的文字,效果如图3.106所示。 (15) 将所有修改好的文字全部选中,按【Ctrl+C】键复制文字。 图3.106 3.3 动态文字特效 (16) 选择插入新建文件命令,弹出【创建新元件】对话框,按如图3.107所示设置。单击 确定按钮,新建一个新图形符号,再按【Ctrl+V】键将刚复制的文字复制到该符号中。 (17) 利用前面所学的知识,给该环形文字制作浮雕效果,效果如图3.108所示。 图3.107 图3.108 (18) 单击图层面板的场景按钮返回场景1。 (19) 选择插入新建元件命令,弹出【创建新元件】对话框,设置为如图3.109所示。单击 确定按钮,新建一个新影片剪辑符号。 图3.109 3.3 动态文字特效 (20) 将库中的“图形符号”拖到影片剪辑中,如图3.110所示。 (21) 在“图层1”的30帧处插入关键帧,并选中“图层1”,如图3.111所示。 图3.110 图3.111 (22) 属性面板的设置如图3.112所示。 图3.112 3.3 动态文字特效 (23) 单击【图层】面板的场景按钮,返回场景1。 (24) 将库中的“环行旋转”影片剪辑拖放到舞台上。 (25) 利用任意变形工具,对“环行旋转”影片进行变形,最终效果如图3.113所示。 图3.113 (26) 完整动画效果请观看本书配套光盘第3章的“环行旋转文字特效”Flash文件。 3.3 动态文字特效 本案例主要利用引导线和补间动画来制作环行旋转文字,在制作过程中要特别注意在 制作环行文字时属性面板的设置,要明白动画的制作原理。 制作如下效果,完整动画请观看本书提供的网页下载的素材第3章的“环行旋转文字特效 1”Flash文件。 3.3 动态文字特效 3.3.6 案例十:跳动的文字效果 在黑色的背景中制作跳动的文字效果。 本案例主要用到的工具及功能有:文字工具、补间动画、分离、分散到图层、Alpha的设置等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“跳动的文字效果”的文件。 (2) 选择插入新建元件命令,弹出【创建新元件】对话框,设置为如图3.114所示。单击 确定按钮,新建一个影片剪辑符号。 图3.114 (3) 单击【属性】面板中向右的小三角形,展开【属性】面板。在【属性】面板中设置背景 颜色为黑色,【属性】面板的其他设置如图3.115所示。 图3.115 3.3 动态文字特效 (4) 单击文字工具,在工作区中输入如图3.116所示的文字。 图3.116 (5) 单击选择工具,在输入的文字上单击鼠标右键,弹出快捷菜单,选择分离命令, 将文字分离成单个文字。 (6) 再在分离的文字上单击鼠标右键,弹出快捷菜单,选择分散到图层命令,将单个文 字分散到各个图层,如图3.117所示。 (7) 在“图层1”上单击,选中“图层1”,然后单击时间轴上的【删除图层】按钮,将 “图层1”删除,如图3.118所示。 图3.117 图3.118 3.3 动态文字特效 (8) 在“中”层的20帧处单击,在按住【Shift】键不放的同时,在“育”图层的第20帧处单击 ,选中所有层的第20帧。 (9) 在任意帧的第20帧上单击鼠标右键,弹出快捷菜单,选择插入关键帧命令,在第20帧处插 入一个关键帧。 (10) 使用第9步的方法,在所有图层的第40帧处插入一个关键帧,如图3.119所示。 图3.119 (11) 选中所有层的第20帧,并将工作区的文字向上移动一段距离,如图3.120所示。 (12) 单击“中”层的第一帧,在按住【Shift】键不放的同时单击“育”图层的第 40帧,选 中 所有层的所有帧,如图3.121所示。 3.3 动态文字特效 (13) 在选中的任意帧上单击鼠标右键,弹出快捷菜单,选择创建补间动画命令,创建补间动 画,如图3.122所示。 图3.120 图3.121 图3.122 3.3 动态文字特效 (14) 在“国”图层上单击,选中“国”图层的前40帧,把鼠标指针放到选中的任意帧上,在按 住鼠标左键不放的同时往后移动,最终效果如图3.123所示。 图3.123 (15) 利用第14步的方法,调整所有图层,最终效果如图3.124所示。 图3.124 3.3 动态文字特效 (16) 利用前面的方法,选中所有层的第140帧,并在任意层的第140帧上单击鼠标右键,弹出快 捷菜单,选择插入帧命令,插入帧。 (17) 单击时间轴上的场景按钮,返回场景。 (18) 打开【库】浮动面板,将库中的 拖到舞台中,位置如图3.125所示。 (19) 再拖一次,此时舞台上有两个影片剪辑,如图3.126所示。 图3.125 图3.126 (20) 选择下边的影片剪辑,选择修改变形垂直翻转命令,并调整文字位置,效果 如图3.127所示。 图3.127 3.3 动态文字特效 (21) 选择下边的影片剪辑,并设置【属性】面板,如图3.128所示。 图3.128 (22) 最终效果如图3.129所示,完整动画请观看本书提供的网页上下载的素材第3章的 “跳动的文字效果”Flash文件。 图3.129 3.3 动态文字特效 本案例主要利用将文字分散到各个图层,并结合补间动画的原理来制作跳动的文字效果 。在制作过程中一定要注意选择的技巧。 综合前面所学知识制作如下效果,完整动画请观看本书提供的网页上下载的素材第 3章 的“跳动的文字效果1”Flash文件。 提示:进入影片剪辑编辑状态,单独设置每一个文字的属性面板中的项,然后选择“色调”, 并选择自己所需要的颜色。 3.3 动态文字特效 3.3.7 案例十一:遮罩文字效果 在蓝绿色背景中制作一个文字遮罩效果。 本案例主要用到的工具及知识有:文字工具、矩形工具、渐变填充工具、渐变 浮动面板的设置、遮罩、补间动画等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“遮罩文字”的Flash文件。 (2) 单击【属性】面板中的向右的小三角形按钮,弹出【属性】面板,在【属性】面板的 中将背景色设置成蓝绿色。 (3) 单击文字工具,在舞台中输入如图3.130所示的文字。文字属性面板的设置如图3.131所示 。 图3.130 图3.131 (4) 单击时间轴上的【插入图层】按钮,插入一个新图层,名为“图层2”,并选中该图层,如图 3.132所示。 图3.132 3.3 动态文字特效 (5) 单击矩形工具,将填充色设置成渐变色,并在舞台上绘制一个矩形,如图3.133所示。 (6) 设置渐变浮动面板,在渐变条下单击添加色块标志,并设置各色块标志的颜色,具体设置如 图3.134所示。 图3.133 图3.134 (7) 把鼠标指针移到“图层2”上,然后按住鼠标左键不放往下拖动,将“图层2”调整到图层1 下面,如图3.135所示。调整后的效果如图3.136所示。 图3.135 图3.136 3.3 动态文字特效 (8) 在图层的第60帧处单击鼠标右键,弹出快捷菜单,选择插入关键帧命令,此时在第60帧处 将插入一关键帧,并创建补间动画,如图3.137所示。 图3.137 (9) 在图层2的第60帧处单击鼠标右键,弹出快捷菜单,选择插入帧命令,此时在第60帧处将 插入一普通帧,如图3.138所示。 图3.138 3.3 动态文字特效 (10) 单击“图层1”的第1帧,并调整舞台中文字的位置,如图3.139所示。 图3.139 (11) 在“图层1”上单击鼠标右键,弹出快捷菜单,选择遮罩层命令,创建遮罩效 果。图层设置如图3.140所示,设置后的效果如图3.141所示。 图3.140 图3.141 (12) 单击时间轴上的【插入图层】按钮,插入一个新图层,名为“图层3”,并选中该 图层,如图3.142所示。 (13) 单击矩形工具,在舞台上绘制如图3.143所示的图形。完整动画请观看从网上下载 的素材第3章的“文字遮罩效果”Flash文件。 3.3 动态文字特效 本案例主要使用遮罩命令来创建遮罩文字特效,特别要提醒的是在制作过程中一定要明 白遮罩的原理,即上面图层的符号遮罩下面图层的符号,颜色将显示上面图层符号的颜色。 图3.1 图3.143 根据前面所学的知识 制作如下效果,完整动画 效果请观看从网上下载的 素材本书第 3章的“遮罩 文字1”Flash文件。 3.3 动态文字特效 3.3.8 案例十二:辉光特效文字 在黑色的背景中制作一个辉光特效文字。 本案例主要用到的工具及功能有:文字工具、矩形工具、渐变填充浮动面板、补 间动画、Alpha的设置、符号元件等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“辉光特效文字”的Flash文件。 (2) 单击【属性】面板中的向右的小三角形按钮,弹出【属性】面板,在【属性】面板的 中将背景色设置成纯黑色。 (3) 选择插入新建元件命令,弹出【创建新元件】对话框,其设置如图3.144所示。单击 确定按钮,新建一个“图形”符号。 (4) 单击矩形工具,并设置填充色为“黑白黑”形式的渐变,渐变浮动面板的设置如图 3.145所示。 图3.144 图3.145 3.3 动态文字特效 (5) 在工作区绘制一矩形,如图3.146所示。 (6) 单击部分选取工具,对绘制的矩形进行调整,效果如图3.147所示。 图3.146 图3.147 (7) 单击时间轴左上角的场景1按钮,转回场景。 (8) 选择插入新建元件命令,弹出【创建新元件】对话框,设置为如图3.148所示。单 击确定按钮,新建一个“影片剪辑”符号 图3.148 (9) 将“元件1”拖到工作区,位置如图3.149所示。 (10) 在“图层1”的第8帧处单击鼠标右键,弹出快捷菜单,选择插入关键帧命令,此时 在“图层1”的第8帧处插入一个关键帧。利用任意变形工具调整“元件1”的形状,如 图3.150所示。 3.3 动态文字特效 (11) 在“图层1”的第10帧处单击鼠标右键,弹出快捷菜单,选择插入关键帧命令,此时在“ 图层1”的第10帧处将插入一个关键帧。利用任意变形工具调整“元件1”的形状,如图3.151 所示。 (12) 在“图层1”的第18帧处单击鼠标右键,弹出快捷菜单,选择插入关键帧命令,此时在“ 图层1”的第18帧处将插入一个关键帧。利用任意变形工具调整“元件1”的形状,如图3.152 所示。 (13) 在“图层1”上单击,此时将选中“图层1”的所有帧。在选中的任意帧上单击鼠标右键,弹 出快捷菜单,选择创建补间动画命令,为“图层1”创建补间动画,如图3.153所示。 图3.149 图3.150 图3.151 图3.152 图3.153 3.3 动态文字特效 (14) 在“图层1”所选中的任意帧上单击鼠标右键,弹出快捷菜单,选择复制帧命令,复制所 有选中的帧。 (15) 单击时间轴左下角的【插入图层】按钮,此时将插入一个“图层2”。在“图层2”上单击 ,选中所有普通帧,在选中的任意帧上单击鼠标右键,弹出快捷菜单,选择粘贴帧命令, 粘贴刚才复制的帧,如图3.154所示。 (16) 利用第15步的方法,再新建一个“图层3”,并粘贴复制的帧,效果如图3.155所示。 图3.154 图3.155 (17) 单击选择工具,调整3个图 层中帧的位置关系,调整 好的位置关系如图3.156所 示。 图3.156 3.3 动态文字特效 (18) 单击时间轴左上角的场景1按钮,转到场景1中。 (19) 单击文字工具,在舞台中输入“F”文字,如图3.157所示。 (20) 在第5帧处插入一个关键帧,并输入“L”文字,如图3.158所示。 (21) 利用第20步的方法,分别在第10、15、20帧处插入关键帧,分别输入“A”、“S”、“H” 的文字,如图3.159所示。 图3.157 图3.158 图3.159 (22) 单击时间轴左下角的【插入图层】按钮,此时将插入一个“图层2”,如图3.160所示。 图3.160 3.3 动态文字特效 (23) 选中“图层2”的第1帧,将“元件2”拖到舞台中,位置如图3.161所示,属性面板设置如 图3.162所示。 图3.161 图3.162 (24) 在“图层2”的第5帧处插入关键帧,再拖一个“元件2”到舞台上,位置如图3.163所 示,属性面板的设置如图3.163所示。 (25) 方法同上,分别在“图层2”的第10、15、20帧处插入关键帧,将库中的“元件2”分别 拖到第10、15、20帧的工作区,属性面板的设置如图3.149所示。最终效果如图3.164所 示。 图3.163 图3.164 3.3 动态文字特效 (26) 利用前面所学的知识,新建一个图层,输入“辉光特效”的文字,并制作成浮雕效果,如 图3.165所示。 图3.165 (27) 完整动画请观看本书配套光盘第3章的“辉光特效”文字Flash文件。 本案例主要制作“辉光特效”文字,在制作过程中一定要注意渐变设置的合理性,而且透明度值的 设置不能太高,否则就达不到所需效果。 利用前面所学知识制作 如下效果,完整动画请观看 本书提供的网页上下载的素 材第 3章的“辉光特效文字 1”Flash文件。 3.3 动态文字特效 3.3.9 案例十三:蝴蝶图片与文字 在美丽的背景中,蝴蝶沿着文字飞翔。 本案例主要用到的工具及功能有:文字工具、路径工具、图片的导入与影片剪辑等。 3.3 动态文字特效 (1) 运行Flash 8.0,新建一个名为“蝴蝶图片与文字”的文件。 (2) 选择文件导入导入到库命令,弹出【导入到库】对话框,根据图片保存的位置, 找到图片并将其选中,如图3.166所示。然后单击打开按钮。将图片导入库中。 图3.166 3.3 动态文字特效 (3) 将图片从库中拖到舞台中,在图片上单击鼠标右键,弹出快捷菜单,选择分离命令,将图 片分离,如图3.167所示,并在“图层1”的第80帧处插入一个普通帧。 图3.167 (4) 选择插入新建元件命令,弹出【创建新元件】对话框,设置为如图3.168所示。单 击确定按钮,新建一个“图形”符号。在工作区中输入如图3.169所示的文字。 (5) 单击时间轴左上角的场景1按钮,返回场景。 图3.168 图3.169 3.3 动态文字特效 (6) 单击时间轴上的【插入图层】按钮,插入一个新图层。在新建图层上双击,此时新建图层处 于修改状态,如图3.170所示。 (7) 输入“文字图层”文字,将图层重命名,如图3.171所示。 图3.170 图3.171 (8) 将“文字”图形符号拖到舞台中,其大小、位置如图3.172所示,图形符号属性面板的设置如 图3.173所示。 图3.172 图3.173 3.3 动态文字特效 (9) 利用第2步的方法,将制作蝴蝶动画的图片导入到库中,如图3.174所示。 (10) 选择插入新建元件命令,弹出【创建新元件】对话框,设置如图3.175所示。单击 确定按钮,新建一个“影片剪辑”符号。 图3.174 图3.175 (11) 将库中的“位图5”图片拖到工作区,位置如图3.176所示。 图3.176 3.3 动态文字特效 (12) 在图层的第2帧处插入一个关键帧,并将“位图5”图片删除,将库中的“位图6”拖到工作 区,位置跟“位图5”的图片重合,如图3.177所示。 (13) 制作方法跟第12步的方法一样,分别在第3、4、5、6帧处插入关键帧,并将“位图6”至“ 位图11”分别放到相应的帧上,制作一个帧动画。 (14) 单击时间轴左上角的场景1按钮,返回到场景中。 (15) 利用前面第6、7、8步的方法,新建两个图层,并在每一个图层上

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论