- 5
- 0
- 约8.33千字
- 约 45页
- 2016-02-27 发布于江苏
- 举报
flash动画设计第11章.ppt
【操作实例1】网页广告动画的制作 目标1:准备素材 1、新建文档,大小为550*150像素,其他选项保持默认即可。 2、绘制矩形,大小同样为550*150像素,移动位置覆盖住整个文档,为其填充红色到橙黄色的渐变颜色,修改图层名称为“bg”。 3、新建图层,名称为“sun”,绘制圆形,填充为浅黄色,移至文档中心部位,转换为图形元件,如图11.1所示。 4、新建名称为“l”的图层,绘制圆环,内圈直径等于“sun”元件的直径,颜色为橙色,转换为图形元件,名称为“guang”,移动元件,知道“guang”元件恰好与“sun”图形元件叠加,如图11.2所示。 5、新建名称为“man”的图层,绘制男人的外形,转换为图形元件,如图11.3所示。 6、新建名称为“woman”的图层,绘制女人的外形,转换为图形元件,如图11.4所示。 7、新建名称为“tree”的图层,绘制一棵大树,转换为图形元件,名称为“bigtree”,如图11.5所示。 8、新建名称为“tree2”的图形,绘制另外一棵大树,转换为元件,名称为“tree”,如图11.6所示。 目标2:创建动画 9、首先锁定“bg”层,使其不可编辑。选择“sun”层,创建一个“sun”元件从屏幕外向上升起到画面中心的动画,共三帧。 10、选择“l”层,在第3帧到第10帧区间内,为“guang”元件创建扩张并逐渐消失的动画,拷贝帧,向后重复粘贴六次,然后拷贝整个帧区间,在新图层“l2”、“l3”上错后一帧分别粘贴,如图11.7所示。 11、选择“tree”图层,在第5帧到第8帧区间内,在画面右下角为“bigtree”创建由小变大的动画。 12、同样,选择“tree2”层,在第9帧到第12帧区间内,在画面右下角为“tree”元件创建由小变大的动画。如图11.8所示。 13、创建“man”和“woman”元件由画面外移动到画面中心的动画。 14、在“sun”图层,创建“sun”元件扩张并覆盖整个屏幕的动画,如图11.9所示。 15、新建名称为“black”的图层,绘制一个大小刚刚能覆盖住舞台为准,填充深红色,转换为图形元件,名称为“black”。 16、在第28帧和第39帧区间创建“black”元件的渐现动画。 17、新建名称为“text”的图层,创建文字“LIFE”,颜色为淡黄色,放置在画面中心位置。 18、新建名称为“url”的图层,创建文字“”,颜色为浅紫色,转换为图形元件,并为这个图形元件添加链接网址“”。如图11.10所示。 19、在所有图层的第120帧插入普通帧,目的是让最后的字幕效果停留一段时间。 20、整个动画效果完成,时间轴的结构如图11.11所示。 【操作实例2】网页导航菜单的制作 目标1:创建菜单中的按钮 1、新建文档,大小为199*322像素,背景色为浅蓝色,其它采用默认值。 2、选择“矩形工具” 绘制三个按钮元件,分别命名为“button1”、“button2”、“button3”,在按钮上输入文字,此按钮作为一级菜单按钮,如图11.12所示。 3、新建按钮元件,命名为sub,比“button按钮”略小,并在上面输入文字,此按钮作为二级菜单按钮,如图11.13所示。 目标2:创建弹出式菜单影片剪辑 4、新建名称为“main”的影片剪辑元件,作为主影片剪辑。 5、新建三个图层,名称为“b1”、“b2”、“b3”,分别把按钮元件“button1”、“button2”、“button3”拖放到对应的图层,三个按钮元件在工作区按顺序排列,如图11.14所示。 6、新建名称为“s1”的图层,把按钮元件“sub”拖放到当前图层,复制5个,均匀对齐,放置在工作区上方中间位置,如图11.15所示。 7、把“button1”、“button2”、“button3”放置到工作区上方的中间位置,以刚好覆盖住5个“sub”按钮元件为准。在 “b1”、“b2”、“b3”层的第5帧和第20帧插入关键帧,移动“button1”、“button2”、“button3”三个按钮到工作区的下方,在第5帧和第20帧之间创建补间动画,如图11.16所示。 8、选择“b1”、“b2”、“b3”层的第15帧,插入关键帧。然后向左拖动刚刚插入的关键帧到第8帧的位置。在“b1”、“b2”、“b3”层的第15帧再次插入关键帧,同样向左拖动到第12帧位置。这样,当按钮向下移动时会有一个缓冲的效果,使菜单的动画效果更精彩,如图11.17所示。 9、复制“b1”、“b2”、“b3”层的第5帧到第20帧,在第21帧进行粘贴。保持刚刚粘贴的帧处于被选择状态,右击鼠标,在弹出的快捷菜单中单击【翻转帧】命令,将帧的播放顺序翻转,如图11.18所示。 10、为了保持三个按钮下落和上浮的对称性,选择“b1”、“b2”、“b3”层
原创力文档

文档评论(0)