您好!欢迎您光临as打造花中丽人的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>as打造花中丽人的制作原理与方法
as打造花中丽人的制作原理与方法
发表日期:2013/1/22 17:19:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 1126

 

 

as打造花中丽人的制作原理与方法

 

   

    教学目的:通过本节教学了解和掌握影片剪辑、按钮的创建应用,影片剪辑链接属性以及动作面板as语句并用,通过巧妙的设计和精心创作,进而实现新颖靓丽的3D花中丽人之动画效果。

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

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

 

 

  作前准备

    1.准备规格为128*340的全身立式美女图片一张(最好是无背景的透明图片),经过制图软件(ps、fw)处理后,放到指定的文件夹待用。

    2.准备一首缓冲效果较好且有效期久远的mp3规格的歌曲地址,保存到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件

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


图1

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

(素材图)

    4.创建按钮元件 

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

    选择图层1第4幀(点击)插入空白关键幀,用矩形工具在舞台拖一个无边线的矩形,规格、颜色随意,全居中。如图2所示:


图2

    5.创建图形元件

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

    选择图层1第1帧,导入或绘制一朵小花,规格自定,全居中。如图2所示:



图3

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

    选择图层1第1帧,从库中拖出美女素材图片到舞台,扣去背景,规格月128*340,全居中。如图4所示:


图4

    6.创建影片剪辑元件 

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

    A.选择mm图层第1幀,从库中拖出“mm1”图形元件到舞台,修改其等比规格宽为16(高随之改为42.5),全居中。如图5所示:


图5

在第2幀插入空白关键帧,从库中拖出“小花”图形元件到舞台,修改其等比规格为20,全居中。上锁。如图6所示:

图6

    B.选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下停止命令语句:stop();。上锁。

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

图7

    D.本环节完成后的时间轴,如图8所示:


图8

    (2)选择“插入-新建元件”,建立一个名为“音效”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为歌名、按钮、as。

    A.选择歌名图层第1幀,用文本工具在舞台输入:打开歌曲,字体、规格、颜色自定,全居中。如图9所示:

图9

在第2幀插入幀,将舞台实例改为:关闭歌曲,字体、规格、颜色自定,全居中。上锁。如图10所示:


图10

    B.选择按钮图层第1幀,从库中拖出“隐钮”按钮元件到舞台,规格130*40,全居中。如图11所示:


图11

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

on (release) {
 play();

}

在第2幀插入幀,上锁。

    C.选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下停止命令语句:

stop();
yy("迎客松")
function yy(dz, gm) {
   mySound = new Sound();
   mySound.loadSound(dz, true);
   geming = gm;
   mySound.onSoundComplete = function() {
      yy(dz, gm);
   };
}

在第2幀插入空白关键帧,点击该幀,按f9,打开动作面板,在as编辑区输入,如下帧语句:

stop();
yy("
http://www.duliya.com/UploadFiles/User/509/201212/2012121910264776040.mp3")
function yy(dz, gm) {
   mySound = new Sound();
   mySound.loadSound(dz, true);
   geming = gm;
   mySound.onSoundComplete = function() {
      yy(dz, gm);
   };
}

*语句中红色部分为歌曲地址

锁定该图层。

    D.本环节完成后的时间轴,如图12所示:

图12

    7.辑制作场景

    返回场景1,添加三个图层,共四个图层。自下而上命名为背景、音乐、文本、as。

   (1)选择背景图层第一帧,导入或制作一个适合于作品的背景到舞台,规格550*600,全居中。上锁。如图13所示:


图13

    (2)选择音乐图层第1帧,从库中拖出“音效”影片剪辑元件到舞台,规格不变,将其放置在背景的右下角处。上锁。如图14所示:



图14

    (3)选择文本图层第一帧,用文本工具在音效实例的左侧依次输入:花中丽人点击mm,规格、字体、颜色自定。调整好位置。上锁。如图15所示:


图15

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

stop();
var a = {};
eval("a")["b"] = 160;
eval("a")["c"] = 9.000000E-003;
var d = {_x: Stage.width / 2};
var e = 300;
var mcc = this.createEmptyMovieClip("mcc", this.getNextHighestDepth());
mcc._x = eval("d")._x;
var r = 0;
mcc.onEnterFrame = function ()
{
    this._y = this._y + r;
    if (this._y > 280)
    {
        this._y = 280;
        r = r * -8.000000E-001;
    }
     r = r + 3.000000E-001;
};
var i = 0;
while (i < eval("a")["b"])
{
    var mc = mcc.attachMovie("mc", "mc" + i, i);
    mc.X = 0;
    mc.r = Math.cos(i) * 300;
    mc.Y = Math.sin(i) * 320;
    mc.Z = 0;
    mc.R = random(360);
    mc.ID = i;
    if (i != 0)
    {
        mc.nextFrame();
        mc._rotation = random(360);
    }
    if (i == 0)
    {
        mc._xscale = mc._yscale = 700;
        mc.onPress = function ()
        {
            r = -10;
        };
    }
    mc.onEnterFrame = function ()
    {
        if (this.ID == 0)
        {
            this.Z = 200;
            var _loc2 = eval("mc") / this.Z;
            this._x = this.X * _loc2;
            this._y = this.Y * _loc2;
            this.swapDepths(-Math.floor(this.Z * 2));
        }
        else
        {
            this.R = this.R + eval("a")["c"];
            this.X = Math.cos(this.R) * this.r;
            this.Z = Math.sin(this.R) * this.r + 500;
            _loc2 = eval("e") / this.Z;
            this._x = this.X * _loc2;
            this._y = this.Y * _loc2;
            this._xscale = this._yscale = 100 * _loc2;
            this.swapDepths(-Math.floor(this.Z));
        }
    };
    ++i;
}

锁定该图层。

    8.本作业完成后时间轴显示如图16所示:


图16

  9.测试存盘

 

    *说明:

    mm2影片剪辑没有在场景中出现,其效果是通过其链接属性来实现的。

 

最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

 

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167