注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

秋韵的博客

诚信

 
 
 

日志

 
 

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

2012-10-10 20:41:36|  分类: flash教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

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

 

作前准备:准备一张规格为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

 
  评论这张
 
阅读(28)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017