flash制作图片连续滚动

Flash动画制作实例【Flash动画制作实例】不间断滚动图片动画1. 首先准备要滚动的图片，用ps处理一般要高度相同，2、打开Flash，打开【修改】里的文档，设置舞台尺寸。

宽度等于所有图片宽度之和。

3、将所有图片导入到flash库中，分别在库中右击它们，选择属性，将“使用导入的JPEG品质”前的钩去掉，这样文档的体积会小很多。

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

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

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

8. 创建补间动画。

选择第一帧，在图片元件上点右键>复制。

然后将图层上锁。

9. 新插入图层2,选中第1帧，点击【编辑】中的[粘贴到当前位置]。

在第50帧插入关键帧。

10. 选中图层2的第1帧，将图片水平右移，使它与第1层的图片对接。

在图层2创建补间动画。

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

按住shift 键，同时选中图层1和图层2的第150帧，点右键>删除帧，将两层的第50帧删除。

12.执行【文件】的【保存】13.执行【文件】的【发布设置】如图14、OK，测试影片吧，现在图滚动起来了，而且没有停顿了。

这个效果的一个难点是可能产生的停顿，图片不间断滚动的关键是第1帧和最后1帧位置完全相同，所以用复制第1层的第1帧，粘帖到第2层的最后一帧相同位置，达到了这个目的。

但正因为第1帧和最后1帧位置完全相同，即在该位置会有两帧（最后1帧和第1帧），这样就会产生1帧的停顿，所以将最后1帧删除后，避免了这个停顿。

flashAS打造图片滚动效果-电脑资料当我们浏览网页时，我们经常能看到各种各样的有图片滚动的菜单、横幅及广告，尽管效果基本相同，但因为编写者的思路各异，所以脚本的繁易差异也很大，这里介绍的是一个脚本非常简单的实例，①在MC的中心点的左右两侧，同时摆放相同的一组图片，中心点也是首尾相接处②测得鼠标和场景水平中心点的距离，判断MC向左或右及以怎样速度运动。

③当MC左端抵场景左端或MC右端抵场景右端时，令MC回到一定位置，实现持续循环滚动新知识点Stage.width//场景的宽度，是随意老师教我的，我找半天都没找到。

Stage.height//场景的高度，练习要用到。

MovieClip._width//MC的宽度。

MovieClip._height//MC的高度。

实例说明①在MC注册点的左右都摆放同一组图片，在主场景中若MC运动到边端时刻，即由中心点替代，播放影片时看图片是一致的，但又不是尽头，会形成循环播放的效果，②取得场景和MC的宽度，以进行计算比较，用鼠标偏离场景水平中线的距离作MC移动的参数，当鼠标正在此线，数值为0，MC静止不动，距离大运动速度则快。

③设2个条件判断，是在MC运动到边端时，重新定位。

编写动作脚本①在第1帧上输入：m=Stage.width;//取得场景的宽度n=tu._width/2;//取得MC的宽度的1/2的值tu._x=tu._x-(m/2-_xmouse)/10;//将鼠标与水平中心线的差值的1/10加到MC的位置上，再赋值到新的MC位置。

