您好!欢迎您光临万宝囊的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>万宝囊的制作原理与方法
万宝囊的制作原理与方法
发表日期:2012/9/19 9:51:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3018

万宝囊的制作原理与方法

   

    教学目的:通过本节教学了解和掌握影片剪辑与影片剪辑时令语句的添加,进而制作出生动有趣的、取之不尽的万宝囊之效果。

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

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

 

    

    作前准备

    准备布袋、元宝、铜钱和玉环透明图片各一张图片,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。

    制作步骤

    1.启动FLASH8 软件

    2.确立文档属性

    设置动画尺寸为550*400,背景颜色黑禄,其它默认,点击确定,进入场景1工作区。如图1所示:



图1

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

    4.创建三个图形元件

    在场景1中,将布袋从库中拖到舞台,规格约为140*240,全居中,将其打散。然后,用线条工具将其划分为三份。如图2所示:

图2

分别点击每个实例,起麻点后,右键将其转换为图形元件,名称依次是“万宝囊上、万宝囊左、万宝囊右”。

    5.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“元宝”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上分别命名为元宝、宝囊上和as。

    A.选择元宝图层第2帧,插入空白关键帧,从库中拖出元宝透明图片到舞台,规格85*60,全居中。上锁。如图3-右所示。

    B.选择宝囊上图层第一帧,从库中拖出万宝囊上图形元件到舞台,规格不变,用任意变形工具选中该实例,将注册点移到下中,水平中齐-下对齐,在第2帧插入空白关键帧。上锁。如图3-左所示。



图3

    C.选择as图层第一帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); ,在第2帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 。上锁。其时间轴如图4所示:

图4

    (2)选择“插入-新建元件”,建立一个名为“铜钱”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上分别命名为铜钱、宝囊左和as。

    A.选择铜钱图层第2帧,插入空白关键帧,从库中拖出铜钱透明图片到舞台,规格60*60,全居中。上锁。如图5-右所示。

    B.选择宝囊左图层第一帧,从库中拖出万宝囊左图形元件到舞台,规格不变,用任意变形工具选中该实例,将注册点移到右中,右对齐-上对齐,在第2帧插入空白关键帧。上锁。如图5-左所示。


图5

    C.选择as图层第一帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); ,在第2帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 。上锁。其时间轴如图6所示:


图6

    (3)选择“插入-新建元件”,建立一个名为“玉环”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上分别命名为玉环、宝囊右和as。

    A.选择玉环图层第2帧,插入空白关键帧,从库中拖出玉环透明图片到舞台,规格50*60,全居中。上锁。如图7-右所示。

    B.选择宝囊左图层第一帧,从库中拖出万宝囊左图形元件到舞台,规格不变,用任意变形工具选中该实例,将注册点移到左中,左对齐-上对齐,在第2帧插入空白关键帧。上锁。如图7-左所示。



图7

    C.选择as图层第一帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); ,在第2帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 。上锁。其时间轴如图8所示:



图8

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

    选择图层1第一帧,从库中拖出元宝影片剪辑元件到舞台,规格不变,水平中齐-下对齐。如图9所示:

图9

点击该实例,按f9, 打开动作面板,在as编辑区输入,如下指令语句:

on (press)
{
    startDrag (this, false);
    var newdepth = this._parent.getNextHighestDepth();
    var newname = "copy" + newdepth;
    var prevname = "copy" + (newdepth - 1);
    if (this._parent[prevname] == undefined)
    {
        this._parent[prevname] = this;
    }
    this.duplicateMovieClip(newname, newdepth);
    this._parent[newname]._x = this._parent[prevname]._x + 0;
    this._parent[newname]._y = this._parent[prevname]._y + 0;
}
on (release)
{
    stopDrag ();
}
on (dragOut)
{
    this.gotoAndStop("2");
}
on (releaseOutside)
{
    stopDrag ();
}

再从库中拖出铜钱影片剪辑元件到舞台,规格不变,右对齐-上对齐。如图10所示:

图10

点击该实例,按f9, 打开动作面板,在as编辑区输入,指令语句同上。

再从库中拖出玉环影片剪辑元件到舞台,规格不变,左对齐-上对齐。如图11所示:

图11

点击该实例,按f9, 打开动作面板,在as编辑区输入,指令语句同上


    6.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上命名为背景、光芒、宝囊、文本、边框。

    (1)选择背景图层第一帧,导入或制作一个背景放到舞台,规格550*400,全居中,上锁。如图12所示:


图12

    (2)选择光芒图层第一帧,导入或制作一个光芒放到舞台,规格550*550,全居中,上锁。如图13所示:



图13

    (3)选择宝囊图层第一帧,从库中拖出万宝囊影片剪辑元件到舞台,规格不变,全居中。上锁。如图14所示:


图14

    (4)选择文本图层第一帧,用文本工具在万宝囊上输入竖向的:“万宝囊”三个字,字体、规格、颜色自定;在背景的下方输入:“用鼠标滑动万宝囊”,字体、规格、颜色自定。如图15所示:



图15

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

图16

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



图17

    8.测试存盘。

 
    说明:
 
    1.在制作中,你如果想使万宝囊中宝贝样式多些,则可以将万宝囊分割成多份,制作成和元宝、铜钱、玉环同样的影片剪辑元件,在万宝囊组合影片剪辑中,各个影片剪辑的指令语句不变。
 
    2.根据本教程中的原理和方法,你还可以制作成金屋藏娇、百宝箱、取款机等作品,展开丰富的想象,大胆地进行创作吧
 
 
最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167