您好!欢迎您光临太阳光芒的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

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

 太阳光芒的制作原理与方法

   

    教学目的:通过本节教学了解和掌握混色器和Alpha设置,以及动画补间的创建,并运用上述原理制作太阳光芒闪烁的动画效果,进而为你的作品增色添彩。

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

    教学要点:混色器、Alpha、动画补间。

 

 

     作前准备:准备或制作一副规格为550*400的,带有蓝天白云的动画作品,保存到指定的文件夹待用。   

   制作步骤

    (一)效果1

    1.启动FLASH8 软件

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


图1

    3.导入素材到库中 

    首先,将准备好的动画作品导入到软件之中(或制作一个带有蓝天白云的动画作品)。 

    4.创建图形元件

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

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

图2

在舞台拖一个规格为380*7的,无边线的矩形,如图3-1;然后,用选择工具将其调整为三角形,如图3-2;将左边白色色码快设置为0%,右边的黄色色色码快为80%,如图3-3所示:

图3

    (2)选择“插入-新建元件”,建立一个名为“太阳”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,用椭圆形工具打开混色器,设置其参数。如图4所示:

图4

在舞台拖一个规格为42*42的,无边线的正圆。全居中。如图5所示:

图5

    (3)选择“插入-新建元件”,建立一个名为“光芒”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出光线图形元件到舞台,将右顶角对准舞台的中心点,用任意变形工具选中该实例,并将其注册点移到右边顶点处。再点击“窗口-变形”,打开变形界面,设置其参数,如图6所示: 

图6

然后,点击下方的“复制并应用变形”按钮35下,舞台实例变化,如图7所示:

图7

    5.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“阳光”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。上层为太阳,下层为光芒。

    (1)选择光芒图层第一帧,从库中拖出光芒图形元件到舞台,全居中,并设置Alpha为15%,在第50帧插入关键帧,点击第1帧,在属性面板创建本区域间的动画补间。在第25帧插入关键帧,在属性面板选择逆时针旋转一周。点击该帧上的实例,设置其Alpha为0%。上锁。

    (2)选择太阳图层第一帧,从库中拖出太阳图形元件到舞台,全居中。点击该帧上的实例,设置其Alpha为70%。在第50帧插入帧。上锁。如图8所示:

图8

    6.组织编辑场景

    返回场景1,添加一个图层,共两个图层。下层为动画,上层为阳光。

    (1)选择动画图层第一帧,从库中拖出准备或制作的动画影片剪辑到舞台,使动画主页面和舞台全居中。上锁。如图9所示:

图9

    (2)选择阳光图层第一帧,从库中拖出阳光影片剪辑到舞台,将太阳实例放置在动画的右上角。上锁。如图10所示:

图10

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

图11

  8.测试存盘

    (一)效果2

    1.启动FLASH8 软件

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

    3.导入素材到库中 

    首先,将准备好的动画作品导入到软件之中(或制作一个代蓝天白云的动画作品)。 

    4.创建图形元件

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

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

图12

在舞台拖一个规格为380*15的,无边线的矩形,如图3-1;然后,用选择工具将其调整为三角形,如图13-2;将左边的白色色码快设置为0%,右边的黄色色色码快为80%,如图13-3所示:

图13

    (2)选择“插入-新建元件”,建立一个名为“光线2”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,用椭圆形工具打开混色器,两端色码快均为白色。设置其参数,如图14所示:

图14

在舞台拖一个规格为18*18的,无边线的正圆,并将其转换为图形元件“光环”。如图15所示:

图15

然后,从库中分别依次拖出若干光环图形元件到舞台,调整其大小,并将其排列成,如图16所示:

16

其总宽度为380。

    (3)选择“插入-新建元件”,建立一个名为“太阳”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,用椭圆形工具打开混色器,设置其参数。如图17所示:

图17

在舞台拖一个规格为42*42的,无边线的正圆。全居中。如图18所示:

图18

    5.创建影片剪辑元件

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

     选择图层1第一帧,从库中拖出光线图形元件到舞台,点击“修改-水平翻转”,全居中。用任意变形工具选中该实例,并将其注册点移到左侧顶点处,在第20帧插入帧,创建本区域间的动画补间。在第10帧插入关键帧,实例注册点仍在左侧端点上。然后,用任意变形工具将其向右拉长其规格为460*15,再将鼠标放到右侧上方变形快处,待出现环形箭头后,向下拖十几个像素。如图19所示:

图19

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

     选择图层1第一帧,从库中拖出光线2图形元件到舞台,全居中。用任意变形工具选中该实例,并将其注册点移到左侧顶点处,在第20帧插入帧,创建本区域间的动画补间。在第10帧插入关键帧,实例注册点仍在左侧端点上。然后,用任意变形工具将其向右拉长其规格为460*15,再将鼠标放到右侧上方变形快处,待出现环形箭头后,向下拖十几个像素。如图20所示:


图20

    (3)选择“插入-新建元件”,建立一个名为“阳光”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。上层命名为太阳,中层命名为光芒1,下层命名为光芒2。

    a.选择太阳图层第一帧,从库中拖出太阳图形元件到舞台,放置在舞台的左侧,并设置其Alpha为70%。上锁。

    b.选择光芒1图层第一帧,从库中分别依次拖出六条光芒1影片剪辑元件到舞台,以太阳为中心点,按图21摆放成扇形。上锁。

    c.选择光芒2图层第一帧,从库中分别依次拖出三条光芒2影片剪辑元件到舞台,以太阳为中心点,摆放在光芒1扇形的,由右至左的第2、3、5的位置上。上锁。如图21所示:

图21

    6.组织编辑场景

    返回场景1,添加一个图层,共两个图层。下层为动画,上层为阳光。

    (1)选择动画图层第一帧,从库中拖出准备或制作的动画影片剪辑到舞台,使动画主页面和舞台全居中。上锁。如图22所示:

图22

    (2)选择阳光图层第一帧,从库中拖出阳光影片剪辑到舞台,将太阳实例放置在动画的左上角。上锁。如图23所示:


图23

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

图24

  8.测试存盘

 

    *说明:

    1.为了让太阳更加柔和逼真你可以将太阳图形元件转换为影片剪辑,然后,用滤镜-模糊处理。

    2.动画中的云彩最好也做Alpha处理,这样太阳才能有若隐若现的效果。当然因为太阳已做了Alpha处理,所以也会有此效果。

 

  最终效果显示:


 


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



812379368
(2010/4/6 8:32:00)

衷心感谢恩师把美丽传播谢谢您!


海边追浪
(2010/3/24 17:00:00) [218.200.140.]

自从那日与您(迎客松站)邂逅,真感相见恨晚。您的文字教程有三大特点:演示效果明显,原理过程清晰,重视思考变化。使我这个爱好者受益匪浅。老师,谢谢您的辛勤劳动和无私奉献!看“教师之家”栏目,您应是一位人民教师,对吗?


枫椰
(2009/3/30 14:14:00) [218.14.9.]

好美哟,您的作品令人陶醉,下载收藏了,多谢前辈的无私奉献!

 发表评论:共有 3 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167