您好!欢迎您光临梦幻彩扇的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>梦幻彩扇的制作原理与方法
梦幻彩扇的制作原理与方法
发表日期:2012/9/19 0:28:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3419

梦幻彩扇的制作原理与方法

   

    教学目的:通过本节教学了解和掌握遮罩、变形、翻转帧之功能与设定,并通过此原理创作梦幻彩扇的动画效果。

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

    教学要点:遮罩、变形、翻转帧

 

    

    作前准备:

    准备一张像素较大的图片,经过制图软件(ps、fw)处理后,规格约为600*550,保存到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件

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



图1

    3.导入素材到库

    首先,将准备好的图片素材导入到库中,待用。其素材图如下:


素材图

    4.创建图形元件

    选择“插入-新建元件”,建立一个名为“扇片”的图形元件,点击确定,进入元件编辑区。就一个图层。选择图层1第一帧,用矩形工具在舞台拖一个笔触高度为1,黄色,填充色为黑红,规格为260*25的矩形(如图2-1),再用选择工具将其两端调整为(如图2-2)所示。其流程如图2所示:

图2

双击实例边线,起麻点后,右键将其转换为名为“扇框”的图形元件。如图3所示:

图3

删除边线,点击该实例,全居中。如图4所示:

图4

    5.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“动态扇面”的影片剪辑元件,点击确定,进入元件编辑区。添加三个图层,共四个图层。自下而上命名为图片、扇片、扇框、扇扣。

    (1)选择图片图层第一帧,从库中拖出已准备好的图片到舞台,规格600*550。全居中。在第80帧插入关键帧,用任意变形工具将图片顺时针旋转180°。创建本区域间的动画补间。上锁。

    (2)选择扇片图层第一帧,从库中拖出扇片图形元件到舞台,放置在图片的左半部中间,在第80帧插入帧,上锁。如图5所示:

图5

    (3)选择扇框图层第一帧,从库中拖出扇框图形元件到舞台,将其套在扇片之上。在第80帧插入帧,上锁。如图6所示:

图6

    (4)选择扇扣图层第一帧,用椭圆形工具打开色码表,选择最下一行,左边第2个外黑内白的放射性颜色,在舞台拖一个无边线的、规格为20*20的正圆,将其移到扇片的右端。在第80帧插入帧,上锁。如图7所示:


图7

    (5)右键扇片图层名称处,将该图层设置为遮罩层。

    6.编辑制作场景

    返回场景1,添加三个图层,共四个图层。自下而上命名为背景、文本、扇面1、扇面2。

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

图8

    (2)选择文本图层第一帧,用文本工具在背景的下半部输入“梦幻彩扇”和相关内容。在第605帧插入帧。上锁。如图9所示:


图9

    (3)选择扇面1图层第一帧,从库中拖出动态扇片影片剪辑到舞台,将其放置在背景的上半部左侧,用任意变形工具选中该实例,并将其注册点移到扇扣的中心,如图10所示:

图10

在第7帧插入关键帧,再在第9帧插入关键帧,点击“窗口-变形”,设置其变形界面参数,如图11所示:


图11

点击下方的“复制应用并变形”图标1次。此时工作区的实例变化为,如图12所示:

图12

在11帧处插入关键帧,点击刚复制的扇片,此时变形面板旋转显示的是6度,将其改为12度,如图13所示:

图13

点击下方的“复制应用并变形”图标1次,这时场景实例显示三个扇片。如图14所示:
 
图14
 
在13帧处插入关键帧,点击刚复制的扇片,此时变形面板旋转显示的是12度,将其改为18度,如图15所示:
图15

点击下方的“复制应用并变形”图标1次,这时场景实例显示四个扇片。如图16所示:


图16

如此连续操作,在第65帧变形面板旋转为180度。如图16所示:


 图16 

此时舞台中实例变化为31个扇片,如图17所示:

图17

在第160帧插入关键帧,在第200帧再插入一个关键帧,点击该帧,选中舞台全部实例,按方向键向右平移至水平居中。点击第160帧,创建本区域间的动画补间。如图18所示:

图18

在第250帧插入关键帧,右键该帧-复制帧。在第605帧插入帧,上锁。

    (4)选择扇面2本图层第250帧插入空白关键帧,右键该帧-粘贴帧。再在第290帧插入关键帧(此时已选中舞台全部实例),按方向键将扇面2实例向下垂直移动到扇面1的下方,点击第250帧,创建本区域间的动画补间。如图19所示:


图19

在第350帧插入关键帧,再在第390帧插入关键帧,用任意变形工具将扇面2顺时针旋转180°,再用方向键上移扇面2和扇面1 底边衔接为圆。创建本区域间的动画补间。如图20所示:


 图20

在第450帧插入关键帧,用任意变形工具将扇面2的注册点移到上方中间,再在第490帧插入关键帧(注册点在上方中间),如图21所示:

图21

用任意变形工具将扇面2逆时针旋转180°,按方向键向下移到和扇面1重合。创建本区域间的动画补间。如图22所示:

图22

用鼠标将扇面1图层第1-65帧刮黑,右键刮黑处-复制帧。再在扇面2图层第541帧处,右键-粘贴帧,再将新粘贴的所有帧刮黑,右键刮黑处-翻转帧。(此时,应该结束于第605帧)。上锁。


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



图23

  8.测试存盘

    *说明:

    1.本教程是应众多网友之约仓促编写,可能有遗漏和笔误之处,如发现请在下方评论留言中及时告之,以便更正。谢过!

    2,本教程叙述繁琐,操作起来还是比较简单的。关键在于一步步认真细致地完成每一个环节。

    最终效果显示:


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

 


 

全屏下载

 

祝你成功!

 

进入更多教程

 

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



清云759104410
(2010/8/31 10:41:00) [119.248.60.]

老师这个效果非常漂亮,我比着老师的教程做出来了。要感谢老师的辛苦。老师还有个建议,在扇子合拢之前,让扇子还回到一开始没有水平居中时的位置后再把扇子合拢,效果是不是会更自然一点呢。我这样做出来了。感谢老师的教程。


812379368
(2010/3/7 18:36:00)

终于制作出来了!谢谢老师祝福您万事如意吉星高照寅虎生威威震九州!


812379368
(2010/3/7 10:47:00)

谢谢老师在百忙中回复,我图片没旋转hh !


hsb345
(2010/3/7 10:33:00)

回复812379368朋友:不动可能是哪个环节操作有误,是不是这里呀:
(1)选择图片图层第一帧,从库中拖出已准备好的图片到舞台,规格600*550。全居中。在第80帧插入关键帧,用任意变形工具将图片顺时针旋转180°。创建本区域间的动画补间。上锁。


812379368
(2010/3/6 23:24:00)

老师您好,我制作的动态扇面怎么不动啊!

 发表评论:共有 6 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167