您好!欢迎您光临红旗随风飘扬的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>红旗随风飘扬的制作原理与方法
红旗随风飘扬的制作原理与方法
发表日期:2012/9/18 11:41:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 6613

红旗随风飘扬的制作原理与方法

   

    教学目的:通过本节教学了解和掌握混色器、遮罩的设置调用,动画补间添加关键帧对实例正确定位,并运用上述原理进而制作出红旗随风飘扬动画效果。

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

    教学要点:混色器、遮罩。

 

   

   制作步骤

    1.启动FLASH8 软件

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

图1

    3.创建图形元件 

    选择“插入-新建元件”,创建一个名为“旗面”的图形元件,点击确定,进入元件编辑区。就一个图层。选择图层1第一帧,用矩形工具,打开混色器,设置其参数,如图2所示:

图2

在舞台拖一个规格为300*200的,无边线的矩形。如图3-左;在用线条工具在该矩形中间画一条竖向线段,然后,用选择工具将该矩形调整为放倒的反s形状。如图3-右所示:

图3

删除中间线段。选中该实例,同时按住shift+ctrl键向右拖,复制平移一个该实例,并使其左边和原实例的右边对齐衔接(二者不错位无缝隙)。如图4所示:

图4

    4.创建影片剪辑 

   选择“插入-新建元件”,创建一个名为“飘动”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。

    (1)选择图层1第一帧,从库中拖出旗面图形元件到舞台,上对齐-左对齐。在第30帧插入关键帧。上锁。

    (2)选择图层2第一帧,用矩形工具在旗面上拖一个规格为300*330的,蓝色的无边线的矩形,左对齐。如图5所示:

图5

在用线条工具在该矩形中间画一条横向线段,然后,用选择工具将该矩形调整为反s形状。如图6所示:

图6

删除线段。在第30帧插入关键帧。上锁。

    (3)打开图层1的锁,将旗面向左平移到遮罩的右端。如图7所示:

图7

右键第1帧,创建本区域间的补间动画。

    (4)打开图层2的锁,在第15帧插入关键帧,用任意变形工具选中舞台实例,并将其注册点移到左侧中间,并将其右侧用选择工具调整为s形,然后再将该实例缩小其规格为235*330。如图8所示:

图8

点击该图层名称处,选中所有帧,创建该图层各区域间的形状补间。并设置该图层为遮罩层。

    (5)关闭图层2的眼睛,打开图层1的锁,在第1-30帧中间添加若干关键帧,并将各帧上的实例(旗面)的上边缘和舞台的中心点(小+字)对齐。锁定该图层,打开图层2的眼睛。(此环节的操作是不让旗面飘动时上下移动太大)其时间轴,如图9所示:


图9

    5.编辑制作场景

    返回场景1,加三个图层,共四个图层。自下而上命名为背景、红旗、旗杆、旗套。

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

图10

    (2)选择红旗图层第一帧,从库中拖出飘动影片剪辑元件到舞台,放置在适当的位置。上锁。如图11所示:

图11

    (3)用矩形和椭圆形工具画一个旗杆,并将其转换为图形元件,然后将其放置在红旗的左端适当位置。上锁。如图12所示:


图12

    (4)选择旗套图层第一帧,用矩形工具拖一个白色竖向矩形,规格比红旗略高,比旗杆略宽。将其放置在红旗的左端旗杆之上。上锁。如图13所示:

图13

    6.本作业完成后的时间轴面板如图14示:


图14

    7.测试存盘。
 

    *说明:如果在飘动的旗面上添加相关的图案和文字,使其随着红旗的飘动而变化其位置、形状,则效果更佳。具体方法,望你开动脑筋,展开想象。

   

最终效果显示:


查看flash10之3D效果

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

 

全屏下载

 

祝你成功!

 

进入更多教程

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167