超长全景无限循环滚动－分解法

你好，zaixiajm |首页 |我的推推 |小纸条 (1个未读) |退出我的口袋
提示
转推给关注我的人
转帖内容
超长全景无限循环滚动－分解法
同时评论到原帖添加评论(限70字)
爱心888大使
2010-02-13 00:51:54 推自 爱心888大使 的口袋 |Ta推过的
超长全景无限循环滚动－分解法 [原文地址]
点击欣赏清明上河图全卷
教学目的：通过本节教学了解和掌握超长画卷无限循环滚动的制作原理及其分解操作基本要领与过程，进而制作出动态的无限滚动的循环效果。
教学对象：本教材是针对有一定动画制作基础和对属性面板及工具箱，动作面板有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。
教学要点：多图衔接，匀速滚动，首尾呼应。
作前准备 准备一套清明上河图的全部图片边框图案，经过制图软件（ps或fw）处理后放到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件
2.确立文档属性 设置动画尺寸为540*280，背景颜色黑色，其它随意,点击确定，进入场景1工作区。如图1所示：

3.导入素材到库
将准备好的清明上河图的全部素材导入到库中，并将每张图片打散后，用选择工具选择左右两边需要裁剪的部位，删除。设置每张图片的规格为540*200，全居中后将其转换为图形元件，并分别命名为图1－图13。待用。
素材图：

01

02

03

04

05

06

07

08

09

10

11

12

13
4.创建图形元件
（1）在场景1中，选择图层1第一帧，导入或制作一个边框素材，规格为540*41，水平居中－上对齐；复制一个该实例，垂直翻转，水平居中－下对齐。框选该实例，右键将其转换为图形元件“边框”。如图2所示：

图2
（2）选择“插入－新建元件”，建立一个名为“二图1”的图形元件，点击确定，进入元件编辑区。就一个图层。
点击图层1第一帧，从库中拖出图1图形元件于舞台中。规格约540*200，左对齐－垂直居中；再从库中拖出图2图形元件到舞台，规格约540*200，右对齐－垂直居中。如图3所示：

图3
同理同种方法完成图3和图4，图5和图6，图7和图8，图9和图10，图11和图12，图13和图1图形元件的操作，并依次命名为“二图2－二图7”。二图7的实例，如图4所示：

图4
5.创建影片剪辑元件
选择“插入－新建元件”，建立一个名为“循环”的影片剪辑元件，点击确定，进入元件编辑区。添加七个图层，共八个图层，自下而上命名为图层1－图层7和边框。
（1）选择边框图层第一帧，从库中拖出边框图形元件到舞台，右对齐－垂直中齐，在3575帧插入帧。上锁。如图5所示：

图5
（2）选择图层1第一帧，从库中拖出二图1图形元件到舞台，右对齐－垂直中齐，如图6所示：

图6
在第550帧插入关键帧，单击该实例，左对齐。使其左边对齐边框的右边。创建本区域间的动画补间。如图7所示：

图7
在第551帧插入空白关键帧，在第3575帧插入帧。上锁。
（3）选择图层2第一帧，从库中拖出二图2图形元件到舞台，将其右边对齐二图1的左边，垂直中齐，不重叠，无空隙。如图8所示：

图8
在第550帧插入关键帧，单击该实例，右对齐。两图之间不重叠，无空隙。创建本区域动画补间。如图9所示：

图9
在下一个550帧，即第110帧插入关键帧，插入关键帧，单击该实例，左对齐。使其左边对齐边框的右边。创建本区域间的动画补间。在第111帧插入空白关键帧，在第3575帧插入帧，上锁。
（4）选择图层3第550帧，从库中拖出二图3图形元件到舞台，将其右边对齐二图2的左边，垂直中齐，不重叠，无空隙。在下一个550帧，即第110帧插入关键帧，右对齐。两图之间不重叠，无空隙。创建本区域动画补间。该环节第550帧的时间轴显示，如图10所示：

图10
（5）同理同种方法在图层4－图层7上完成二图4－二图7的操作。所不同的是，图层7上的二图7最终不退出场景，而是其后半部分进入场景，只退出前半部分，使其和第一帧显示的实例相同，所以，在第3300帧上，当图层6上的二图6退出场景后，二图7右边正好和边框的右边对齐，因此，还要在图层7第3575帧插入关键帧，选中二图7，按住shift键（或用键盘上的方向键），使其左边和边框的左边对齐，创建本区域动画补间。然后按方向键将该实例向左退一个像素。如图11所示：

图11
最后，删除边框或边框图层。
至此，超长全景循环基本完成。因为观赏者在欣赏动画时为看清楚画面，需要画面停下来。下面我们继续作鼠到即停的特效，这需要在场景1中完成。
6.编辑制作场景 返回场景1，添加一个图层，共两个图层，下层命名为全景，上层命名为边框。
（1）选择边框图层第一帧，在保证场景中的边框全居中后。上锁。如图12所示：

图12
（2）选择全景图层第一帧，从库中拖出循环影片剪辑元件到舞台，右对齐－垂直中齐。如图13所示：

图13
点击该影片，在属性面板填写其实例名称为：mc 。如图14所示：

图14
单击该影片剪辑实例，按f9，打开动作面板，在as编辑区输入，如下语句：
on (rollOver) {
_root.mc.stop();
}
on (release, rollOut) {
_root.mc.play();
}
锁定该图层。
7.该作业完成后的时间轴如图15所示：

图15
8.测试存盘。
*说明：
1.此作业的关键环节有三：一是各画面的衔接（操作要点，个图左右裁剪；连接无痕、无空隙、不重叠）；二是保持匀速滚动（操作要点，每组画面动画补间帧数必须相同）；三是首尾呼应（操作要点，首尾帧上的画面同一，且尾帧实例向后移动一个像素）。
2.此教程叙述繁琐，操作简单，而且规律性较强，关键是要耐心细致，反复测试，精心调整。
最终效果显示：
',1)">


评论
[发小纸条]
1楼jeeny秋 说:

回复2009-11-15 10:20:15
[发小纸条]
2楼zegui 说:
',2)">
回复2009-11-15 12:51:36
[发小纸条]
4楼dasang965 说:

回复2009-11-17 21:25:46
[发小纸条]
5楼feifan369 说:

回复2009-12-03 19:05:09
[发小纸条]
6楼四杰 说:

回复2010-02-13 01:52:34
[发小纸条]
7楼笨笨兰 说:

回复2010-02-13 02:32:56
[发小纸条]
8楼zwu66 说:

回复2010-02-14 10:35:49
[发小纸条]
9楼英惠 说:

回复2010-02-14 14:00:07
[发小纸条]
10楼学有用经验 说:

回复2010-02-15 21:00:48
[发小纸条]
11楼傅国泓 说:
你好
回复2010-02-16 17:20:07
首页 1 2 下一页 尾页
我要评论

zaixiajm  请大伙在回帖时，注意语言文明

↑返回顶部

Copyright©2005-2009360.CN All Rights Reserved360安全中心