原创设计 · PhotoShop · AI/CD · Fireworks · AutoCAD · 3DMAX · Flash · 网页设计 · 高精图库 · 笔刷滤镜 · 矢量素材 · 图片素材 · 影楼模板· CG素材 · 素材求助
VIP素材区 · PS原创教程 · PS转载教程 · PS作品 · PS交流 · 思缘求图 · 数码暗房 · 设计欣赏 · 设计理论 · PSD素材 · 摄影交流 · 音画设计 · 思缘相册 · 思缘水库


 下载素材,加入VIP,享受更多权限
 33 1234
发新话题
打印

[精彩实例] Flash入门教程:滚动字幕动画的制作

Flash入门教程:滚动字幕动画的制作

来源:闪吧BBS   作者:香水有毒123

  在Flash中图层与图层之间的关系不仅是上面图层挡住下面的图层,而且还是互相制约的,其中遮罩层与被遮罩层的关系就是这样的。这里通过一个简单的例子“滚动字幕”,来加以说明。

做动画之前,我们先来看一下遮罩的原理:遮罩层的对象形状就是被遮罩层的可见区域。说白了,遮罩层好比黑夜中的一支手电筒,照在哪儿哪儿就显现,照不到的地方我们就看不到。明白了这一点,在实际操作中,我们可以利用遮罩实现很多精美的动画效果。

本实例如图所示,一段优美的诗文从舞台的右侧缓缓进入,到达舞台合适位置时自动消失。

≯全屏显示或下载≮



下面就来介绍具体的做法。

(1)启动Flash8,新建Flash文档,在时间轴上将图层1改名为“背景”,如图2所示:





图2

(2)选择菜单栏“文件→导入→导入到舞台”命令,找到我们事先准备好的图片,将其导入到舞台。如图3所示:



图3

由于图片有些大,我们可以在对齐面板中单击相对于舞台按钮,然后选择匹配大小中的匹配宽和高,再选择对齐中的。此时背景层已经完成,将其加锁。

(3)新建图层2,命名为“文字”。此时时间轴如图4所示:



图4

(4)选择工具栏中文字工具,在舞台上单击输入文字,此时文字的属性面板如图5所示。文字输入之后,单击工具栏中的选择图标,选中文字后把它移至舞台的右侧。如图6所示:





图5



图6



(5)在背景层第168帧处单击右键,插入帧。在文字层第84帧单击右键,插入关键帧。把舞台上的文字移到舞台中,移动文字的同时按住Shift键可以水平移动。此时舞台上显示如图7:





图7

(6)选择文字层1-84帧之间任意一帧,单击右键创建补间动画。在该层第168帧单击右键插入关键帧。把文字继续向左移(要同时按住Shift键来拖移文字,注意和前一位置的关系,文字整体应在前一位置的左侧)至如图8所示位置,在84-168帧之间任意一帧,单击右键创建补间动画。





图8

此时时间轴如图9:





图9

(7)把文字层加锁,新建图层3,命名为“遮罩”层。选择工具栏中矩形工具

,笔触色设为无,填充色任意色,在舞台上画一矩形,矩形的大小应和文字整体大小相同(不能小于文字整体,否则遮不住的),可以先在舞台右侧文字之上画矩形,然后把其移到舞台中。如下图10,图11所示。



图10





图11

注意:我们之前在第(7)步中文字层中168帧时文字必须在此时的遮罩矩形的左侧,只有这样,才能不被透出来。

(8)选择遮罩层,单击右键,选择遮罩层。如图12所示:



图12

(9)此时,动画基本完成。保存并按下Ctrl+Enter键,测试动画效果!

  在Flash中图层与图层之间的关系不仅是上面图层挡住下面的图层,而且还是互相制约的,其中遮罩层与被遮罩层的关系就是这样的。这里通过一个简单的例子“滚动字幕”,来加以说明。

做动画之前,我们先来看一下遮罩的原理:遮罩层的对象形状就是被遮罩层的可见区域。说白了,遮罩层好比黑夜中的一支手电筒,照在哪儿哪儿就显现,照不到的地方我们就看不到。明白了这一点,在实际操作中,我们可以利用遮罩实现很多精美的动画效果。

