当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks4翻转图像

FireWorks
Fireworks写实作品绘制实例:我的手机
自己打造动画广告 用Fireworks泛起水波涟漪
古代智慧结晶 用Fireworks“铸造”古钱币
巧用Fireworks MX 2004制作金属字特效
Fireworks使用技巧及常见问题解答
Fireworks制作GIF动画广告BANNER
Fireworks制作下雨动画效果
Fireworks and Dreamweaver指南介绍
使用Fireworks MX 绘制手机
Fireworks MX 滤镜讨论
Fireworks MX制作下拉菜单
Fireworks MX对网页的逆向导入
Fireworks MX制作像素动画
巧用Fireworks遮罩做平面设计
Fireworks创意遮罩动画制作
Fireworks制作透明按钮一例
Fireworks MX图层混合实例剖析
Fireworks 制作立体旋转地球
Fireworks 巧制生肖鼠票
Fireworks制作空间环绕文字动画

FireWorks 中的 Fireworks4翻转图像


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 51 ::
收藏到网摘: n/a

    除了创建按钮之外, 还可以让您轻松的创建一个奇异的 Javascript 翻转效果。例如,当鼠标指针滑过一个按钮,除了改变这个按钮的显示状态,您还可以让它改变在这一页中的区域的显示,在 Fireworks 中,这种翻转效果被称作不相交翻转( disjoint rollover)。

  加入引发翻转的图象
  

  1,打开图象

  2,选择菜单上的Insert > Slice,给图象加上切片

  加入新的帧

  1,在frames(帧)面板上加入新的帧

  2,选中新增加的这一帧

  3,用矩形工具画和一个切片同样大小的长方形

  加上拖放behavior

  1,选中切片

  2,将指针点中切片中心的behavior控制手柄,这时指针将变为手的形状   

  3,按住behavior控制手柄从中心往切片左上角拖动,这时就会出现一条蓝色的线条,同时会弹出一个窗口,在下拉的菜单上选择frame2   

  4,点击preview标签,就可以预览到翻转的效果了速度

  创建一个不相交翻转

  1,选中frame2

  2,用文字工具输入文字

  3,选择菜单上的Insert > Slice,将文字变为切片

  4,点中上面的切片上的behavior控制手柄,拖向下面的文字切片
  


  5,在弹出的窗口的弹出菜单上确定选中了frame2

  6,这样就会建立一个不相交翻转,当鼠标掠过上面的图象时就会显示下面的文字