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

内蒙兵团一师四团九连

让我们永远记住那些一起走过的日子……

 
 
 

日志

 
 

用flash制作图片循环无间断滚动效果  

2013-01-10 09:55:19|  分类: FLASH教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

用flash制作图片循环无间断滚动,教大家怎样用flash制作出无间断图片循环滚动的效果。教程很简单,效果很实用。赶快跟着一起做吧!

首先,新建一个尺寸为 470 X 340 px的FLASH文档,设置其背景色为:#333333灰度。然后,导入预先设置好的五张大小均为130 X 94 px的图片文件(至少高度要一至),并将其依次整齐的排列如下: 
 

用flash制作图片循环无间断滚动效果 - 九连 - 内蒙兵团一师四团九连

 
但很明显这时导入的图片有一部分还在舞台的外部,(其实我们要的也是这样效果。不然怎么会循环滚动)如下图示: 
 

用flash制作图片循环无间断滚动效果 - 九连 - 内蒙兵团一师四团九连

 
将5张大小均等的小图整齐排列后,点击图层1第一帧,右键-选择“创建补间动画”选项,然后,在第81帧处插入"关键帧",并向左移动图片,使整体图片的右端与舞台的右边界对齐,如下图示: 
 

用flash制作图片循环无间断滚动效果 - 九连 - 内蒙兵团一师四团九连

 这样,图层1的图片滚动效果就做好了,接下来,我们开始制作图片滚动的衔接动画。方法如下:选择第81帧内对应图片图形,按CTRL+C复制此图片段。然后,新建图层2,并在第81帧处插入关键帧,按CTRL+V键粘贴刚才复制的图形,同时将此图片段左端与舞台的右边界即图层1图片段的末端进行位置衔接,图示如下:

用flash制作图片循环无间断滚动效果 - 九连 - 内蒙兵团一师四团九连

 

 从上图可以看出两段图片进行了首尾衔接,这一点是非常重要的,主要是为了图片循环滚动时能够流畅自然。图层2第81帧处图片段位置放好后,接着,点击图层2第81帧,点击右键并再次选择"创建补间动画"。然后,重新回到图层1,在第289帧处插入关键帧,并将帧内图片段继续向左平行移动,使其末端与舞台外左边界对齐,图示如下:

用flash制作图片循环无间断滚动效果 - 九连 - 内蒙兵团一师四团九连

 

  这样,图层1中的图片段整体滚动动画就做好了,接着,回到图层2,在图层2第289帧处插入关键帧,并将帧内图片段向左平移,使其左端与舞台内左边界对齐。图示如下:

用flash制作图片循环无间断滚动效果 - 九连 - 内蒙兵团一师四团九连

 

  这样,图片循环滚动效果就正式完成了。点击下一页查看最终动画效果。如果您想让图片滚动速度更快一些,那么就减少相应的帧数即可。看下面的效果演示:

   

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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