您好!欢迎您光临无限循环飘动云的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>无限循环飘动云的制作原理与方法
无限循环飘动云的制作原理与方法
发表日期:2012/9/18 9:31:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 6188

 无限循环飘动云的制作原理与方法

   

    教学目的:通过本节教学了解和掌握实例无限延伸、无限循环和动画补间制作原理与操作,进而制作无限循环、云彩飘动的动画效果。

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

    教学要点:无限延伸、无限循环、动画补间、Alpha。

 

 

     作前准备:准备一张规格为800*600云彩图片和一张宽为400透明的静态背景图片,经过制图软件(ps、fw)处理后保存到指定的文件夹待用。 

    (一)竖向无限扩散循环  

   制作步骤

    1.启动FLASH8 软件

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


图1

    3.导入素材到库中 

    首先,将准备好的图片素材导入到库中。 

    4.创建影片剪辑元件

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

    选择图层1第一帧,从库中拖出云彩图片到舞台,规格为800*600。水平中齐,底对齐。将其转换为图形元件。如图2所示:

图2

在第30、40帧插入关键帧。选中第40帧上的实例,将其规格再放大为1000*750,水平中齐,底对齐。并设置其Alpha为0%,如图3所示:

图3

返回第1帧,选中该帧上的实例,将其规格缩小为400*300,水平中齐,底对齐。并设置其Alpha为20%。点击图层前边的名称处,待所有时间轴上的帧变黑后,在属性面板创建各区域间的动画补间。

    (2)选择“插入-新建元件”,建立一个名为“循环”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。下层命名为动云,上层命名为as。

    a.选择动云图层第一帧,从库中拖出“飘云”影片剪辑元件到舞台,居中对齐,底对齐。右键该实例-复制,在第10帧,按f6,插入关键帧,在该帧点击“编辑-粘贴到当前位置”;在第20帧插入关键帧,在该帧点击“编辑-粘贴到当前位置”;在第30帧插入关键帧,在该帧点击“编辑-粘贴到当前位置”;同理同种方法完成第40、50帧的操作,在第60帧插入帧。上锁。

    b.选择as图层第60帧,插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); ,如图4所示:

图4

    5.组织编辑场景

    返回场景1,添加一个图层,共两个图层。下层命名为云彩,上层命名为背景。

    (1)选择背景图层第一帧,从库中拖出透明的背景图片到舞台,规格为400*230。上锁。如图5所示:


图5

    (2)选择云彩图层第一帧,从库中拖出“循环”影片剪辑元件到舞台,全居中。上锁。如图6所示:



图6

    6.该作业完成后的时间轴如图7所示:


图7

  7.测试存盘

 

    (二)横向无限滚动循环

   制作步骤

    1.启动FLASH8 软件

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

    3.导入素材到库中 

    首先,将准备好的图片素材导入到库中。 

    4.创建图形元件

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

    选择图层1第一帧,从库中拖出云彩图片到舞台,设置为规格为400*300。全居中。右键该实例,复制-粘贴,选中新粘贴的实例,点击“修改-变形-水平翻转”,然后,将其移到上一个图片的左边,两图之间水平,不重叠,无空隙;再粘贴一次,将新粘贴的图片移到原始图片的右边,两图之间水平,不重叠,无空隙。如图8所示:

图8

    5.编辑制作场景 

    返回场景1,添加一个图层,共两个图层。下层命名为云彩,上层命名为背景。

    (1)选择背景图层第一帧,从库中拖出透明的背景图片到舞台,规格为400*230,居中对齐,底对齐。在第60帧插入帧。上锁。如图9所示:


图9

   (2)选择云彩图层第一帧,从库中拖出“组合”图形元件到舞台,左对齐,底对齐。如图10所示:

图10

在第60帧插入关键帧,将组合实例右对齐,底对齐。然后,按方向键向右(后)移动约10个像素(向后移动的多少要在测试中看效果,直到调整到动画无停顿、无抖动为止)。如图11所示:


图11
 

点击第一帧,创建本区域间的动画补间。上锁。
 

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



图12
 

  7.测试存盘

    *说明:

    1.背景透明图片可以在制作中运用抠图来完成

    2.云彩图片的选择很重要(本教程选择得不是太好),最好选择云彩在组合时没有太明显的组合痕迹。

   最终效果显示:


 


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

全屏下载

祝你成功!

 

进入更多教程

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



chenguangde
(2011/7/2 15:09:00) [219.159.184.]

  我按步骤作竖向无限扩散循环,结果总是间歇性地白了一下后又重来,根本无法出现无限扩散循环。
  请问,这问题究竟出在哪里?


玉兔
(2010/6/16 22:40:00) [116.10.254.]

老师,我在效果1的制作中看不到云飘的效果,被背景图片盖住了,请问,怎样才能得到一张“透明的静态背景图片”,通过ps还是fw处理?


小三
(2009/7/23 12:44:00) [124.112.40.]

谢谢!

 发表评论:共有 3 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167