实例效果: 本例是通过蜡烛燃烧及熄灭时的效果给大家讲述Flash制作中的一些很实用的方法和技巧。虽然蜡烛在生活中已不多见了,但这些技巧的用途还是很广泛的,如影片的重放技巧,火焰、烟的制作方法,颜色的使用技巧等。
效果预览:
以下元件的图片如不做说明,场景的缩放比例均为100%。
设计步骤:
打开FlashMX。按快捷键Ctrl+J,设置场景为450px×280px,黑色,帧速率12fps。
一、设计元件
1.制作烛台。
按快捷键Ctrl+F8新建一个名为“烛台”的Graphic符号。然后在“烛台”的场景里按快捷键Ctrl+R导入一个烛台。见效果预览图。
2.制作火焰。
按快捷键Ctrl+F8新建一个名为“烛火”的Movie Clip符号。为了方便制作,提高效率,在制作之前我们先来看一下“烛火”影片剪辑里层的结构,如图1所示。
图1 “烛火”的层结构图
根据图1,新建四个层,然后分别给它们命名。
※ 设计内焰。
技巧提示:制作火焰的大小的变化,要用到Shape(形变)运动的概念。但是Shape运动会使文件体积增大,所以在影片中最好少用。
首先,按快捷键Shift+F9打开Color Mixer面板,并进行如图2的设置。
图2 Color Mixer面板的设置
图2中显示的是右边滑块的设置,颜色值为#E8F080,颜色透明度为80%;左面滑块为蓝色,Alpha值为0%。
在“内焰”层画上一个形状如左下图的内焰,大小为7 px X 12 px,X轴的值为0;Y轴的值为-8。然后用油漆桶工具
浇灌颜色,并用颜色转变按钮选中火苗后调节颜色,如右下图所示(此为400%的图片)。图3 蓝色火苗设计
接下来,分别选中第5、9、13帧按F6插入关键帧,再选中第1、5、9帧,然后在Properties面板里的Tween下拉菜单中选择Shape命令。接着按快捷键Ctrl+I打开Info面板,把第5帧火苗的大小设置为6 px X 16 px,X轴的值不变;Y轴的值为-10 px,把第9帧火苗的大小设置为8 px X 15 px,X轴的仍为0 px;Y轴的值为-9 px。
在具体的设计中,可能你的颜色转变程度和我不一致,那么Info面板里的设置也就随具体情况而变。总之一个原则,就是你看了可以就行了。
※设计外焰。
打开Color Mixer面板进行如图4的设置,设计出的外焰效果见图5(此为200%的图片)。
外焰的设计方法同内焰。这里要讲一下的是滑块的设置,第1个滑块:白色,0%;第2个滑块:#122632,80%;第3个滑块:#F1C263,100%;第4个滑块:#EE8C15,100%;第5个滑块:#EF6310,60%。这样设计外焰会更有层次感,更加逼真。
外焰大小、位置的设置与内焰相似,Info面板里的设置也差不多,大家根据自己的情况进行具体的微调。
※设计光晕。
光晕的设计实现了火焰周围的热气流动效果,使火焰地跳动更有真实感。
打开Color Mixer面板进行如图6的设置,然后用画圆工具
画出一个椭圆来,使其覆盖住外焰,见图7。光晕在第1帧和第13帧里的大小一样,为76 px X 115 px,X轴的值为0 px;Y轴的值为-30 px。第5帧里的光晕大小为62 px X 138 px,X轴、Y轴的值都不变;把第9帧的光晕大小设置为54 px X 90 px,X轴、Y轴的值也都不变。
技巧提示:如果你选取一个被打散的物体,在Color Mixer面板里是不会看到颜色设置状况的。但是你只要在该物体被选中时,单击Properties面板里油漆桶工具右边的颜色选取方框,在等颜色选取面板弹出来后按Esc键取消后,你就能在Color Mixer面板里看到该物体颜色的组成方式了。
3.制作光圈。
光圈的设计是为体现蜡烛照明的特点以及它给人们的温暖感觉。
按Ctrl+F8键,新建一个名为“光圈”的Graphic符号。接着打开Color Mixer面板进行如图8的设置,然后在Graphic符号“光圈”的场景里用画一个圆,然后在Info面板里把这个圆的大小设置成320 px X 370 px,见图9(此为50%的图片)。
回到“烛火”影片的场景里,把Graphic符号“光圈”从库中拖拽到“光圈”层中。选中这个光圈,先按快捷键Ctrl+C复制,然后把它的Alpha值改为30%,接着在“光圈
X
5”层里按快捷键Shift+Ctrl+V(原位)粘贴光圈,并把它用Transform面板(快捷键Ctrl+T)放大5倍。放大的光圈可以体现蜡烛的照明效用,以及给人的温暖感觉。
烛火的效果到这里就设计好了。现在你可以把“烛火”元件从库中拖拽到主场景中测试一下,如果你发现问题就双击元件后编辑,编辑时最好锁定其它层或让其它层不可见,这样调整起来就比较省力省时。
4.制作蜡烛。
蜡烛的制作比较简单。按Ctrl+F8键,新建一个名为“蜡烛”的Graphic符号。然后在场景里画一个与图10相似的蜡烛。蜡烛为黄色,可以用少许橘黄色做点缀(此为300%的图片)。
技巧提示:在动画的制作过程中,如果元件太大或者太小的话,我们就要通过实时地调整场景的缩放比例,这样才能使设计更加方便。
5.制作烛油。
烛油的制作也比较简单。先按Ctrl+F8键,新建一个名为“烛油”的Graphic符号。然后在场景里画一个与图11相似的烛油即可(此为800%的图片)。
接着再按Ctrl+F8键,新建一个名为“烛油”的Movie Clip符号。可能有的读者会奇怪,为什么元件可以同名呢?是的,元件是可以同名的,只要我们把元件放在不同的文件夹里即可同名,如图12所示。另外,在设计较大的动画时使用符号文件夹来管理元件不但方便,而且可以大大提高我们的工作效率。
把Graphic符号“烛油”从库中拖拽到影片剪辑“烛油”的场景里,然后选中第30帧,按下F6键插入关键帧。右键单击第1帧,选择Create Motion Tween命令。接着把第30帧中的烛油向下移动60 px。
6.制作黑烟。
大家都知道,蜡烛在燃烧完后都会有一股黑烟升起。为了使蜡烛的效果更加逼真,现在我们就来看看这个黑烟的制作过程。
按Ctrl+F8键,新建一个名为“烟”的Movie Clip符号。用铅笔工具在“烟”的场景里画出如图13中的左图所示的黑烟。接着选中第15帧,按F6键插入关键帧,在第15帧中画上一个黑烟,如图13中右图所示。选中第1帧,然后在Properties面板里的Tween下拉菜单中选择Shape命令。
选中第16帧,按F7键插入空白关键帧。右键点击该帧,选择Actions命令打开Actions面板,输入如下代码:
stop(); //停止“烟”的播放
7.制作按钮。
给按钮加上一段代码,用它来实现影片的重放功能,也就大家经常可以再Flash动画中看到的那个Replay按钮。其实这种按钮的设计并不复杂。下面我们就来看看这种按钮的制作方法。
按Ctrl+F8键新建一个名为“Replay”的Button符号。在按钮场景的Up帧里用文字工具
写上“再烧一遍”几个字。接着在Down帧里按下F6键插入关键帧,按Ctrl+T键打开Transform面板把文字放大为原来的120%。选中Down帧,选中Hit帧,用矩形工具画一个矩形,让其正好可以覆盖文字。这样做是让按钮更加容易被点击到。二、设计场景
1.设计各层。
如图14建立各层,层的次序不能随意更换。把已经设计好的电影剪辑从库中拖拽到相应的层里。如把影片剪辑“烛火”拖入到“烛火”层中。把元件放在各自的层里,就可以通过隐藏有锁定它们来实现高效的工作了。
图14 主场景中的各层结构
2.设计烛台层。
把设计好的烛台从库中拖拽到“烛台”层中。选中第245帧并按下F6键,接着右键点击该帧,选择Actions命令打开Actions面板,输入如下代码:
stop(); //停止整个影片的播放
把刚才设计好的“Replay”按钮拖拽到第245帧的场景中,接着右键点击“Replay”按钮,选择Actions命令打开Actions面板,输入如下代码:
on (release) {
gotoAndPlay(1); //跳转到第1帧并播放
}
3.设计蜡烛层。
把影片剪辑“蜡烛”从库中拖拽到“蜡烛”层中并把它放在烛台上。接着选中该层的第240帧并按下F6键,右键单击个层的第1帧,选择Create Motion Tween命令,建立帧的渐变运动。见图14。然后选中第240帧中的蜡烛,在Info面板里把它的大小设置成12 px X 1 px。把缩小的蜡烛向下拖拽,直到烛台可以掩盖它的地方。这样,蜡烛燃烧减少的效果就做好了。
4.设计烛油层。
把影片剪辑“烛油”从库中拖拽到两个“烛油”层的第1帧中。先选中“烛油_右”层中的烛油,接着选择[Modify]菜单下[Transform]选项列表中的Flip Horizontal命令,把“烛油”以垂直方向翻转,就如图15中Transform面板中的设置。图16所示为两个烛油相对蜡烛的位置。
选中两个“烛油”层的第240帧并按下F6键。然后再右键单击个层的第1帧,选择Create Motion Tween命令,建立帧的渐变运动。
在第240帧中,把“烛油”向下拖拽,直到烛台可以掩盖它为止。
5.设计烛火层。
烛火层的设计就是在第1帧里把烛火放在蜡烛上;在第240帧上插入关键帧;建立渐变运动;把第240帧的烛火缩小(尽量的小)后再同烛油一样拖拽到被烛台掩盖即可。
6.设计烟效
烟效的设计我们借用一下蜡烛层。设计方法如下:先在蜡烛层的第241帧上按下F7键插入空白关键帧,接着在第245帧插入一个空白关键帧,把先前设计好的影片剪辑“烟”从库中从库中拖拽到该帧中。
整个效果到这里就全部设计好了。