Flash实例教程:图片不间断滚动动画效果

   1. 首先准备要滚动的图片,将几张图片导入到flash库中,分别在库中右击它们,选择属性,将“使用导入的JPEG品质”前的钩去掉,这样文档的体积会小很多。

  点击 插入>新建元件,新建一图形元件,将库的图片拖到舞台上,首尾相接拼好。


  2. 回到主场景,将图片元件拖到舞台上,打开对齐面板,选择相对舞台,左对齐,垂直居中对齐。


  3. 在第101帧插入关键帧,将图片水平移到左面刚好舞台之外,使图片元件的右边与舞台的左边对齐。


  4. 创建补间动画。选择第一帧,在图片元件上点右键>复制。然后将图层上锁。


  5. 新插入一层,图层2,在第1帧,点 编辑>粘贴到当前位置。在第101帧插入关键帧。


  6. 回到图层2的第1帧,将图片水平右移,使它与第1层的图片对接。创建补间动画。


  7. 按住shift键,同时选中图层1和图层2的第100帧,点击右键>插入关键帧。


  8. 按住shift键,同时选中图层1和图层2的第101帧,点右键>删除帧,将两层的第101帧删除。


  OK,测试影片吧,现在图滚动起来了,而且没有停顿了。

  图片不间断滚动的关键是第1帧和最后1帧位置完全相同,所以用复制第1层的第1帧,粘帖到第2层的最后一帧相同位置,达到了这个目的。但正因为第1帧和最后1帧位置完全相同,即在该位置会有两帧(最后1帧和第1帧),这样就会产生1帧的停顿,所以将最后1帧删除后,避免了这个停顿。

时间: 2024-08-18 05:32:50

Flash实例教程:图片不间断滚动动画效果的相关文章

Flash实例教程:AS3.0打造漂亮水纹效果

在这个Flash AS3.0实例教程中,我们将用到置换图滤镜(DisplacementMapFilter)和BitmapData类的的杂点功能(perlinNoise),这两个家伙常常给我们带一些令人兴奋的效果,它们今天的合作为我们创造了一个漂亮的的水汶 现在我开始来构建这个漂亮的水纹: 既然是水纹,我想首先要找一张含水的图片吧,百度一下吧,河道,湖泊,水池,你喜欢就行. 1.新建一AS3.0文档,将帧频设为30,将你刚百度到的图片导入到库中,点右键,在属性面板中将"使用JPEG导入品质&quo

Flash实例教程:新年快乐镜面跳动字动画

一.新建图形元件: 1.新建一个图形元件"背景",用矩形工具画一个无边框大小为550x400矩形,对齐(水平中齐.垂直中齐).打开混色器点线性(左边为#ffffff.中间为#0000cc.右边为#000000),用变形工具调整一下颜色. 2.新建图形元件,名称"新",大小96,字型.颜色自定(这里是汉仪菱心体).水平中齐.垂直中齐.按同样的方法分别建立"年"."快"."乐",一个字建一个图形. 二.建MC:

Flash制作教程:制作水滴掉落动画效果

  做这个是有原因的,如果不是朋友说到怎样制作水滴掉下来的FLASH,我还真的不会在这给大家讲了.我每次做FLASH,都是由FLASH朋友经常提到才去做.今天有时间给大家介绍下如何制作,其实很简单,适合新手看,高手就做评委咯.废话少说,开始做... 第一步:打开FLASH8软件,新建FLASH文档.新建4个图层,分别取名为:水滴.水滴声音.溅起水.海水.见下图: 第二步:新建4个图层后,请点水滴图层的第一帧.绘制水滴,然后同时绘制水滴落下的画面,见下图: 第三步:画完水滴后,点海水图层的第一帧,

Flash图片滚动动画效果

图片不间断滚动是flash动画常用的效果,比如运动的背景等.这个效果的一个难点是可能产生的停顿,一些新手朋手总是处理不好这个问题,那么今天我们来做一个练习,让图片滚动起来,同时拒绝停顿. 1. 首先准备要滚动的图片,将几张图片导入到flash库中,分别在库中右击它们,选择属性,将"使用导入的JPEG品质"前的钩去掉,这样文档的体积会小很多. 点击 插入>新建元件,新建一图形元件,将库的图片拖到舞台上,首尾相接拼好. 2. 回到主场景,将图片元件拖到舞台上,打开对齐面板,选择相对舞

用flash制作纸飞机滑翔天空的gif动画效果

  这一节我们主要来学习flash动画中的动作补间动画,来制作滑翔的纸飞机动画.大家一起来欣赏学习下吧! 工具/原料 电脑 flash软件 风景图片一张 纸飞机图片一张 说明:小编使用的是flash cs6软件. 滑翔纸飞机动画制作步奏: 1.小编使用的纸飞机素材图片是从网上下载下来的,当然网上下载的纸飞机是有背景的,因此小编用Photoshop将纸飞机的背景删除了,只保留了纸飞机,所以这里可以直接引用哦! 打开flash的软件,新建一个ActionScript 3.0的画布,如下图所示: 2.

js 实用的无间断滚动图效果(良好兼容性)_图象特效

下面介绍一个方法:基本上实现结构跟行为相分离,两者的联系只需要一个 id就可以,使用起来很方便,而且同一个js代码可以实现在本页面多个滚动图效果,之间互不干扰, 1.xhtml 复制代码 代码如下: <div class="demo" id="demo1"> <table cellpadding="0" cellspacing="0"> <tr> <td><ul> &

javascript转换静态图片,增加粒子动画效果

  这篇文章主要介绍了javascript转换静态图片,增加粒子动画效果,非常的炫酷,需要的朋友可以参考下 使用getImageData接口获取图片的像素点,然后基于像素点实现动画效果,封装成一个简单的lib ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <!DOCTYPE html> <html> <head> <title>particle image<

WPF技术触屏上的应用系列(四): 3D效果图片播放器(图片立体轮放、图片立体轮播、图片倒影立体滚动)效果实现

原文:WPF技术触屏上的应用系列(四): 3D效果图片播放器(图片立体轮放.图片立体轮播.图片倒影立体滚动)效果实现         去年某客户单位要做个大屏触屏应用,要对档案资源进行展示之用.客户端是Window7操作系统,54寸大屏电脑电视一体机.要求有很炫的展示效果,要有一定的视觉冲击力,可触控操作.当然满足客户的要求也可以有其它途径.但鉴于咱是搞 .NET技术的,首先其冲想到的微软WPF方面,之前对WPF的了解与学习也只是停留在比较浅的层面,没有进一步深入学习与应用.所以在项目接来以后,

Flash初学者教程:形状补间动画

初学|教程|形状 动画效果: 点击这里下载源文件 形状补间动画很简单,像刚才一样,随便画一个东西(Flash画什么图形都是按住『SHIFT』即可画正圆(方). 不要把它转换为元件,在时间轴20帧(按你想要的速度来定)处,插入一个关键帧,随便画一个东西: 随便在1-20处点一下,打开属性面板: 将『补间』改为『形状』.OK!大功告成CTRL+ENTER试一下