您好!欢迎您光临舞台五彩光芒的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>舞台五彩光芒的制作原理与方法
舞台五彩光芒的制作原理与方法
发表日期:2012/9/19 9:35:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3308

 舞台五彩光芒的制作原理与方法

   

    教学目的:通过本节教学了解和掌握影片剪辑及属性链接的设置,动作面板及as语句的应用。以此创作出舞台五彩光芒的动画效果。

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

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

 

    

    制作步骤

    1.启动FLASH8 软件

    2.确立文档属性

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


图1

    3.创建图形元件

    选择“插入-新建元件”,创建一个名为“光线”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。下层命名为灯光,上层命名为五星。

    (1)选择灯光图层第一帧,用矩形工具打开混色器,设置其参数,如图2所示:

图2

在舞台拖一个规格为300*100的,无边线的矩形(如图4-1),然后用选择工具将其调整为横向的等腰三角形(图4-2、3),点击该实例,在混色器面板修改其参数,如图3所示:

图3

完成后的舞台实例变化(图4-4)。其制作流程,如图4所示:


图4

点击该实例,左对齐-垂直中齐。此时该实例的顶角正和舞台中心点对齐。上锁。

    (2)选择五星图层第一帧,点开矩形工具,选择多角星形工具,之后,点击属性面板中的“选项”按钮,如图5所示:

图5

打开工具设置面板,选择参数如图6所示:


图6

在舞台拖一个无边框的五角星,规格16左右,颜色随意,将其放置在横向等腰三角形的左侧。垂直中齐。上锁。如图7所示:


图7

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


图8

    4.创建影片剪辑元件

    (1)选择“插入-新建元件-高级”,如图8所示:

图8

打开元件属性、链接面板,建立一个名为“灯光”的影片剪辑元件,填写其标识符为:mc ,其它属性链接参数,如图9所示:

图9

*URL处可随便输入一个网页地址。

    (2)选择“插入-新建元件”,创建一个名为“光芒”的影片剪辑元件,就一个图层。

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

function go()
{
    var _loc1 = this;
    nowy = attachMovie("mc", "m" + a, 10 + a);
    nowy._x = 200;
    nowy._y = 150;
    nowy._alpha = 40;
    nowy._rotation = random(360);
    nowy._xscale = nowy._yscale = 40 + random(100);
    nowy.onEnterFrame = function ()
    {
        var _loc1 = this;
        _loc1._rotation = _loc1._rotation + Math.sin(_loc1.z = _loc1.z + 3.000000E-001) * 4;
        _loc1._xscale = _loc1._yscale = _loc1._yscale + Math.sin(_loc1.o = _loc1.o + 2.000000E-001) * 10;
        _loc1.col = new Color(_loc1);
        _loc1.col.setRGB(127 * Math.sin(_loc1.r = _loc1.r + 8.000000E-001) + 128 << 16 | 127 * Math.sin(_loc1.g = _loc1.g + 2.000000E-001) + 128 << 8 | 127 * Math.sin(_loc1.b = _loc1.b + 1.000000E-001) + 128);
    };
    ++a;
    if (a > 30)
    {
        clearInterval(id);
    }
}
setProperty("", _quality, "LOW");
var id = setInterval(go, 250);

其时间轴,如图10所示:


图10


    5.编辑制作场景

    返回场景1,添加一个图层,共两个图层。自下而上命名为,光芒、边框。

    (1)选择光芒图层第一帧,从库中拖出光芒影片剪辑元件到舞台,将其放置在左上角。上锁。如图11所示:

图11

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

图12

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

图13

    7.测试存盘。

    *本教程中的语句是as1.0,flash8语句默认的是as2.0,所以你在测试中不能显示完整的效果。没有关系,flash8.0在存盘时有版本调换的功能。下边,我们就flash8.0用低版本语句如何导出存盘:

    (1)保存源文件,其操作方法是:

    选择“文件-另存为”,打开另存为界面,在“保存在”选择你指定的文件夹;在“文件名”填写作品名称;在“保存类型”选择fla(一般为默认)点击“保存”即可。源文件的保存可以对该作品进行修改。如图14所示:

图14

    (2)保存该作品swf文件,其操作方法是:

    选择“文件-导出-导出影片”,打开导出影片界面,在“保存在”选择你指定的文件夹;在“文件名”填写作品名称;在“保存类型”打开右侧的下三角,在下拉菜单中选择swf,点击“保存”。如图15所示:

图15

点击保存后,进入“导出flash player”对话框,在该界面设置其参数,如图16所示:

图16

点击“确定”按钮,完成wsf作品的存盘。

    这样,你再打开源文件测试作品和打开swf文件时,就可以正常显示了,

 
    说明:
 
    1.你在制作中可以在最下层放入一个舞台背景,试试看效果如何。
 
    2.在制作中,你还可以添加环绕彩灯、多彩光柱,场景光晕、舞者和声效等,其观感更佳。
 
最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



553882815
(2010/9/8 23:01:00) [218.66.90.]

好漂亮舞台效果,值得学习借鉴!


wqas5604
(2010/8/12 17:42:00)

老师好!我也是按你的教材做了,可看不到效果显示啊。这到底是啥原因呢?请赐教。


缘分
(2010/4/23 13:06:00) [123.113.159.]

老师我按照上面的教材做,怎么没有效果呀,请指教QQ1003206017

 发表评论:共有 3 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167