您好!欢迎您光临“吉祥三宝”的制作原理与过程_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>“吉祥三宝”的制作原理与过程
“吉祥三宝”的制作原理与过程
发表日期:2012/9/19 8:41:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2467

“吉祥三宝”的制作原理与过程

   

    教学目的:通过本节教学了解和熟悉影片剪辑的创建、实例名称和对其添加隐形按钮及按钮指令语句,以此创作出妙趣横生的选择性动画作品来。

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

    教学要点:影片实例、动作面板、as语句、隐形按钮。

   

   

    作前准备

    准备美女、房子、轿车的图片各五张,规格妻子约100*140左右,房子和轿车约130*100左右,经过制图软件(ps、fw)处理后,放在指定的文件夹待用。

    1.启动FLASH8 软件

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


图1

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

    4.创建影片剪辑

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

    选择图层1第一帧,从库中拖出人物图片1到舞台,规格100*140,全居中。如图2所示:


图2

在第3帧插入空白关键帧,从库中拖出人物图片2到舞台,规格100*140,全居中。同理同种方法在第5、7、9帧完成人物图片3、4、5的操作。在第10帧插入帧。

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

    选择图层1第一帧,从库中拖出房子图片1到舞台,规格130*100,全居中。在第3、5、7、9帧插入空白关键帧,依次放入房子图片2-5,全居中,在第10帧插入帧。如图3所示:

图3

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

    选择图层1第一帧,从库中拖出车子图片1到舞台,规格130*100,全居中。在第3、5、7、9帧插入空白关键帧,依次放入车子图片2-5,全居中,在第10帧插入帧。如图5所示:

图5

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

    选择图层1第1帧,用“矩形工具中-多角星形形工具”。点击属性面板中的“选项”,设置其参数如图6所示:

图6

在场景中拖一个约90*78的橙色三角形,全居中。如图7所示:


图7

    5.创建按钮剪辑

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

    选择图层1第4帧(点击),用矩形工具在舞台拖一个规格约为130*100的,无边线的矩形,颜色随意,全居中。如图8所示:


图8


    6.编辑制作场景

    返回场景1,添加五个图层,共六个图层。自下而上命名为图片、按钮、小框、说明、边框、as。 

    (1)选择图片图层第一帧,从库中分别依次拖出妻子、房子、车子和三角影片剪辑元件到舞台,放置在舞台的左侧。其位置参考,如图9所示:


 

图9

分别点击妻子、房子、车子三个实例,在属性面板依次填写其实例名称为:qizifangzichezi。上锁。如图10所示:


图10

    (2)选择按钮图层第一帧,从库中拖出四个隐钮按钮元件,调整好规格,放置在舞台四个实例之上。如图11所示:

图11

点击妻子上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (rollOver) {
qizi.play();
}
on (release) {
qizi.stop();
}

点击房子上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (rollOver) {
fangzi.play();
}
on (release) {
fangzi.stop();
}

点击车子上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (rollOver) {
chezi.play();
}
on (release) {
chezi.stop();
}

点击三角上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (rollOver) {
qizi.play();
fangzi.play();
chezi.play();
}
on (release) {
qizi.stop();
fangzi.stop();
chezi.stop();
}

锁定该图层。

    (3)选择小框图层第一帧,用矩形工具,笔触高度3,在舞台右侧拖一个规格为120*320的,无填充色的橙色矩形框,垂直中齐。上锁。如图12所示:


图12

    (4)选择说明图层第一帧,用文本工具在小框内输入相关说明,字体、规格、颜色自定。上锁。如图13所示:

图13

    (5)选择边框图层第一帧,导入或制作一个边框。规格550*400。全居中。上锁。如图14所示:

图14

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

qizi.stop();
fangzi.stop();
chezi.stop();

锁定该图层。

    7.该作业完成后的时间轴如图15:



图15

    8.测试存盘

 

    *说明:

     1.教程中的实例阴影和立体感是通过滤镜处理的。

     2.运用本教程的原理和脚本可创作抽幸运号、为美女换装等有趣的动画作品。开动脑筋、展开创意动手试试吧。  

      最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

 

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



youzhe16
(2010/2/26 17:07:00)

老师有新作品支持

 发表评论:共有 1 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167