Flash CS6动画制作教学资料：参考案例1.docVIP

（一）网站功能介绍 在本实例中，要制作用于公司提供日常业务的Flash标题栏。标题栏分为载入界面、公司标题界面、导航按钮和搜索界面四部分，每部分都有各自独立的进场动画。各部分需要制作的元件如下： 载入界面：载入进度条、载入动画。 公司标题界面：界面背景、组合标志、公司标题、公司logo。 导航按钮：公司业绩按钮、客户管理按钮、产品维修按钮、公司服务按钮、客服电话按钮、公司采购按钮。 搜索界面：界面背景、搜索按钮、高级搜索连接。 （二）新建Flash CS3文档 从菜单栏中选择“文件”→“新建”，在弹出的“新建文档”窗口中选择“Flash文件（ActionScript3.0）”,新建一个文档并在文档属性面板中将舞台的宽设置为像素高设置为像\ch16\34\载入1.jpg和\ch16\34\载入1.jpg，导入两幅载入图片。 （2）载入进度的动画效果可以有遮罩层实现，插入一个名为载入进度的影片剪辑元件，并在元件编辑区绘制如图16-1所示的填充区作为遮罩层中的遮罩区域。 图16-1 遮罩区域 （3）创建名为载入的影片剪辑元件并在元件的图层列表中创建三个新图层，在元件的图层中分别放入如图16-2所示的元件并将图层的帧数延长到第10帧。 图层1 图层2 图层3 图层4 图16-2 载入元件图层内容 放入元件后将图层3转换为遮罩层，图层2转换为被遮罩层。在图层3的第10帧插入关键帧并创建如图16-3所示的补间动画。在遮罩域区移动的过程中该遮罩效果会先显示图层1中的灰色载入进度条，当遮罩域区覆盖灰色载入进度条后，遮罩效果会显示图层2的绿色载入进度条，最终形成载入进度增加的效果。 第1帧 第10帧 图16-3 载入动画 （四）制作公司标题界面 （1）选择菜单栏中的“文件”→“导入”→“导入到库”选项，在弹出的导入窗口中选择光盘路径：\ch16\34\ logo.png和\ch16\34\标志.png，导入两幅标题图片。 （2）创建名为主体面板背景的影片剪辑元件，选择矩形工具，将矩形左上角和右上角的边角半径设置为15像素，展开颜色面板将矩形的填充区样式设置为放射状填充并将色标从左到右的RGB颜色编号值设置为#EAEA84和#B5B520。设置后在元件编辑区中绘制一个宽420像素高85像素的圆角矩形，最后利用渐变变形工具调整填充的范围，色标位置与填充效果如图16-4所示。 图16-4 色标位置与填充效果 （3）创建名为标志的影片剪辑元件，在该元件中放入一幅导入的标志.png图片并按快捷键[Ctrl+B]将该图片分离。利用套索工具中的魔术棒工具清除图片中的阴影和透明部分如图16-5所示。创建名为组合标志的影片剪辑元件并在该元件中将标志元件组合为如图16-6所示的形状。 图16-5 清除阴影 图16-6 组合形状 （4）创建名为闪亮条的影片剪辑元件，展开颜色面板将填充区样式设置为线性填充并在渐进条上添加一个色标，将色标从左到右的RGB颜色编号值和透明度设置为#FFFFFF+0%、#FFFFFF+100%、#FFFFFF+0%。最后利用矩形工具在元件编辑区中绘制一个宽20像素高100像素的矩形，色标位置与填充效果如图16-7所示 图16-7 色标位置与填充效果 （5）创建名为组合闪亮标志的影片剪辑元件，在元件图层列表中创建两个新图层并将图层3转换为遮罩层。在图层1中放入组合标志元件，在图层2中放入闪亮条元件，在图层3放入一个分离后的组合标志元件。利用制作载入动画的方法制作组合标志的闪亮效果，如图16-8所示。 第1帧 第10帧 图16-8 闪亮动画 （6）创建名为公司标题的影片剪辑元件，在元件中放入上一步制作的组合闪亮标志元件和先前导入的logo.png图片并利用文本工具输入公司名称，如图16-9所示。 图16-9 公司标题 （7）创建名为总标题的影片剪辑元件并在元件图层列表中新建一个图层，在图层1中放入一个先前制作的主体面板背景元件，在图层2中放入一个公司标题元件并将两个图层的帧数延长到第13帧。在图层2的第6、10、13帧中插入关键帧并在各个关键帧中改变公司标题元件的位置和透明度属性，创建公司标题元件的进场动画效果，如图16-10所示。