您好!欢迎您光临人物扭动的制作原理与方法01_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>人物扭动的制作原理与方法01
人物扭动的制作原理与方法01
发表日期:2013/8/31 12:57:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 992

 

人物扭动的制作原理与方法01

 

 

    教学目的:通过本节教学了解和熟悉影片剪辑元件及其实例的创建,动作面板与as语句,通过巧妙的设计与制作,进而实现人物扭动的动画效果。

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

    教学重点:影片剪辑、实例名称、动作面板、as语句。

     

 

    作前准备

    准备一张规格为140*433的mm图片,最好是无背景的透明图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

    制作过程

    1.启动flash8软件。

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


图1

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


(素材图)

    4.创建影片剪辑元件

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

    选择图层1第一帧,从库中拖出素材图片到舞台(如果不是透明无背景的,则需要抠图,只留人物),规格为140*433,左对齐-上对齐。如图2所示:

 

图2

    5.编辑制作场景

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

    (1)选择mm图层第一帧,从库中拖出“mm”影片剪辑元件到舞台,规格不变,全居中。如图3所示:


图3

选中该实例,在属性面板填写其实例名称为 yks 。上锁。如图4所示:


图4

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

function aa(bm, mc, h)
{
    j = 0;
    bm = new flash.display.BitmapData(mybm.width, 1, true, 0);
    mc = this.createEmptyMovieClip("yks", this.getNextHighestDepth());
    mc.attachBitmap(bm, this.getNextHighestDepth());
    bm.copyPixels(mybm, new flash.geom.Rectangle(0, h, mybm.width, 1), new flash.geom.Point(0, 0));
    mc._y = h + Stage.height / 2 - yks._height / 2;
    mc.onEnterFrame = function ()
    {
        j = j + 2;
        mc._x = Stage.width / 2 - yks._width / 2 + 5 + Math.sin(j * 1.400000E+000 / 180) * 6;
    };
}
yks._visible = 0;
mybm = new flash.display.BitmapData(yks._width, yks._height, true, 0);
mybm.draw(yks);
for (i = 1; i <= mybm.height; i++)
{
    aa(this["mybm" + i], this["mc" + i], i - 1);
}

锁定该图层。

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


图5

    7.测试存盘

 

    说明:

    1.作业中的人物必须是透明无背景的,且适合扭动的图片

    2.运用本教程的原理和方法可创作水域的波动,树冠的波动和文字的波动等,如有兴趣试试看。

 

最终效果显示:


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

 

全屏下载

 

祝你成功

 

进入更多教程

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