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

.

.

 
 
 

日志

 
 
关于我

本博为百科宝库(珍藏精文2万余篇)。温馨提示: (一)有博友2万8千多位,敬请朋友在理睬头像下加理睬为博友。 (二)百度一下理睬博客可进入本博。 (三)首页中部有理睬其它空间入点,朋友们可点相应的空间、博客进入。

网易考拉推荐

超长全景无限循环滚动图片的制作  

2010-02-21 12:40:02|  分类: 【其它教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  教学目的:通过本节教学了解和掌握超长画卷无限循环滚动的制作原理及其分解操作基本要领与过程,进而制作出动态的无限滚动的循环效果。教学对象:本教材是针对有一定动画制作基础和对属性面板及工具箱,动作面板有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。教学要点:多图衔接,匀速滚动,首尾呼应。  作前准备 准备一套清明上河图的全部图片边框图案,经过制图软件(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.此教程叙述繁琐,操作简单,而且规律性较强,关键是要耐心细致,反复测试,精心调整。

最终效果显示:

2009年6月22日 - 理睬 - .

更多精彩内容,请点击理睬日志链接浏览!

入门秘笈

制作技巧

电脑使用

个人情感

杂谈随感

原创音画

常用教程

图画制作

字体制作

人文史地

诸事八卦

娱乐星闻

边框分割

精美时钟

图画素材

美眉帅哥

百科奇闻

免费电影

字体素材

日历天气

酷播放器

风水命理

奇闻怪事

军事解密

游戏素材

音画素材

综合素材

综合图库

明星博客

摩登时尚

背景顶图

做图软件

视频教程

生活宝典

报刊大全

公文写作

趣味图库

趣味制作

常用网站

搜索引擎

在线书架

极限表演

图片素材

图片欣赏

软件下载

在线字典

在线服务

博艺解答


想提高人气

请点击以下链接

2008年12月8日 - 理睬 - 理 睬  2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬  2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬  2008年12月8日 - 理睬 - 理 睬

最新日志后面导航 - 理睬 - .


  评论这张
 
阅读(2781)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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