您好!欢迎您光临枫叶飘落的制作原理与方法_潇洒的云音画网站! 棋牌 I 论坛 I 企业建站 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>flash教程>>>枫叶飘落的制作原理与方法
枫叶飘落的制作原理与方法
发表日期:2014/7/9 9:21:00 出处:转载 作者:未知 发布人:xiaosadyun 已被访问 339

枫叶飘落的制作原理与方法

 

   

    教学目的:通过本节教学了解和掌握影片剪辑元件及其链接属性的创建应用,通过巧妙的设计创作出枫叶飘落之动画效果。

  教学对象:本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板、as语句和相关界面有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:影片剪辑、链接属性、动作面板、as语句。

 

    作前准备

    下载1张规格为550*400的背景图片和一张透明的枫叶图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件。

    2.确立文档属性 设置动画尺寸为550*400,背景颜色随意,点击确定,进入场景1。 如图1所示:


图1

    3.首先将准备好的素材图片导入到库中,待用。

 


(素材图)

    4.创建图形元件

    选择“插入-新建元件”,建立一个名为“枫叶1”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出枫叶素材图片到舞台,如果不是透明的,扣去背景,只留下枫叶,规格为50*46,全居中。如图2所示:

图2

    5.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“枫叶2”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    A.选择图层1第一帧,从库中拖出“01”图形元件到舞台,调整下方位,规格改为21*23,全居中。如图3所示:


图3

    B.打开库,右键库中的该影片剪辑的图标-链接,打开其链接属性面板,填写其标识符为:mc 。其他参数的设置,如图4所示:

图4

点击确定,完成该影片剪辑元件的链接属性。


    6.编辑制作场景

    返回场景1,添加一个图层,共两个图层。自下而上命名为背景、as。

    (1)选择背景图层第一帧,从库中拖出“背景”素材图片到舞台,规格550*400,全居中。上锁。如图5所示:

图5

    (2)选择as图层第一帧,点击该幀,按f9,打开动作面板,在as编辑区输入,如下幀语句:

this.onLoad = function (){
n = 12;
var i = 1;
while (n >= i){
this.attachMovie("mc", "mc" + i, i);
var a = Math.round(60 * Math.random() + 60);
var b = Math.round(50 * Math.random() + 50);
with (this["mc" + i]){
_x = 550 * Math.random();
_y = 400 * Math.random();
_xscale = a;
_yscale = a;
_alpha = b;
_rotation =a;
this["mc" + i].x = Math.cos(Math.PI * Math.random());
this["mc" + i].y = 2+ 2*Math.random();
}
i++;
}
}
this.onLoad();
this.onEnterFrame = function(){
var a = 1;
while (n>= a){
with (this["mc" + a]){
_x += x;
_y += y;
_rotation += y;
if (_y > 400){
_y =0;
}else if (_x>550){
_x=0;
}else if(_x<0){
_x=550;
}
}
a++;
}
}

锁定该图层。


    7.本作业完成后时间轴如图6所示:



图6

  8.测试存盘

 


    *说明: 

    (1)场景1中第一幀语句中的 n = 12; 枫叶数量,可依据作品的需要予以调整。

    (2)本教程将语句中调整n的数量后,可制作飘落的雪花、飘落的花瓣等,如有兴趣,不妨试试看。

 

 最终效果显示:


http://hsb345.16789.net/domName/hsb345/201311410415365779.swf

 

 

双击自动滚屏 【打印本页】 【关闭窗口

上篇文章:基础教程示例-按钮进退相册

下篇文章:仿3D文字旋转的制作原理与方法

 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)
本站时间
欢迎你的光临。欢迎你发表你的作品。让更多的人欣赏。如果想学习请加QQ群58756437

潇洒的云音画网站(二站) | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:18983806368 联系人:潇洒的云

琼icp备09005167