分享
 
 
 

Flash实用技巧之蜡烛制造

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

实例效果:

本例是通过蜡烛燃烧及熄灭时的效果给大家讲述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%,接着在“光圈X5”层里按快捷键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。把缩小的蜡烛向下拖拽,直到烛台可以掩盖它的地方。这样,蜡烛燃烧减少的效果就做好了

[1] [2] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有