您好!欢迎您光临多彩夜空的制作与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>多彩夜空的制作与思考
多彩夜空的制作与思考
发表日期:2012/9/18 22:20:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 5019

多彩夜空的制作与思考

   

    教学目的:通过本节教学了解和掌握动态按钮、声音控制的基本操作及运用,并用其原理制作出丰富多彩的贺卡与动画。

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

    教学要点:动态按钮、声音控制。

 

   

    作前准备:

    1.准备好一张漂亮的夜空背景图片,规格为550*400,在制图软件(如ps、fw)加工后放置在指定的文件夹待用。

    2.下载一首与主题相关的MP3音乐放置在指定的文件夹待用。

    制作步骤

   1.启动FLASH8 软件

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


图1

    3.创建影片剪辑

    (1)选择“插入-新建元件”,创建一个名为“星星”的影片剪辑。用椭圆形工具在工作区画一个星星。如图2所示:

图2
 
设置其规格为5*5,全居中,选择“修改-分离”两次,将其打散,在第20帧插入关键帧,然后在第10帧插入关键帧,将星星实例放大20*20,全居中。之后,分别点击第1帧和第10帧,创建这两个区域间的形状补间。在第21帧插入空白关键帧。其时间轴如图3所示:

图3

    (2)选择“插入-新建元件”,创建一个名为“花环”的影片剪辑。用椭圆形工具,颜色选取色码表最下方右边第一个,在工作区拖一个10*30的无边小椭圆,其下端对准工作区的中心点,如图4所示:


图4

在第30帧插入关键帧,用任意变形工具将其注册点移至到下端。选择“窗口-变形-旋转20°”,如图5所示:

 
图5
 
点击变形界面下端“复制并应用变形”按钮17次。其过程和实例的变化如图6所示:
 
图6
 
在第30帧插入关键帧,将该实例向下移动一段距离,如图7所示:
 
图7
 
将第1帧和第30帧的图形打散,创建这两个区域间的形状补间。在第31帧插入关键帧,将花环实例转换为图形元件。在第60帧插入关键帧,将该实例全居中,并设置该实例的透明度为0。其时间轴如图8所示:
 
图8
 
    (3)选择“插入-新建元件”,创建一个名为“流星”的影片剪辑。用矩形工具在工作区左端拖一个规格为8*200的无边长条矩形,然后,用黑箭头工具将其调整为长条三角形。如图9所示:
 
图9
 
选中该实例,打开混色器,类型为线性,右边的色码块为橙色,透明度100%;左边色码块为白色,透明度为0。如图10所示:
 
图10
 
操作后的实例如图11所示:
 
图11
 
右键该实例,将其转换为图形元件,命名为“光条”。用任意变形工具将右边顶角向上斜一点,在第40帧插入关键帧,将该实例向右上方移动一大段距离(500px),透明度为0。点击第1帧,创建此区域间的补间动画。如图12所示:
 
图12
 
    (4)选择“插入-新建元件”,创建一个名为“星钮”的按钮元件。打击确定,进入元件编辑区。
 
     a.选择弹起帧,从库中拖出星星影片剪辑至工作区,全居中。如图13所示:
 
图13
 
     b.在指针经过帧插入关键帧,从库中拖出花环影片剪辑至工作区,全居中,如图14所示:
图14
 
     c.在按下帧插入关键帧,从库中拖出流星影片剪辑至工作区,全居中,如图15所示:
 
图15
 
     d.在点击帧插入关键帧,用矩形工具拖一个无边小矩形,颜色随意,全居中,如图16所示:
 
图16
 
    (5)选择“插入-新建元件”,创建一个名为“光柱”的影片剪辑。
选择第1帧,从库中拖出光条元件到工作区,用任意变形工具将其放大为500*20,并将其注册点移到右端顶角处,对准工作区中心点。如图17所示:
 
图17
 
在第100帧插入关键帧,再在第50帧插入关键帧,点击“该实例-修改-变形-水平翻转”,如图18所示:
 
图18
 
分别点击第1帧和第50帧,创建这两个区域间的补间动画。
 
    (6)选择“插入-新建元件”,创建一个名为“音乐”的影片剪辑。点击确定,进入元件编辑区。点击“文件-导入-导入到库”,将准备好的音乐导入到软件库中。然后,选择该图层第1帧,从库中拖出刚刚导入的音乐至工作区,按f5延长帧,待音乐完全放完时松开。
   
    (7)选择“插入-新建元件”,创建一个名为“音波”的影片剪辑。点击确定,进入元件编辑区。添加四个图层,共五个图层。自下而上分别命名为图层1、图层2、图层3、图层4和音乐。
    a.选择图层1第1帧,用矩形工具在工作区拖一个无笔触,填充色为白色,规格为3*30,然后,用黑箭头工具将其调整为圆弧形。并将其转换为图形元件。如图19所示:
 
