收藏本站
 
设为主页
     您的位置:首页资源库动画制作Flash教程
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==
 
让画卷打开来 ——用Flash做转轴效果

作者:litteruser / 5dmedia

 

在网上经常有人问有关转轴效果的制作问题,今天我给大家讲讲。

1,转轴的制作/conimages/web/2001-05/user-0525-image001.gif

conimages/web/2001-05/user-0525-image001.gif

(1) 调出填充(Fill)对话框,选择Window>Panels>Fill,

(2) 在下拉菜单中选择Linear Gradient,在两个小游标的中间点击鼠标左键,大家会发现多了一个游标。大家会发现,后面的小框里的颜色和游标所指的地方的颜色是一样的,鼠标单击后面的小框,弹出颜色板,选取白色。单击前面的游标,单击后面的小框,弹出颜色板,选取深褐色。同样,将后面的游标所指的地方设为深褐色。完成后如图1所示。

(3)选取工具栏浮动面板上的矩形工具(Rectangle Tool),在工作窗口的画布上画一如图2所示的矩形。用箭头工具(Arrow Tool)去掉边框(在边框处双击鼠标左键选中整个边框,按下Delete键,即可删除)。利用旋转工具(Rotate)旋转90度。如图3所示。

  图 2       图 3

(4)选中图3中的矩形(点击鼠标左键),按F8键,在弹出的组件属性(Symbol Properties)的Name栏填入“轴”,在Behavior中选Graphic。完成后如图4所示。 点击“OK”。至此,我们创建了一个轴组件。

(5)添加两个层,双击第一层的层名,将其名称改为“纸”,其他的两层分别为“遮罩”和“滚动轴”。删除画布上的所有对象。完成后如图5所示:

注意:层的顺序千万不要弄错!

(6)点击纸层的第一帧,选取矩形工具,选取填充颜色为深褐色,在画布上画一矩形。再选取填充颜色为白色,在画布上画一矩形,比上一矩形要小一些。完成后如图6所示。

(7)点击文字工具,激活文字对话框,选择好字体和字体的大小。字体建议采用华文行楷,字体的大小与你的纸张的大小和所要输入文字的多少有关。在画布的中间的白色区域单击鼠标左键,键入想写的文字(输入一个字就回车一次,以使得它们排成一列)。调整文字到合适大小。完成后如图7所示。

   

  图 6           图 7

(8)按下Ctrl+L键,打开组件库。选中我们在上面建的轴。按住鼠标左键将它拖到画布上,放在纸的最上面。调整其长度(如果不方便调整,请用缩放工具将其放大到合适大小,再进行调整),以确保与纸同宽度。完成后如图8所示。

(9)点击遮罩层的第一帧。选取矩形工具,在画布上画一矩形,矩形与纸同宽度,但是比纸稍长。填充颜色不限,但是最好不要与纸同色。

(10)双击鼠标左键,选中该矩形。按下F8键,在弹出的组件属性(Symbol Properties)的Name栏填入“遮罩”,在Behavior中选Graphic。完成后如图9所示。

(11)将遮罩组件拖到纸的上方,使得遮罩的下边缘正好遮住纸层的上轴。完成后如图10所示。

(12)选取“滚动轴”层的第一帧,按下Ctrl+L键,打开组件库。选中我们在上面建的轴。按住鼠标左键将它拖到画布上,放在纸层轴的正下方。调整其长度,使它的长度与纸层轴的长度完全一样。如果不方便放置,请讲遮罩层隐藏(单击遮罩层层名后的小黑点,是它变为红叉)。完成后如图11所示。

    

      


图 10       图 11

(13)点击纸层的第一帧,按下F5键,大家会发现时间线上的帧增加了,我们使它增加到20帧。用同样的方法使遮罩层和滚动轴层也增加到20帧。完成后如图12所示。

(14)单击遮罩层的20帧,按下F6键,我们在这里添加一个关键帧。将遮罩组件下移到正好盖住纸层,完成如图13所示。

(15)单击滚动轴层的20帧,按下F6键,我们在这里添加一个关键帧。将轴组件下移到纸层的最下方,完成后如图14所示。

(16)在滚动轴层的时间线的0-20帧中间的任意帧上按下鼠标右键。在弹出的快捷菜单里选择Create Motion Tween。在遮罩层的时间线的0-20帧中间的任意帧上按下鼠标右键。在弹出的快捷菜单里选择Create Motion Tween。完成后如图15所示。
       

 

 图 13          图 14        图 15

(17)在遮罩层的层名上单击鼠标右键,在弹出的快捷菜单中选择Mask.如图16所示。完成后如图17所示。

图 16

到这里,已经基本上完成,大家可以按Ctrl+Enter(回车)来看一下效果。

大家会发现,效果是出来了,但是在打开后没有半刻停留就又“合”上了(实际上是回到第一帧有开始播放)。我们希望它能在打开后停留一会。下面我们用action来解决这个问题。

(18)延时控制

在滚动轴层的20帧上单击鼠标右键,在弹出的快捷菜单中选择Action.加入以下代码。

stop ();//停止播放

var timer1;//定义变量

timer1 = getTimer();//将已播放时间存在变量中

flag = 0;//设立一个标志

while (flag == 0) {

if (getTimer()-timer1>5000) {

flag = 1;

}

}//如果停留了5秒钟,那么将标志改变,以便结束循环。

gotoAndPlay (1);//回到第一帧,继续播放。

到这里,我们已经将转轴的效果做出来。

 

[上一页] [下一页]

 

Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View