Flash开场拉幕特效:圣旨展开



  ShowGood 的Flash很多作品的开场都别出心裁地使用圣旨拉幕展开的方式,本教程就给大家讲讲开场拉幕的作法。文章末尾提供.fla文件以及素材供大家下载参考。

  本实例关键技术:

  遮罩动画,变形及动作动画,帧帧动作动画、变形、Alt复制法等。

  制作步骤:

  手绘元件:卷轴、卷框、卷上文字
  制作遮罩动画
  制作拉幕动画
  整合动画
  绘制印章、制作盖章动作
  导入声音

  完成效果:


请点击下方的圆形播放按钮观看动画效果

   一、手绘元件

  1.打开 Flash(我使用的是Flash MX 2004),新建一个宽600px,高450px的文件,然后选中菜单下的“插入→新建元件”( Ctrl+F8 )选项。

  2.在弹出的“创建新元件”窗口中“名称”后面的框中输入“拉幕”二字,选择“行为”后面的“图形”选项。(简称:创建名为“拉幕”的“图形”元件)

  3.在工具栏中选择“矩形工具”,然后在下方的属性栏中将“笔触高度”设置为2。

  4.在画布中随意绘制一个长方形,像古代的圣旨一样。

  小技巧:如果你认为自己绘制的形状不准确,也可以再用“选择工具”选中这个长方形,在下方“属性”栏中进行设置,设置宽为 36 ,高为 197 。

  5.接下来为拉幕上色,在画布中“长方形”选中的情况下,选择菜单中“窗口” →“设计面板→混色器”(Shift+F9)。

  6.在“混色器”的“填充样式”中选择“线性”填充,左中右三个红绿蓝色值分别为:左(153 、0 、0 ),中(255 、0 、0 ),右(153 、0 、0 )。(不懂的朋友可以看图或是查看源文件)

  小技巧:在绘制物品时,最好绘制一部分就新建一层,方便复制与选取。

  7.新建一层,再画一个宽 21 ,高 12 的长方形,填充线性渐变,填充颜色左中右三个红绿蓝色值分别为:左( 0 、 0 、 0 ),中( 118 、 118 、 118 ),右( 0 、 0 、 0 )。

  提示:为了选取方便,将图层1上方的锁点一下,锁定图层1,方便图层2的选择复制。

  8.选中刚才绘制好的黑色线性渐变方形,按下 Alt 键拖动复制出另一个图形,将其放在合适的位置。

  9.按下 Ctrl+F8 新建一个名为“双拉幕”的“图形”元件,将刚才“库”中的“拉幕”元件拖进来,再按下 Alt 键拖动形成一个圣旨的图形。

  (小技巧:有时拖动对齐比较麻烦,可以选中两个图形,按下 Ctrl+K 调出“对齐”面板,选择“上对齐”选项。)

  10.卷轴绘制好了,再新建一个名为“卷轴动画”的“影片剪辑”元件,选择“矩形工具”,在“颜色”选项中设置“填充色”颜色为 #FFCC00 ,绘制一个长方形。

    

  11.新建一层,然后将“填充色”换为白色,再绘制一个小的长方形,调整好。

  12.锁定图层1,再新建一层,在此图层上用直线工具给制圣旨的花边,利用按 Alt 键复制法复制多个花边,再利用“对齐”面板对齐,制作好圣旨的上下花边。


  13.新建一层,选择“文本工具”,输入相应的文字,选择字体和大小,并按下 Ctrl+B 将其打散以保证其它人在网上浏览文字原形。


   二、制作遮罩动画

  1.新建一层,在图层名上单击右键,选择“遮罩层”选项,本层自动变为遮罩层,下方的一层变为要显示的内容,将其它两层向上拖一下,使其成为遮罩层下要显示的内容层。

   

  2.解锁最上方的图层,选择“矩形工具”,在“颜色”设置里“笔触”为无,填充色为黑色(也可以为其它颜色),在圣旨中间绘制一个竖长方形。

  3.选中此层第 25 帧,右键单击,选择“插入关键帧”,在工具栏中选择任意变形工具,按下 Alt 键向两边拖动,将其变形为同圣旨一样长。

  4.单击第1帧,在属性面板“补间”里选择“形状”选项,然后将图层4、3、2、1全部选中向后拖一帧。



  三、制作拉幕动画

  1.在图层4上方新建一层,从“库”中将“拉幕”图形元件拖出来放在合适的位置(圣旨中间)。

  2.在第 25 帧插入关键帧,将第 25 帧上的“拉幕”图形元件移动到圣旨左边,然后为第1帧添加“动作”运动。

  (提示:为第1帧添加“动作”运动即选中第 1 帧,在“属性”面板中的“补间”里选择“动作”选项。)

  3.新建一层,制作右边的拉幕动作(方法同制作左边的一样,只是拉幕是向右方的,朋友们可以参看源文件)。

   5.将所有图层锁定,按下“回车”键进行测试。

  四、整合动画

  1.按下上方的“场景”标签回到场景中,在图层 1 上绘制一个无边的黑色背景,然后新建一层选择文字工具输入文字,设置好文字大小与颜色后,打散后再按下Ctrl+G组合,再利用任意变形工具进行旋转。

   2.利用 Alt 复制法复制多个,并摆放在合适的位置。

  3.新建一层,绘制一个黑色长方形,再变换填充色绘制一个小方形覆盖在大方形合适的位置,用选择工具选中中间的小方形按下 Delete 将其删去,制作好显示影片的框。

  4.新建一层,从“库”中将“双拉幕”图形元件拖出来,将其选中后,在属性栏中按下长宽比例锁定按钮后设置宽为 63.0 按回车确定。

  5.利用“变形”面板将其旋转 90 度,放在合适的位置,然后在第 10 帧插入关键帧。

     

  6.将图层 1 、 2 、 3 的帧都延长到第 10 帧,然后将图层 4 (即拖入“双拉幕”元件的那层)中的对象“双拉幕”元件利用变形工具( 0 度)变形并放在合适的位置。

  

  7.将这一层拖到边框层下方,然后选中第 1 帧,在属性面板中的“补间”里选择“动作”选项,在“旋转”里选择“顺时针” 1 次。

  8.分别为各层命名(请看源文件),然后在最上方新建一层命令为“卷轴动画”,将“库”中的“卷轴动画”影片剪辑拖入,让其和 “卷轴飞入”元件重合,然后将除“卷轴飞入”外所有层的帧延长到 36 帧,并选中“卷轴动画”层的帧向后拖一格,使其与“卷轴飞入”相差一帧。

  五、绘制印章并制作盖章动作

  (注意:为了使所有图形动作在边框内,所以随时将“边框”层向上移动。)

  1.新建一个名为“章”的图形元件,利用文字与椭圆工具绘制一个印章,将文字按下 Ctrl+B 打散进行调整。

  2.再新建一层图形元件,命名为“卷轴及背景”,将“背景文字”、“圣旨”、“卷轴”图形整体利用从其它元件或图层复制过来放在合适位置,然后回到场景中,新建一层,命名为:“整体卷轴及背景”,在第 35 帧插入关键帧,将“库”中的“卷轴及背景”拖进来,利用测试的方式对齐卷轴展开的最后定格面面,然后选中第 35 帧向后拖一帧。

  3.将“背景”层、“边框”层、“整体卷轴及背景”层延长到 45 帧。接下来新建一层命名为“盖章动画”,在第 39 帧插入关键帧,从“库”中拖入“章”图形元件放大并放在合适的位置,再第 46 帧插入关键帧,将“章”元件缩小放在合适的位置,然后选中第 39 帧,在“属性面板”中设置“动作”补间动画。

  后面的盖章就是帧帧动画(动作变形,这里就不细讲了,大家可以看源文件进行学习)。

  六、导入音乐

  1.选择主菜单下的“文件 →导入→库”,选中准备好的音乐素材进行导入。

  2.在最上方新建一层命名为“音乐”,导入准备好的声音文件。

  3.在第 4 帧插入关键帧,在属性栏的“声音”选项中选择刚导入的声音文件,在下方的“效果”里选择“淡入”效果。

  4.将声音与其它帧动画进行测试调整,参见下方所有时间轴帧。 .fla以及素材文件下载