如何制作这种效果?如图2.4.163所示。
?
图2.4.163?????效果演示
解决思路
用高强度的光出现文字或者事物,是我们经常用到的一种效果。我们分析一下,这个效果主要有文字,光两个图层来完成。这个光应该做成一个影片剪辑,这样可以随时的放大。光与文字的出现要有先后,这样就可以先看到光,然后出现文字,实现效果。
具体步骤
1、运行Flash?MX?2004,因为这个效果的速度很快,为了方便我们的编辑,我们把文档属性设置成60帧/秒,背景为黑色。
2、我们需要制作一个光的元件。新建一个图形元件,命名为“光”,在第1帧利用“放射性”填充绘制一个无边框的正圆形,中间为白色透明度100%,四面围白色透明度为0。然后利用【自由变形】工具拉长。如图2.4.164所示。
图2.4.164????绘制“光”元件
3、先建一个影片剪辑,命名为“光变”,把刚才制作的“光”图形元件拖放到第1帧。在第5帧插入要害帧,缩小“光”元件的大小,创建移动渐变动画。如图2.4.165所示。
图2.4.165??????????影片剪辑“光变”的制作
4、我们还要制作一个最后横向放大的光的元件。先建一个影片剪辑,命名为“高光”。把“光”图形元件拖入到第1帧,缩小适当的大小。在第10帧插入要害帧,等比例放大该元件。创建移动渐变动画。如图2.4.166所示。
图2.4.166??????影片剪辑“高光”的制作
5、建立四个图形元件,分别命名为“闪”“客”“之”“吧”,分被输入文字“闪”“客”“之”“吧”。如图2.4.167所示。
图2.4.167???把文字拷贝到各个图形元件中
6、我们还需要一个返回按钮和一段声音文件。按钮的制作我们在前面已经向大家具体介绍了。如图2.4.168所示。
图2.4.168??????按钮的制作
7、好了,我们已经把全部需要的元件都预备好了,下面就进行最要害的制作阶段了。
8、在主场景中把图层1命名为“文字层”,在第5帧插入要害帧,并把“闪”“客”“之”“吧”四个图形元件拖放到场景中,整洁排列。如图2.4.169所示。
图2.4.169????排列文字
9、在同层的第11帧,第16帧,第21帧分别插入要害帧,删除第5帧的“客”“之”“吧”图形元件,删除第11帧的“之”“吧”图形元件,删除第16帧的“吧”图形元件。如图2.4.170所示。
图2.4.170??????四个要害帧的制作
10、在同层的第26帧插入要害帧,全选场景中的元件以后,转化为“文字整体”图形元件。在第31帧插入要害帧,设置透明度为0。创建第26帧至第31帧的移动渐变动画,在第42帧,第64帧插入要害帧,使第64帧中的元件透明度为100%,创建移动渐变动画。在第80帧插入要害帧,并防大帧中的元件,并在帧上加入as:stop();创建移动渐变动画。最后在第32帧插入空白要害帧。此步骤操作结果如图2.4.171所示。
图2.4.171?????文字层时间线的设置
11、新建图层“光层”。从库中把影片剪辑“光变”拖放到“闪”字的正上方。并在同层的第6帧,第12帧,第17帧插入要害帧。移动后三帧的“光变”的位置分别处于“客”“之”“吧”的正上方。第22帧插入空白要害帧。如图2.4.172所示。
图2.4.172??????“光层”的部分设置
12、在“光层”的第26帧插入要害帧,从库中把“高光”影片剪辑拖入到场景中,处于“闪客之吧”的正上方,并延长至第37帧。最后的时间线如图2.4.173所示。
图2.4.173??????????“光层”的时间线设置
13、现在我们就可以测试一下效果了。下面我们在进行修饰。
14、新建一个图层,命名为“音乐层”。从库中把事先导入的声音文件拖放到场景中,并延长帧到足够的长度。
15、新建图层“按钮层”,从库中把我们做好的按钮拖放到场景中的合适位置,选中按钮,并打开as面板,添加如下as:on(release){
??????????????????????????????????????????gotoAndPlay(1):
?????????????????????????????????????????}
16、保存,测试效果。请参考源文件片头1.fla
注??意?——在文字层的第26帧我们位置制作移动渐变动画,把四个图形元件转化为了一个“文字完整”图形元件。
提??示?——为什么把文档的帧频设置成60帧/秒呢?原因在于动画效果节奏非常快,假如用正常的帧频,对于我们在时间线上的编辑不利。
技??巧?——本例的要害效果在于前31帧,后面的效果朋友们可以展开想象添加一些丰富的变化。
试一试?——朋友们可以改动颜色,文字等元件重新制作一遍,看看会出现什么效果。
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |