网页设计与制作-13(续) flash基础动画制作new

《网页设计与制作-13(续) flash基础动画制作new》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、1基础动画掌握逐帧动画、形状补间动画和运动补间动画的制作方法，以及遮罩层和引导层的使用，并能够制作出简单的动画。本例将制作红点线框勾边的中空文字，如图3-1所示。通过本例的学习，读者应掌握如何改变文档大小，以及（文字工具）和（墨水瓶工具）的使用方法。1.1线框文字要点：图3-1线框文字操作步骤：图3-2设置文档属性图3-3设置文本属性1）启动FlashCS6软件，新建一个Flash文件（ActionScript2.0）。2）改变文档大小。方法：执行菜单中的“修改

2、文档”（快捷键〈Ctrl+J〉）命令，在弹出的“文档属性”对话框中设置背景色为蓝色（#000066

3、），文档尺寸为300像素×75像素，如图3-2所示，然后单击“确定”按钮。3）选择工具箱上的（文字工具），然后在“属性”面板中设置参数如图3-3所示，接着在工作区中单击鼠标，输入文字“CARTOON”。提示：为了便于与背景观看，可以暂时将文字颜色设置为黄色（#FFFF00）。图3-4设置对齐参数图3-5对齐效果4）单击面板组缩略图中的（对齐）按钮，调出“对齐”面板，然后勾选“与舞台对齐”选项，接着单击（水平中齐）和（垂直中齐）按钮，如图3-4所示，将文字中心对齐，结果如图3-5所示。5）执行菜单中的“修改

4、分离”（快捷键〈Ctrl+B〉）命令两次，将文字分离为

5、图形。提示：第1次执行“分离”命令，将整体文字分离为单个字母，如图3-6所示；第2次执行“分离”命令，将单个字母分离为图形，如图3-7所示。图3-6将整体文字分离为单个字母图3-7将单个字母分离为图形图3-8对文字描边后删除填充区域6）对文字进行描边处理。方法：单击工具栏上的（墨水瓶）工具，将颜色设为绿色（#00CC00），然后对文字进行描边。最后按键盘上的〈Delete〉键删除填充区域，结果如图3-8所示。提示：字母“A”、“R”、“O”的内边界也需要单击，否则内部边界将不会被加上边框。7）对描边线段进行处理。方法：选择工具箱上的（选择工具），框选所有的文字

6、，然后在“属性”面板中单击（编辑笔触样式）按钮，如图3-9所示。接着在弹出的“笔触样式”对话框中设置参数，如图3-10所示，再单击“确定”按钮，结果如图3-11所示。提示：通过该对话框可以得到多种不同线型的边框。8）执行菜单中的“控制

7、测试影片

8、测试”（快捷键〈Ctrl+Enter〉）命令，即可看到效果。图3-9单击“编辑笔触样式”按钮图3-10对描边线段进行处理图3-11对描边线段处理后的效果本例将制作色彩渐变的文字，如图3-12所示。通过本例的学习，读者掌握如何改变背景颜色，以及（文字工具）、（颜料桶工具）和（墨水瓶工具）的使用方法。1.2彩虹文字要点：图

9、3-12彩虹文字1）启动FlashCS6软件，新建一个Flash文件（ActionScript2.0）。2）改变文档大小。方法：执行菜单中的“修改

10、文档”（快捷键〈Ctrl+J〉）命令，在弹出的“文档属性”对话框中设置背景色为蓝色（#000066），文档尺寸为450像素×75像素，如图3-13所示，然后单击“确定”按钮。操作步骤：图3-13设置文档属性提示：如果需要以后新建文件的背景色继承深蓝色的属性，可以单击“设为默认值”按钮。3）选择工具箱上的（文字工具），设置参数如图3-14所示，然后在工作区中单击鼠标，输入文字“动漫游戏产业”。图3-14设置文本属性图

11、3-16填充文字4）利用“对齐”面板，将文字中心对齐，结果如图3-15所示。7）此时，填充是针对每一个字母进行的，这是不正确的。为了解决这个问题，需要选择（颜料桶工具）对文字进行再次填充，结果如图3-17所示。图3-15将文字中心对齐5）执行菜单中的“修改

12、分离”（快捷键〈Ctrl+B〉）命令两次，将文字分离为图形。6）选择工具箱上的（颜料桶工具），设置填充色为，然后对文字进行填充，结果如图3-16所示。图3-17对文字进行再次填充8）调整渐变色的方向。方法：选择工具箱上的（渐变变形工具），在工作区中单击文字，这时，在文字左、右两方将出现两条竖线，如图3-18

13、所示。9）将鼠标拖动到右上方的圆圈处，此时光标将变成4个旋转的小箭头，然后按住鼠标并将它向上拖动，如图3-19所示。图3-18利用渐变变形工具单击文字图3-19调整文字渐变方向10）选择工具箱上的（墨水瓶工具），设置填充色为白色，然后对每个文字边缘进行描边处理，结果如图3-20所示。图3-20对每个文字边缘进行描边处理后的效果11）执行菜单中“控制

14、测试影片

15、测试”（快捷键〈Ctrl+Enter〉）命令，即可看到效果。本例将制作具有霓虹灯效果的文字，如图3-21所示。通过本例的学习，读者应掌握将线条转换为可填充区域和柔化填充边缘的方法。1.3霓虹灯文字要点：图

16、3-21霓虹灯文字1）启动FlashC