展开条幅

下载 scroll.fla

1 前 言

  Flash 动画《展开条幅》是,显示一幅自上而下展开的条幅。
  制作思路是:制作一个条幅和两个卷轴,以及与背景相同颜色的,并与条幅等大的矩形状元件。先用矩形实例遮盖条幅,随着移动卷轴向下移动,遮盖相应缩小,从而显示出条幅自上而下展开的动画效果。
  这个动画制作完成后,可以将它转换成元件,以便在其他动画中使用。

2 元件制作

2.1  固定卷轴制作

  ⑴新建一个元件,名为“固定轴”,类型“影片剪辑”。
  ⑵将图层名,改为“轴”,用“矩形”工具(笔触无色、红色填充)绘制一个矩形后,用选择工具选中,然后在“属性”面板上(右图)设置:“宽” 15 、“高” 120 、“ X ”- 7.5 、“ Y ”- 60 。
  ⑶选用“颜料桶”工具,在“混色器”面板(右图 ),“填充类型”框中,选定“线性”后,在色相条上,将两端色标的颜色值,均设定为“# FF0000 ”,中间色标的颜色值,设定为“# FFCECE ”,填充元件。
  ⑷用“箭头”工具,选中元件后,单击“修改”·“变形”·“顺(逆)时针旋转 90 度”。
  ⑸新建一个图层后,命名为“左轴头”,移至图层“轴”下方,用用“椭圆”工具(笔触无色、放射状填充)绘制一个椭圆后,用选择工具选中,然后在“属性”面板上设置:“宽” 20 、“高: 26 ”、“ X ”- 77 、“ Y ”- 13 。
  ⑹选用“颜料桶”工具,并在“混色器”面板,“填充类型”框中,选定“放射状”后,在色相条上改变颜色值,例如,左端色标的颜色值,设定为“# FFFFFF ”,右端色标的颜色值,设定为“# FFCECE ”,然后用“颜料桶”工具,填充椭圆。
  提示:“颜料桶”工具在椭圆的上部单击,该点就是放射状填充的中心点(高亮部位)。
  ⑺重复步骤⑸、⑹,制作右轴头。

2.2  移动卷轴制作

  ⑴在“库”面板中,选中“固定轴”,然后重制一个元件,命名为“移动轴”。
  ⑵在“左轴头”和“右轴头”图层的第 5 、 9 、 13 帧,分别插入关键帧。然后,用“颜料桶”工具,改变第 5 和 9 帧上两个轴头的高亮位置。
  提示:第 5 帧上,高亮部位位于椭圆中部;第 9 帧上,高这部位位于椭圆底部。
   ⑶在“轴”图层的第 13 帧(右图),插入帧。

2.3  遮盖制作

  ⑴新建一个元件,名为“遮盖”,类型“影片剪辑”。
  ⑵用“矩形”工具(笔触无色、红色填充)绘制一个矩形后,用选择工具选中,然后在“属性”面板上设置:“宽” 100 、“高” 300 、“ X ” 0 、“ Y ” 0 。
  提示: 遮盖的颜色应该与场景的背景色相同。

3 场景制作

  ⑴在“文档属性”对话框上,将文档尺寸修改为 200 × 400 像素,背景颜色为白色。
  提示:为了制作方便,背景颜色先定为白色,制作完成时,再更改到与遮盖元件相同的颜色。
  ⑵将“图层 1 ”名称改为“条幅”,用“矩形”工具(笔触无色、黄色填充)绘制一个矩形后,用选择工具选中,然后在“属性”面板上设置:“宽” 100 、“高” 300 、“ X ” 50 、“ Y ” 50 。然后在第 60 帧,插入帧。
  ⑶新建一个图层,命名为“文本”,选用“文本”工具,在“属性”面板上设置,“文本类型”静态文本、“颜色”黑色、“字体”华文行楷、“大小” 60 像素、“文本方向”垂直,然后输入“新年吉祥”,并将文本移动到合适的位置。
  ⑷在“文本”图层上方,新建一个图层,命名为“固定轴”,然后将元件“固定轴”到场景中,放置在条幅的最上部。并在第 60 帧,插入帧。
  ⑸在“固定轴”图层下方,新建一个图层,命名为“移动轴”,然后将元件“移动轴”到场景中,放置在固定轴的下方后。然后在第 60 帧插入关键帧,在该帧上将“移动轴”实例,移到条幅的下端。并在第 1 、 60 帧之间创建补间动画。
  ⑹在“文本”图层上方,再新建一个图层,命名为“遮盖”,然后将元件“遮盖”到场景中。
  用选择工具选中,然后在“属性”面板上设置:“ X ” 50 、“ Y ” 50 。
  ⑺在“遮盖”图层,第 60 帧插入关键帧后,以第 60 帧为当前帧,用选择工具选中“遮盖”实例,然后在“属性”面板上设置:“宽” 100 、“高” 0 、“ X ” 50 、“ Y ” 350 。
   在第 1 、 60 帧之间创建补间动画(下图)。
  ⑻至此动画就基本完成了,按 Ctrl+Enter 即可预览到实际效果。

  提示:具体制作方法,请参阅本人制作的条幅展开动画的原文件。(本文于2006.5.30更新)


主页                           {网页三剑客

 

《花桥电脑书斋》-邱泳昱的个人主页
如需转载望能征求本人意见