作前准备
下载规格约为47*72的花瓶图片和40*48的红心图片各一张,最好是无背景的透明图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。
制作过程
1.启动flash8软件。
2.确立文档属性 设置动画尺寸为550*400,背景颜色深绿,帧频12,其它默认,点击确定,进入场景1。如图1所示:
图1
3.将准备好的素材图片导入库中,待用。
![](http://image59.360doc.com/DownloadImg/2013/03/0815/30787769_3.jpg)
素材图
4.创建图形元件
(1)选择“插入-新建元件”,建立一个名为“心”的图形元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出红心素材图片到舞台,规格不变,如果有背景必须抠图。全居中。如图2所示:
![](http://image59.360doc.com/DownloadImg/2013/03/0815/30787769_3.jpg)
图2
(2)选择“插入-新建元件”,建立一个名为“爱”的图形元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,用文本工具在舞台输入一个爱字,规格、字体、颜色自定。如图3所示:
图3
5.创建影片剪辑元件
(1)选择“插入-新建元件”,建立一个名为“花瓶”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出素材图片花瓶到舞台,规格不变,如果有背景必须抠图,全居中。如图3所示:
图3
(2)选择“插入-新建元件”,建立一个名为“爱心”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为爱、心。
A.选择爱图层第1帧,从库中拖出“爱”图形元件到舞台,规格设置为12*12,全居中。如图4所示:
图4
在第50帧插入关键帧,并将舞台实例其向右平移一段距离。点击该实例,在属性面板设置其Alpha为0% 。如图5所示:
图5
创建本区域间的动画补间,在第20帧插入关键帧,点击舞台实例,在属性面板设置其Alpha为100%,点击第20帧,在属性面板设置其逆时针1次。上锁。如图6所示:
图6
B.选择心图层第10帧插入空白关键帧,从库中拖出“心”图形元件到舞台,规格设置为10*12,全居中。如图7所示:
图7
在第50帧插入关键帧,并将舞台实例其向右平移一段距离。点击该实例,在属性面板设置其Alpha为0% 。如图8所示:
图8
创建本区域间的动画补间,点击第10帧,在属性面板设置其逆时针1次。上锁。如图9所示:
图9
C.该环节完成后的时间轴,如图10所示:
图10
(3)选择“插入-新建元件”,建立一个名为“播撒”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为花瓶、爱心、as。
A.选择花瓶层第1帧,从库中拖出“花瓶”影片剪辑元件到舞台,规格设置为47*72。如图11所示:
图11
点击该实例,选择“修改-变形-垂直翻转”,下对齐-水平中齐。如图12所示:
图12
点击该实例,在属性面板填写其实例名称为:huaping 。上锁。如图13所示:
图13
B.选择爱心图层第1帧,从库中拖出“爱心”影片剪辑元件到舞台,规格不变将其放置在花瓶口的下方,水平中齐。如图14所示:
图14
点击该实例,在属性面板填写其四名称为:aixin 。上锁。如图15所示:
图15
C.选择as图层第1帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:
i = 0; aixin._visible = 0; onEnterFrame = function () { duplicateMovieClip("aixin", "aixin" + i, i); b = this["aixin" + i]; b._xscale = b._yscale = random(100) + 70; b._rotation = random(100) + 50; b._alpha = random(100) + 80; b._x = _root.huaping.nv._x; b._y = _root.huaping.nv._y; b.gotoAndPlay(random(5)); myColor = new Color(b); myObject = new Object(); myObject = {rb: random(200) - 100, gb: random(200) - 100, bb: random(200) - 100}; myColor.setTransform(myObject); ++i; if (i > 30) { removeMovieClip ("aixin" + i); i = 0; } };
锁定该图层。
D.该环节完成后的时间轴,如图16所示:
![](http://pubimage.360doc.com/wz/default.gif)
图16
6.编辑制作场景
进入场景1,添加三个图层,共四个图层。自下而上命名为背景、播撒、花瓶、as。
(1)选择背景图层第1帧,导入或制作一个背景到舞台,规格为550*400,全居中。上锁。如图17所示:
图17
(2)选择播撒图层第1帧,从库中拖出“播撒”影片剪辑元件到舞台,规格不变,将其放置在舞台上方适当位置。上锁。如图18所示:
图18
点击该实例,在属性面板填写其实例名称为: mc 。如图19所示:
![](http://pubimage.360doc.com/wz/default.gif)
图19
再点击该实例,按f9,打开动作面板,在as编辑区输入,如下影片剪辑指令语句:
onClipEvent (mouseDown) { if (mouDown != 1) { mouDown = 1; } } onClipEvent (mouseUp) { if (mouDown != 0) { mouDown = 0; rotateSpeed = newAngle-oldAngle; } } onClipEvent (enterFrame) { oldAngle = newAngle; x = _root._xmouse-this._x; y = _root._ymouse-this._y; newAngle = Math.atan2(y, x)*180/Math.PI; if (mouDown == 1) { this._rotation += newAngle-oldAngle; } else { this._rotation += rotateSpeed; rotateSpeed *= 0.95; } }
锁定该图层。
(3)选择文本图层第1帧,用文本工具在舞台的下方输入提示说明,字体、规格、颜色自定。上锁。如图20所示:
图20
(4)选择as图层第1帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:
mc.onPress = function() { mc.startDrag(); } mc.onRelease = function(){ mc.stopDrag(); }
锁定该图层。
7.本作业完成后的时间轴如图21所示:
图21
8.测试存盘
说明:
应用本教程的原理方法可创作播撒元宝、播撒鲜花、播撒福禄财寿等吉祥作品。
最终效果显示效果:
http://www./Article/UploadFiles/201203/2012032118250472.swf
全屏下载
祝你成功 |