下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

如何使用FLASH打造图片首尾连接循环滚动

作者:课课家教育     来源: http://www.kokojia.com点击数:1958发布时间: 2016-08-23 10:42:36

标签: 关键帧FLASH抖动

想学设计?来看看大师是如何完成作品的?

  大家都应该看见过“走马灯”吧,它的应用最常见的应该就是灯笼了,只要是元宵佳节,每逢出街就一定会看到它。走马灯,它最大的特点就是一直在循环滚动的动画,不知道大家有没有觉得非常的酷炫呢?今天小编就为大家介绍这个教程:打造图片首尾连接循环滚动。只要加以应用,你也可以制作出“走马灯”哟。

  1.制作原理

  想要制作出一样东西,首先要了解清楚的就是它的原理,所以我们先来了解一下制作的原理吧。如果我们想要让几张图片循环滚动,最简单的原理就是把连续图片再复制一份接到尾部,等到第一张图片滚完之后就被复制的接着继续滚动。想知道它的原理吗?如图所示:

如何使用FLASH打造图片首尾连接循环滚动_关键帧_FLASH_抖动_课课家

  我们不管是用AS控制,还是利用帧手工制作都可以使用这个原理,在原理图中,一共有两张图片,分别为“图片1”和“图片2”,并将他复制成为一组。

  当第一组滚出显视区的时候,第二组正好接替进入了显视区,回到我们第一帧的起始状态。如果选择用帧来控制,只需要直接跳回起始的第一帧那样就可以了;如果我们是用AS程序来控制,接着我们再把第一组的x轴位置,重新设置接到第二组,后面其实也是一样的,都可以构成图片循环滚动。

  2.制作步骤

  当我们知道了制作的原理以后,那样就开始动手做吧,做一个循环滚动的图片。

  ①导入图片

  我们先新建一个flash文档,把舞台大小设置为300*160,px帧频设置为30fPS。然后再同时按下“Ctrl+R”,按光盘目录导入图片photo2.jpg。

  ②创建动作补间

  当选中我们导入的那张图片以后,按下快捷键“F8”,就会自动跳出“转化为元件对话框”,这个时候输入任意的元件名称,将图片转化为“影片剪辑”。然后再创建动作补间,让影片从舞台一直运动到滚出舞台,如图所示:

创建动作补间

  ③做第二组的滚动图片

  第一组的滚动补间已经做好了,我们再做第二组的滚动图片,这样才可以构成一个循环。

  新建一个图层,把影片剪辑复制一份在新建的图层里,第50帧处按下“F7”插入空白的关键帧,我们在这里插入第二组的影片剪辑。再到“图层1”的最后按下快捷键“F6”,插入关键帧把影片剪辑的X轴设置为0,也就是把它的位图设置成第一帧的影片剪辑一样,也可以直接把第一帧复制到这里来。

  这里要注意的是,创建第二组影片剪辑的时候,Y轴位图要一样,在播放的时候才不会发生抖动。在最后一帧里面,第二组的X轴要和第一组起始时一样,否则切换图的时候也会发生抖动。调整好以后就可以发布了,如图所示:

第二组的滚动图片

  依照这种原理了,我们就可以做一个图片走马灯的动画,如图所示:

图片走马灯的动画

  使用图片连续滚动,其实可以制作很多的效果,这也是适用的小技巧,这就需要大家发挥自己的想象。走马灯动画的最终效果图,如图所示:

走马灯动画的效果图

  小编总结:

  相信通过这个教程,我们已经学习到如何使用Flash打造图片首尾连接循环滚动的效果了。小编想说,Flash还可以开发出很多很有趣的东西,这个就需要我们不断的摸索。想要了解更多详细内容可进入课课家的课程视频教学哦,希望这个教程大家会喜欢!

赞(1)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程