详细内容
 
当前位置
Flash动画制作滚动字幕的效果
作者:管理员    发布于:2012-07-11 20:56:51    文字:【】【】【

Flash动画制作滚动字幕的效果

下面就来介绍Flash动画制作滚动字幕的效果

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

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图2
(2)选择菜单栏“文件→导入→导入到舞台”命令,找到我们事先准备好的图片,将其导入到舞台。如图3所示:

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图3

由于图片有些大,我们可以在对齐面板中单击相对于舞台按钮,然后选择匹配大小中的匹配宽和高Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理,再选择对齐中的Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理。此时背景层已经完成,将其加锁。

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

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图4 
(4)选择工具栏中文字工具Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理,在舞台上单击输入文字,此时文字的属性面板如图5所示。文字输入之后,单击工具栏中的选择图标,选中文字后把它移至舞台的右侧。如图6所示:

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图5

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图6

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

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图7

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

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图8

此时时间轴如图9:

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图9

(7)把文字层加锁,新建图层3,命名为“遮罩”层。选择工具栏中矩形工具Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理 ,笔触色设为无,填充色任意色,在舞台上画一矩形,矩形的大小应和文字整体大小相同(不能小于文字整体,否则遮不住的),可以先在舞台右侧文字之上画矩形,然后把其移到舞台中。如下图10,图11所示。

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图10

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理 

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图11

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

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

Flash入门教程:滚动字幕动画的制作_网页教学网webjx.com整理
图12

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

脚注信息
版权所有 Copyright(C)2008-2015 龙腾动画(北京龙腾创星科技有限公司) 京ICP备09017556号 本站关键词:flash动画制作 

 
QQ在线咨询
咨询热线
010-57477990
7*24咨询热线
13701141129