本实例如图所示,一段优美的诗文从舞台的右侧缓缓进入,到达舞台合适位置时自动消失。

≯全屏显示或下载≮



下面就来介绍具体的做法。

(1)启动Flash8,新建Flash文档,在时间轴上将图层1改名为“背景”,如图2所示:



图2

(2)选择菜单栏“文件→导入→导入到舞台”命令,找到我们事先准备好的图片,将其导入到舞台。如图3所示:



图3

由于图片有些大,我们可以在对齐面板中单击相对于舞台按钮,然后选择匹配大小中的匹配宽和高



,再选择对齐中的







。此时背景层已经完成,将其加锁。

(3)新建图层2,命名为“文字”。此时时间轴如图4所示:



图4

(4)选择工具栏中文字工具



,在舞台上单击输入文字,此时文字的属性面板如图5所示。文字输入之后,单击工具栏中的选择图标,选中文字后把它移至舞台的右侧。如图6所示:



图5



图6

(5)在背景层第168帧处单击右键,插入帧。在文字层第84帧单击右键,插入关键帧。把舞台上的文字移到舞台中,移动文字的同时按住Shift键可以水平移动。此时舞台上显示如图7:



图7

(6)选择文字层1-84帧之间任意一帧,单击右键创建补间动画。在该层第168帧单击右键插入关键帧。把文字继续向左移(要同时按住Shift键来拖移文字,注意和前一位置的关系,文字整体应在前一位置的左侧)至如图8所示位置,在84-168帧之间任意一帧,单击右键创建补间动画。



图8

此时时间轴如图9:



图9

(7)把文字层加锁,新建图层3,命名为“遮罩”层。选择工具栏中矩形工具



,笔触色设为无,填充色任意色,在舞台上画一矩形,矩形的大小应和文字整体大小相同(不能小于文字整体,否则遮不住的),可以先在舞台右侧文字之上画矩形,然后把其移到舞台中。如下图10,图11所示。



图10





图11

注意:我们之前在第(7)步中文字层中168帧时文字必须在此时的遮罩矩形的左侧,只有这样,才能不被透出来。

(8)选择遮罩层,单击右键,选择遮罩层。如图12所示:



图12

(9)此时,动画基本完成。保存并按下Ctrl+Enter键,测试动画效果!



加入论坛VIP,下尽您想要的素材,点击进入!

如果您在做图或者看教程(PHOTOSHOP方面),遇到任何问题请到问题交流区提问,地址:http://www.missyuan.com/forum-41-1.html;我们会在第一时间帮助您解决问题,如果在教程后面跟帖,一律不给予解决!~

TOP

新手,来学习下。呵

TOP

写得比较明白,谢谢了.

TOP

学习了,谢谢

TOP

不错,学习中

TOP

很详细啊

TOP

是很详细了,很适合初学者

TOP

温习一下...谢谢...学习了!

命运常来捉弄我,我用坚强回敬之!

TOP

引用:
(6)选择文字层1-84帧之间任意一帧,单击右键创建补间动画。在该层第168帧单击右键插入关键帧。把文字继续向左移(要同时按住Shift键来拖移文字,注意和前一位置的关系,文字整体应在前一位置的左侧)至如图8所示位置,在84-168帧之间任意一帧,单击右键创建补间动画。
这个有什么用呢?是文字的移动么?
引用:
至如图8所示位置,在84-168帧之间任意一帧,单击右键创建补间动画。
我做的时候单击右键并没有出现补间动画,我只是右键单击,但是最后我也做出了效果来,这是为什么呢?

第一次学习FLASH,请多指教:)

[ 本帖最后由 桃白白 于 2008-2-15 15:49 编辑 ]

TOP

能不能用AS脚本,控制动态文本(最好可以指定读取外部文本文件)来作滚动字幕?

TOP

 33 1234
发新话题


关于本站 广告服务 联系我们 版权隐私 合作站点 网站地图 免责申明 管理团队

Powered by Discuz!6.0.0 Copyright © 2005-2010 www.missyuan.com All rights reserved.