《8动画设计案例教程__第3章 flash 80文字特效ppt课件》由会员分享，可在线阅读，更多相关《8动画设计案例教程__第3章 flash 80文字特效ppt课件（108页珍藏版）》请在金锄头文库上搜索。
1、第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课时
2、，理论6课时，实际操作10课时(根据特殊情况可做相应调整)。,3.1 Flash文字基础知识,Macromedia Flash Basic 8 和 Macromedia Flash Professional 8 提供多种文本功能和选项。这里主要介绍三种可添加到文档中的主要文本类型。用户可以为文档中的标题、标签或其他文本内容添加静态文本，也可以使用【输入文本】选项，以允许观众与Flash应用程序进行交互，例如，在表单中输入姓名或者其他信息。第三种文本类型是动态文本。动态文本字段可以显示根据用户指定的条件变化的文本。例如，可以使用动态文本字段来添加存储在其他文本字段中的值，例如两个数字的和。,3.
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
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,
5、3.1 Flash文字基础知识,注意： 用户可以通过拖动文本块的方法来控制块的宽度。另外，可通过双击方形控制块来将它转换为圆形扩展控制块。 在输入文本时，若所输入的内容超出文本框的框度，Flash会自动换行。,3.1.4 编辑文本和更改字体属性当对所输入的文本不满意时，可以对它进行编辑，如更改字体。方法很简单，具体操作方法如下。 单击工具箱中的选择工具，再单击需要编辑的文本，此时【属性】面板会显示文本以前的属性设置。 (2) 根据需要设置文本属性即可。,3.1 Flash文字基础知识,3.1.5 添加输入文本字段使用输入文本字段可以允许观众有机会与 Flash 应用程序进行交互。例如，使用输入
6、文本字段，可以方便地创建表单。 (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 复制文本
7、字段有时候要输入的文本特别长，为了加快速度，可以使用复制和粘贴的方法来输入文本，具体方法如下。 (1) 选择要复制的文本，按下键盘上的【Ctrl+C】键。 (2) 回到Flash文档中，单击中工具箱中的文字工具，设置好属性面板，在需要粘贴文字的地方用鼠标拖出一个文本框，再按下键盘上的【Ctrl+V】键。 (3) 选中刚粘贴的文字，设置文字属性面板即可。 3.1.7 为文本字段指定实例名称舞台上的输入文本字段是ActionScript TextField对象的实例，用户可以给它应用属性和方法。用户最好给文本字段实例命名，这样其他处理该项目的人员就能够在ActionScript中引用该实例。给文本
8、字段指定实例名称的方法如下。 (1) 选中要指定实例的文本。 (2) 在文本属性面板的处输入所取的实例名字即可。 提示：只有输入文本和动态文本才能指定实例名称。 3.1.8 创建动态文本字段在运行时，动态文本可以显示外部来源中的文本。可以创建一个链接，以键接到外部文本文件的动态文本字段。动态文本字段创建的具体方法，本书后面用详细的例子进行了讲解。,3.1 Flash文字基础知识,3.1.9 测试SWF文件 (1) 选择文件保存命令，保存文件。然后选择控制测试影片命令进行测试。 (2) 在输入文本字段中输入文本。 (3) 测试完该文件后，关闭 SWF 文件窗口。,3.2 静态文字,3.2.1 案
9、例一：浮雕文字,在白色背景中制作浮雕文字。,本案例主要用到的工具及相关知识有：文字工具、分离、图像叠放的顺序改变、扩展填充等。,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所示。,
10、图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 静态文字,本案例主要利用文字工具输入文字，然后再复制一个文字，将复制文字设置成不同的颜色，利
11、用文字错位来形成浮雕效果。,图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)
12、颜色浮动面板的设置如图3.25所示，所获得的效果如图3.26所示。,图3.25 图3.26,3.2 静态文字,本案例的重点是利用Flash 8.0的分离命令，将文字分离，再设置颜色浮动面板的渐变类型来制作文字特效。,利用前面所学的知识制作如下效果的文字。,提示：利用选择工具对彩色文字要变形的笔画进行调整，就可以制作如下效果。,3.2 静态文字,3.2.3 案例三：图案变化文字,制作一个图案在文字上不停变化的效果。,本案例主要用到的工具及相关知识有：文字工具、图片的导入、遮罩、补间动画、元件的转换、动画方式设置等。,3.2 静态文字,(1) 运行Flash 8.0，新建一个名为“图案变化文字”的
13、文件。 (2) 选择文件导入导入到库命令，弹出一个文件导入对话框，选择图片所在的文件夹，并单击要导入的图片，单击打开按钮，得到如图3.27所示的图片。 (3) 在图片上单击鼠标右键，弹出快捷菜单，如图 3.28所示，选择分离命令，如图 3.28所示。,图3.27,图3.28,(4) 根据需要调整图片大小，单击椭圆工具，并将填充色设置为 ，在图片上绘制一个圆，如图3.29所示。 (5) 单击选择工具，并在如图3.29所示的圈外单击选中该图片圈外的部分，按键盘上的【Delete】键，将圈外的图片删除，如图3.30所示。,3.2 静态文字,(6) 单击【插入图层】按钮，插入一个新的图层，并选择该图层
14、，如图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)
15、 在图层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 案例四：立体文字,在白色的背景中制作立体文字效果。,本案例主要用到的工具及相关知识有：文字工具、直线工具、颜料桶工具、渐变填充浮动面板、柔化填充边缘等。,
