第九节 Flash网页动画设计.ppt

主要内容 4.大楼实体图形显示 在线描稿出现以后，大楼实体从线描稿中闪亮淡出。 在“线稿遮罩”层上方新建“大楼”图层，单击“大楼”层第15帧，插入关键帧，将元件“大楼”拖至该帧，设置坐标（0，0）。选择第20帧插入关键帧，创建15至20帧的补间动画， 9.3.3 进行导演 4.大楼实体图形显示 将第15帧的大楼属性Alpha设置为0，将第20帧大楼属性的亮度设置为100。 9.3.3 进行导演 4.大楼实体图形显示 选择第25帧插入关键帧，设置属性中亮度为0，恢复正常显示，在第20至25帧之间创建补间动画。然后补齐其它层的帧，注意线稿遮罩和大楼线稿层不必添加帧，因为后面不需再显示。注意这几个关键帧中属性分别为（alpha=0——亮度100——正常），实现技巧：可以先分别插入关键帧，再修改对象属性。 9.3.3 进行导演 5.轮廓扫描 采用渐变的矩形遮罩实现轮廓扫描效果。 在“大楼”图层上方添加“大楼轮廓”层，在第25帧添加关键帧，将元件“大楼轮廓”拖至舞台中，设置坐标（0，0），这里可根据轮廓的位置使用方向键微调。 在“大楼轮廓”图层上方添加“轮廓遮罩”层，在第25帧添加关键帧，将元件“矩形”拖至舞台中，使用任意变形工具对矩形变形并调整位置到大楼左上角，将鼠标放在变形矩形的四角，当鼠标指针变成旋转式的箭头时，拖动鼠标可以实现任意旋转。使其能够超过大楼轮廓。 9.3.3 进行导演 5.轮廓扫描 在轮廓遮罩层第35帧插入关键帧，在大楼轮廓层第35帧插入帧，将轮廓遮罩层第35帧的矩形移动到大楼右下角。创建25至35帧之间的补间动画。 9.3.3 进行导演 5.轮廓扫描 在时间轴“轮廓遮罩”文字上单击右键设置“遮罩”，建立遮罩效果，并在相应图层插入帧，形成时间上的延续而显示图形。 9.3.3 进行导演 6.人物闪亮登场 利用与大楼闪亮登场相同的方式设置人物出场。在“轮廓遮罩”图层上方添加“人物”层，在第35帧插入关键帧，将元件“人物”拖至该帧，在第40、45帧插入关键帧，设置第35帧属性Alpha为0，40帧属性亮度为100，45帧不变为正常，创建35至40帧，40至45帧之间的补间动画，并在曲线层、大楼层和背景层45帧上插入帧。 9.3.3 进行导演 7.人物交替变化 在人物层第55帧插入关键帧，第60帧插入关键帧，设置60帧属性Alpha为0，创建55至60帧之间的补间动画。在人物层上方新建“人物2”图层，在第55帧插入关键帧，将元件“人物2”拖至该帧，调整位置和大小，在该层第60帧插入关键帧，设置第55帧人物2属性Alpha为0，创建55至60帧之间的补间动画，在第80帧插入帧，并补齐曲线、大楼和背景层的帧。 9.3.3 进行导演 8.广告文字的显示 这里将广告文字安排在人物出场与人物交叉溶解之间。 在人物2图层上方新建图层“宣传口号”，在第45帧插入关键帧，将元件“宣传口号”拖到场景中右侧。 9.3.3 进行导演 8.广告文字的显示 在第50帧插入关键帧，将元件“宣传口号”移动到如图位置，创建补间动画，并在第80帧插入帧。 9.3.3 进行导演 8.广告文字的显示 在图层“宣传口号”层上方创建“广告文字”层，使用同样方法实现文字的移入，在第60帧插入关键帧，将元件“广告文字”拖到场景中右侧，在第65帧插入关键帧，将元件左移到如图位置，创建补间动画，并在第80帧插入帧。 9.3.3 进行导演 1.测试影片 2.调节修订 测试之后可以调节时间的长短来控制动画的快慢，可以通过拖动关键帧的位置来改变速度快慢，或是进行位置的调整。如果希望动画只是播放一遍，可以在最后一帧插入关键帧，在该帧上单击鼠标右键选择“动作”，输入“stop();”即可。如果希望重复播放时从大楼线稿的显示开始，而保留流线型的造型，可以在最后一帧设置为关键帧后设置动作为“gotoAndPlay(10);”,这里10是指从第10帧重新播放。 3.导出影片 选择菜单“文件|保存”，保存文件为“Flash网页广告”,注意这个步骤可以发生在设计动画的任何时间。选择“文件|导出|导出影片”，将文件导出为名称“banner.swf”文件，进在导出设置中可以设定导出的版本以及加密信息。 9.3.4 排练预演 4.插入网页 打开Dreamweaver，复制index.html文件，将中间的图像删除并合并单元格，选择菜单“插入记录|媒体|Flash”选择“banner.swf”文件，将其插入网页中，调节右侧表格单元格的高度为187，预览网页。 9.3.4