图19
 
在该图层第20帧插入关键帧,将圆弧向左移动一段距离,设置其透明度为0。点击第1帧,创建该区域间的补间动画。如图20所示:
 
图20
 
    b.将图层1第1帧-第20帧刮黑,右键“刮黑处-复制帧”。然后,分别依次右键“图层2第5帧、图层3第10帧、图层4第15帧-粘贴帧”。将各图层35帧以后的所有帧刮黑后删除。
    c.选择音乐图层第1帧,将库中的音乐影片剪辑拖入到工作区,在第34帧插入普通帧。
    该环节的时间轴,如图21所示:
 
图21
 
    (8)选择“插入-新建元件”,创建一个名为“隐钮”的按钮元件。点击确定,进入元件编辑区。在第4帧(点击)插入空白关键帧,用矩形工具在工作区拖一个规格为60*60,颜色随意的无边框的矩形,全居中。如图22所示:
 
图22
 
    (9)选择“插入-新建元件”,创建一个名为“音效”的影片剪辑。点击确定,进入元件编辑区。添加三个图层,共四个图层,自下而上分别命名为喇叭、音波、隐钮和as。
    a.选择喇叭图层第1帧,导入或绘制一个喇叭,设置其规格为40*50,颜色随意,全居中。将其转换为图形元件。在第2帧插入关键帧,点击喇叭实例,选择属性面板中的“颜色-色调”,变换一下颜色。上锁。如图23所示:
 
图23
 
    b.右键音波图层第2帧,插入空白关键帧,从库中拖出音波影片剪辑水平放置在喇叭左端(圆弧靠近喇叭)。上锁。
    c.选择隐钮图层第1帧,从库中拖出“隐钮”按钮元件,全居中。右键该按钮,打开动作面板,在as编辑区输入如下语句:
 
on (release) {
 gotoAndStop(2);
}
 
在第2帧插入关键帧,右键该按钮,打开动作面板,在as编辑区输入如下语句:
 
on (release) {
 gotoAndStop(1);
}
 
锁定该图层。
   
    d.右键as图层第1帧,打开动作面板,在as编辑区输入停止指令:
 
stop();
 
在第2帧插入普通帧。上锁。
 
    本环节的时间轴如图24所示:
 
如图24
 
    4.组织编辑场景
 
    返回场景1,添加五个图层,共六个图层。自下而上分别命名为背景、光柱、星钮、音效、文本和边框。
 
    (1)选择背景图层第1帧,导入已准备好的背景图片,设置其规格为550*400,全居中。上锁。如图25所示:
 
图25
 
    (2)选择光柱图层第1帧,从库中拖出光柱影片剪辑,放置在背景左下端;再从库中拖出一个光柱影片剪辑,放置在背景右下端,然后,选择“修改-变形-水平翻转”(两个光柱的顶点相对)。上锁。如图26所示:
 
图26
 
    (3)选择星钮图层第1帧,从库中拖出星钮影片剪辑若干,分别变换其大小或透明度(为的是不让星星都一个模样),放置在背景的各个位置(参看图27)。上锁。
 
    (4)选择音效图层第1帧,从库中拖出音效影片剪辑,放置在背景的右下角(参看图27)。上锁。
 
    (5)选择文本图层第1帧,用文本工具输入作品题目和欣赏说明,字体、颜色、大小、形状和位置自定。可参看图27。上锁。
 
    (6)选择边框图层第1帧,导入或制作一个边框,规格为550*400,全居中。上锁。如图27所示:

图27

    5.该作业完成后的时间轴如图28所示:  
 
图28
 
    6.测试存盘。
 

    *说明:

    1.本教材综合了动态按钮、声音控制和彩色光柱三个实例为一体而制作的多彩夜空动画,你也可变换三个实例的内容或添加其它特效,使夜空更加丰富多彩、绚丽多姿。

    2.“星星”和“花环”每个实例最好多创建几个影片剪辑,其大小、形状、颜色以及运行的时间和轨迹各不相同。当然“星钮”按钮的创建也随之增加。

    3.运用本教材的基本原理与操作你可否创作一幅相关的贺卡呢?有兴趣的话,不妨试试看。

    

最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



JIN1234
(2009/8/14 14:07:00)

谢谢老师的教程,我学做了一个

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167