邮件订阅
5ucms插件,用FlashMX打造逼真打火机(一)
作者: 来源: 日期:2017/1/12 19:54:34 浏览量:16(滞后) 人气:LOADING...(实时) 【

5ucms插件,用FlashMX打造逼真打火机(一)
本例实现的是一次性打火机的仿真效果。在该效果地制作中用到了很多实用的技巧与方法,如帧的跳转技巧,火焰、火花的制作方法;效果中还用到了一些常用的控制语句,以及如何利用对象的方法来控制影片的运动。

效果预览:




图1 效果预览

以下元件的图片如不做说明,场景的缩放比例均为100%。

设计步骤:

打开Flash MX。按快捷键Ctrl+J,然后把场景设置成450px×280px,背景为黑色,12fps。

一、设计元件

1.制作机身

按快捷键Ctrl+F8新建一个名为“image”的Graphic符号。然后在“image”的场景里画出一个打火机,或按快捷键Ctrl+R,导入一个打火机的素材,见图1。

2.制作火焰

按快捷键Ctrl+F8新建一个名为“Fire”的MovieClip符号。在制作之前我们先看一下火焰(Fire)影片剪辑里层的结构,图2。




图2 Fire的层结构图

根据图2,我们要新建两个层,接着分别把它们命名为:“光圈”层,“外焰”层和“内焰”层。然后在每层的前面空出4帧来,作用是让它在火花闪后出现,以求效果真实。选中第1帧,按快捷键F9打开Actions面板,然后写下影片剪辑停止播放的命令:stop();。第16帧的代码是:gotoAndPlay(5);。

设计内焰。内焰其实就是一片蓝色做大小变化的Shape运动。首先,按快捷键Shift+F9打开ColorMixer面板,并进行如图3的设置。




图3 Color Mixer面板的设置

图3中显示的是右边滑块的设置,左面滑块为黑色,Alpha值为0%。

点选“内焰”层的第5帧,按F7键插入一个空白帧,然后画上一个形状如左下图的内焰,大小为8 px X 13.5 px,X轴的值为0;Y轴的值为-7。然后用油漆桶工具 浇灌颜色,并用颜色转变按钮 点选火苗后调节颜色,最终效果如右下图(此为400%的图片)。





图4 蓝色火苗设计

接下来,分别选中第9、13、16帧按F6插入关键帧,再点选第5、9、13帧,然后在Properties面板里的Tween下拉菜单中选择Shape命令。接着按快捷键Ctrl+I打开Info面板,把第9帧火苗的大小设置为8.5 px X 25 px,X轴的值不变;Y轴的值为-10.5 px,把第13帧火苗的大小设置为8.5 px X 15 px,X轴的仍为0 px;Y轴的值为-9 px。

设计外焰。打开Color Mixer面板进行如图5的设置,设计出的外焰效果见图6(此为200%的图片)。




图5 Color Mixer面板的设置




图6 外焰的最终效果

外焰的设计方法同内焰。这里要讲一下的是滑块的设置,第1个滑块:白色,0%,第2个滑块:白色,30%,第3个滑块:黄色(#FFFF99),100%,第4个滑块:见图5,第5个滑块:白色,80%。这样设计是为了让外焰更有层次感,效果更加的逼真。

外焰大小、位置的设置同内焰。只是Info面板里的设置有所不同。第5帧和第16帧的大小一样,为9 px X 45 px,X轴的值为0 px;Y轴的值为-20 px。把第9帧外焰的大小设置为9 px X 55 px,X轴的值不变,仍为0 px;Y轴的值为-20 px,把第13帧外焰的大小设置为8 px X 40 px,X轴的值不变;Y轴的值为-20 px。

设计光圈。打开Color Mixer面板进行如图7的设置,然后用画圆工具 画出一个椭圆来,使其正好覆盖外焰,见图8。




图7 Color Mixer面板的设置




图8 光圈的相对位置

光圈在第5帧和第16帧里的大小一样,为60 px X 90 px,X轴的值为0 px;Y轴的值为-25 px。同样,我们只要把第9帧里的光圈大小设置为65 px X 110 px,X轴的值不变,仍为0 px;Y轴的值为-27 px,把第13帧的光圈大小设置为60 px X 100 px,X轴的值不变;Y轴的值为-25 px就可以了。

光圈的设计是为了实现火焰周围的热气流动效果,使火焰地跳动更有真实感

选择5ucms.org 选择未来

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms模版,实例讲解flashMTV制作全过程(1)
下一篇:5ucms仿站,实例讲解flashMTV制作全过程(9)
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms插件,用FlashMX打造逼真打火机(一)的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org