| VB 源码 | VC 源码 | ASP源码 | JSP源码 | PHP源码 | CGI源码 | FLASH源码 | 素材模板 | C 源程序 | 站长工具 | 站长教程 |

网页设计

网站策划
网页设计

本类阅读TOP10

·经典网页设计欣赏
·Flash Loading制作全接触
·用Flash制作简单闪光字
·下拉菜单全攻略(Javascript篇)
·PhotoShop热键大全
·下拉菜单全攻略(DW篇)
·网页效果集合
·哈利波特书封面设计欣赏
·Flex 入门教程
·一流的设计师,一流的PHOTOSHOP教程

站内搜索

让画卷打开来:用Flash做转轴效果
在网上经常有人问有关转轴效果的制作问题,今天我给大家讲讲。

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);//回到第一帧,继续播放。



到这里,我们已经将转轴的效果做出来。大家如果有不明白的地方或是在Flash的学习和应用中遇到了问题,请到http://www.5dmedia.com的论坛的Flash区发贴子,你将会得到老鸟们无私的帮助。




相关文章
  • 让SWF文件不显示在IE缓存中
  • 一个Flash调色板
  • 给ActionScript初学者的建议
  • 在List组件中使用渲染器
  • 实现2004中Media组件多首mp3连放
  • 验证身份证号是否正确的代码
  • Flash 与 html 的一些实用技巧
  • Flash MX 2004 数据绑定
  • 用Flash模拟“穿越时空”
  • Flash 交互打字效果
  • Flash做文字随波逐流的效果
  • 用Flash 5制作动感按钮
  • Flash制作文字“幻影”
  • Flash Loading制作全接触
  • 用Flash制作简单闪光字
  • 一个很cool的FLASH水波制作
  • 用Flash制作落地有声的瓶子
  • 用flash制作旋幻时针
  • Flash 5.0的十个“新”得
  • 一个很cool的FLASH水波制作
  • 相关软件

  • FlashPac C 开发程序库  
  • Flash5 螺旋图形这是利用 Flas  
  • Flash5 碰壁小球本来用 Flash  
  • 这是 Flash 5 Action Sc  
  • Flash5 图片角度变换这个程序的代码  
  • 到了 Flash 5,精确下载  
  • 21个透明flash文件  
  • 17个透明FLASH  
  • 60个透明FLASH  
  • 40个韩国flash源文件  

  • 下载首页关于我们广告服务联系方式常见问题隐私声明法律条款本站声明下载帮助发布软件站点地图谷歌卫星地图