您好!欢迎您光临仿3D文字旋转的制作原理与方法_潇洒的云音画网站! 棋牌 I 论坛 I 企业建站 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>flash教程>>>仿3D文字旋转的制作原理与方法
仿3D文字旋转的制作原理与方法
发表日期:2014/7/9 9:23:00 出处:转载 作者:未知 发布人:xiaosadyun 已被访问 311

仿3D文字旋转的制作原理与方法

 

   

    教学目的:通过本节教学了解和掌握影片剪辑元件及其实例名称的创建与应用,通过巧妙的设计创作出仿3D文字旋转之动画效果。

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

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

 

  制作步骤

    1.启动FLASH8 软件。

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


图1

    3.创建影片剪辑元件

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

    选择图层1第一帧,用文本工具在舞台输入“迎客松欢迎您”的字样,字体、规格、颜色自定,然后,用任意变形工具将其整体规格改为400*123,全居中。如图2所示:


图2

将该实例打散,用墨水瓶工具,笔触高度为1,颜色自定,在每个字的独立笔划的边缘点一下,为其描边,如图3所示“

图3

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

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

图4

点击该实例,在属性面板填写其实例名称为:mc 。上锁。如图5所示:

图5

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

function aa(mc, i, m)
{
    mc.onEnterFrame = function ()
    {
        i <= 100 ? (i++) : (i = 1);
        if (i > 0 && i <= 15)
        {
            this._xscale = 100 - 6.600000E+000 * i;
            this._x = -m / 15 * i;
        }
        else if (i > 15 && i <= 30)
        {
            this._xscale = -1 - 6.600000E+000 * (i - 15);
            this._x = m - m / 15 * (i - 15);
        }
        else if (i > 30 && i <= 45)
        {
            this._xscale = -100 + 6.600000E+000 * (i - 30);
            this._x = -m / 15 * (i - 30);
        }
        else if (i > 45 && i <= 60)
        {
            this._xscale = 1 + 6.600000E+000 * (i - 45);
            this._x = m - m / 15 * (i - 45);
        }
        else
        {
            this._xscale = 100;
            this._x = 0;
        }
    };
}
mc._visible = 0;
for (k = 1; k <= 15; k++)
{
    this["i" + k] = 0;
    duplicateMovieClip(mc, "mc" + k, k);
    this["mc" + k]._x = this["mc" + k]._y = 0;
    aa(this["mc" + k], this["i" + k], 5.500000E+000 - k);
}

锁定该图层。


    4.编辑制作场景

    返回场景1。

    选择图层1第一帧,从库中拖出“文本2”影片剪辑元件到舞台,规格不变,全居中。上锁。如图6所示:


图6


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



图7

  6.测试存盘

 


    *说明: 

    影片剪辑“文本2”第一幀语句中的 i <= 100 ?  为文本旋转中间停留的时段,其数字大小和停留时段成正比,可依据作品的需要予以调整。

 

 最终效果显示:


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

 

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

上篇文章:枫叶飘落的制作原理与方法

下篇文章:as打造不倒翁的制作原理与方法

 相关评论:

没有相关评论

 发表评论:

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

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

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

琼icp备09005167