②在第2帧上输入：if(tu._x>=n){//MC左端抵场景左端时tu._x=tu._x-n;//MC重新定位到自身中心点在场景左端}if(tu._x<=(m-n)){//MC右端抵场景右端时tu._x=tu._x+n;//MC 重新定位到自身中心点在场景右端}。

用flash制作图片循环无间断滚动效果首先，新建一个尺寸为470 X 340 px的FLASH文档，设置其背景色为：#333333灰度。

然后，导入预先设置好的五张大小均为130 X 94 px的图片文件（至少高度要一至），并将其依次整齐的排列如下：但很明显这时导入的图片有一部分还在舞台的外部，（其实我们要的也是这样效果。

不然怎么会循环滚动）如下图示：将5张大小均等的小图整齐排列后，点击图层1第一帧,右键-选择“创建补间动画”选项，然后,在第81帧处插入"关键帧",并向左移动图片,使整体图片的右端与舞台的右边界对齐,如下图示:这样，图层1的图片滚动效果就做好了，接下来，我们开始制作图片滚动的衔接动画。

方法如下:选择第81帧内对应图片图形，按CTRL+C复制此图片段。

然后，新建图层2，并在第81帧处插入关键帧，按CTRL+V键粘贴刚才复制的图形，同时将此图片段左端与舞台的右边界即图层1图片段的末端进行位置衔接，图示如下：从上图可以看出两段图片进行了首尾衔接，这一点是非常重要的，主要是为了图片循环滚动时能够流畅自然。

图层2第81帧处图片段位置放好后，接着，点击图层2第81帧，点击右键并再次选择"创建补间动画"。

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

图示如下：这样，图片循环滚动效果就正式完成了。

点击下一页查看最终动画效果。

如果您想让图片滚动速度更快一些，那么就减少相应的帧数即可。

看下面的效果演示：。

(1).新建一个Flash文档，舞台大小设置为300*160px帧频30fps。

再按“Ctrl+R”按光盘目录导入图片photo2.jpg。

(2).选中我们导入的那张图片，按快捷键“F8”跳出“转化为元件对话框”输入任意元件名称，将图片转化为“影片剪辑”。

再创建动作补间，让影片从舞台一直运动到滚出舞台，如图2所示。

图2 第一组从舞台中直到滚出舞台区
(3).第一组的滚动补间做好了，再做第二组的滚动图片才能构成一个循环。

新建一个图层，把影片剪辑复制一份在新建的图层里第50帧处按“F7”插入空白关键帧，我们在这里插入第二组影片剪辑。

再到“图层1”的最后按“F6”插入关键帧把影片剪辑的X轴设为0也就是把他位图设成第一帧的影片剪辑一样，也可以直接把第一帧复制到这里来。

注意，创建第二组影片剪辑时，Y轴位图要一样，在播放时才不会抖动。

在最后一帧里，第二组的X轴要和第一组起始时一样，否则切换图时也会抖动。

调整好以后可以发布了，如图3所示：
图 3 发布连续滚动的图片。

制作卷轴效果详细操作步骤如下一、单击“文件”→“导入”→“导入到舞台”→选择一张图片→单击“打开”即可，然后用“任意变形工具”→调整图片大小适中放在舞台中间。

二、单击“插入”→“新建元件”→修改名称为“画轴”→“类型”选择为图形。

三、画轴杆。

用矩形工具画一个细长的矩形，在颜色面板中将填充样式设为如下线性渐变，两端色块为棕色，中间为白色。

四、先插入一个新图层，然后选中新图层再用矩形工具画一个黑色的细长矩形。

图7五、将两个矩形放在一起并居中对齐。

六、单击时间轴上的“场景1”，插入一个新图层2，选中画轴元件按住鼠标左键从库面板里拖到工作区（或画布），同理再插入一个新图层3用来放置右端的画轴（可以通过复制和粘贴左端画轴来快速实现）。

然后分别在各个层的第60帧击右键选择“插入帧”。

七、选中图层1→单击插入图层按钮插入一个新图层4，然后按下鼠标左键拖出一个矩形刚好覆盖住两个画轴中间的图片，→然后选中矩形单击“任意变形工具”并把中心原点用鼠标拖动到矩形的左边边线上，→选中图层4的第一帧用鼠标指针指向矩形右边黑色控制点向左拖动使矩形变窄。

→然后右击图层4的第60帧选择插入关键帧，仍然保证中心控制点（圆点）在矩形的左边边线上，然后把矩形向右拖动使矩形覆盖住图层1中的图片，→选中图层4的第一帧在下面属性面板的“补间”一栏中选择“形状”创建形状渐变动画。

八、先用鼠标选中图层3的第一帧把右端画轴拖到左端画轴右边并紧挨着左端画轴，→把鼠标移到图层3的第60帧单击鼠标右键选择“转换为关键帧”，→然后有鼠标把右端画轴拖放到图片的右端，→最后在图层3的第一帧处单击鼠标右键→选择“创建补间动画”。

九、最后选中图层4，在图层4上单击右键→选中“遮罩层”即可。

然后按CTRl+Enter键测试影片。

（完成）。

FlashCS43D工具打造滚动的照片立方体展开全文Flash CS4在工具菜单中添加了3d工具，还针对mc添加了一个动画编辑器。

下面我们利用Flash CS4的3d工具制作一个照片的立方体模型。

Flash CS4没有3dmax等3d软件强大的建模工具，但是提供了一个z轴的概念，开发环境从原来的2维环境拓展到一个有限的3维环境。

之所以说“有限”是因为虽然有z轴但是所有的结构还是建立在图层这个基础之上的，那么就存在上下层的关系，而图层本身是基于2维。

这里就遇到一个问题，当一个3d模型转动的时候他原有的上下层关系发生变化，而cs4并没有建模工具。

所谓的模型也是用几个面拼凑出来的，这样的话逻辑关系就出现了问题，原本应该是在下的面却依然显示在最上一层(图层原因)。

我们用先6张同样尺寸的图片来构建一个正方体。

首先从外部导入6张图片到Flash中，分辨率为100dpi：图1将这6张图片放入一个mc当中命名为“box”。

每一张图片都是这个“box” 立方体的一个面，将每张图片单独创建成一个mc，然后分别进行其坐标设置(x,y,z)轴：将图片1的设置成(0,0,0)，图片2为(0,0,100)如图：图2图片3利用3d旋转工具将其Y轴旋转90度设置成(0,0,0)，如图：图3同样图片4利用3d旋转工具将其Y轴旋转90度设置为(100,0,0)：图4图片5利用3d旋转工具将其X轴旋转90度成(0,0,0)，图片6利用3d旋转工具将其X轴旋转90度成(0,100,0)，如图：图5这样一个简单的立方体模型就算做好了。

将“box”这个mc拖入主场景时间轴中第一帧在时间轴的第50帧插入帧并且创建补件动画，点选最后一帧也就是50帧在动画编辑器里面调整对应的属性就可以得到想要的效果，这里调整Y轴的旋转角度为360度即旋转一周得到本文开头演示的动画3d-box。

效果图:。

flash图片连续移动制作步骤应用Flash MX软件制作简单的flash文件：
步骤一：调整背景大小为400X400，如图所示：
步骤二：导入图片，如图：
步骤三：将导入的图片均修改为150X100的大小，如图：
步骤四：复制天鹅的图片，调整四张图片的排列顺序及整齐度，如图：
步骤五：框选四幅图，右击鼠标，将其转换为元件，如图：
步骤六：按样例所示，在第1帧处放置图片：
步骤七：在第40帧处插入关键帧，如图：
步骤八：按样例所示，在第40帧处放置图片：
步骤九：在第1帧处修改属性为“运动变化”，如图：
步骤十：插入新图层，如图：
步骤十一：在图层2的第1帧处做修改，选择矩形工具，如图：
步骤十二：画矩形，并将其大小改为150X100如图：
步骤十三：框选矩形，右击鼠标，将其转换为元件，如图：
步骤十四：将矩形覆盖在第1张天鹅图上，如图：
步骤十五：右击图层2，选择“遮罩层”，如图：
步骤十六：测试效果，如图：
（注意：需保存2次，第一次保存的是.fla格式，如图：）
（第二次保存的是.swf格式，如图：）
完成！。

一、加工图片相机拍出的相片一般都很大，要经过加工后才能在FLASH中使用，加工图片的软件很多，目前最好的可能是Photoshop ,在FLASH里一样可以加工，但导出的图片在质量上我总感到没有在Photoshop导出的图片质量好，下面，为了帮助初学人员学习，分别作简单介绍。

1、在FLASH里加工图片第一步：打开FLASH软件，单击左上“文件”→“导入”→“导入到库”。

如图1 在弹出的对话框中，单击左边“我的电脑”，在右则电脑硬盘中找到你放图片的文件夹，双击这个文件夹，单击第一张图片，同时按下shift键，再单击最后一张图片，这样就选中了所有的图片，再单击右下“打开”，这样就导入了所有的图片，当然也不能一次导入太多，因为没有加工的图片都很大，一次导入太多的话，速度会很慢。

图1第二步：设置背景尺寸。

单击菜单“修改”-“文档”，在弹出的文档属性对话框中，设置宽500，高400，如图2，背景颜色，帧频，都不动。

（本实例用的尺寸，也不能太大，太大会影响打开文件的速度）单击“确定”。

图2第三步：从库里拖出图片到工作区，选中图片，在属性下面单击小锁（解锁，不解锁你设置宽500后，会自动设置高度）在宽后面输入500，高后面输入400，将X，Y轴设置为0，如图3图3第四步：单击菜单“文件”，“导出”，“导出图象”，在保存类型中选择jpg,在文件名中输入文件名，单击右下“保存”。

如图4。

（本实例图片命名为tp1,tp2,tp3....tp8)图4当出现“导出J PEG”对话框时，我们再进行如图5的设置，默认品质是50，我们在这里设置为100，如图5。

单击“确定”这样就导出了我们加工后的图片。

图52、在Photoshop里加工图片第一步：打开Photoshop软件，选择菜单“文件”，“打开”，在我的电脑里找到要加工的图片，然后单击下面的“打开”这样就导入要进行加工的图片。

如图6下回车。

如图图7第三步：单击菜单“图象”，“图象大小”，在弹出的“图象大小”对话框中输入我们需要的宽度和高度。