您好!欢迎您光临仿3D文字旋转的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>仿3D文字旋转的制作原理与方法
仿3D文字旋转的制作原理与方法
发表日期:2013/11/5 11:41:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 1524

 

仿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

 

全屏下载

 

祝你成功!

 

进入更多教程

   

 

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



zhanganin
(2014/5/10 23:25:00)

老师辛苦了!谢谢老师的无私奉献!


北辰老朽
(2013/11/10 9:10:00) [114.104.197.]

简单明了,很好!

 发表评论:共有 2 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167