• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > 在Fireworks中实现复杂的图像交互技术介绍

在Fireworks中实现复杂的图像交互技术介绍

作者:佚名 字体:[增加 减小] 来源:互联网

佚名 向大家分享了在Fireworks中实现复杂的图像交互技术介绍,其中包含fireworks,fireworks下载,fireworks教程,fireworks 8,adobe fireworks等知识点,遇到此问题的同学们可以参考下
图像交互技术在网页制作当中被广泛的应用于按钮效果和图像展示当中。即当鼠标指向网页中的某一图像时,会触发另一图像的显示。下面就让我们来看一下具体的操作过程。

  效果预览

  启动FW后可新建一个如网页般大小的画布。然后用绘图工具随意画上三个矩形按钮,并在按钮上输入相关的文字内容。当然,你也可以使用各类工具绘制出更加美观的按钮。在此我在三个按钮上分别输入“手机”、“摄像机”和“随身听”的字样。然后把每个按钮的对象及文字选中后使用“修改—组合”命令,使这三个按钮成为三个各自独立的组合对象。接着可按网页制作时的需要,将这三个按钮进行排列对齐。
  把这三个按钮全部选中,并在任意一个按钮上点击鼠标右键,然后从弹出菜单中选择“插入切片”项。这时会弹出一个提示窗口,可直接点击“多重”按钮。这样,就为这三个按钮建立了导出切片。如图01。

  

  图01

  
  点击“帧”面板右下角中的“添加帧”按钮,新建三个空白帧。如图02。

  

  图02

    然后在第2帧中绘制或导入一张与手机相关的图片,放置在合适的位置后,在该图片上点击鼠标右键,从弹出菜单中选择“插入切片”项。同样的,在第3和第4帧中也分别导入一张用于与“摄像机”和“随身听”按钮进行交互的图像,然后都为图像建立导出切片。如图03。

  

  图03

    点选“手机”按钮的切片,然后用鼠标左键按住该切片中间的圆形控制图示不放,拖拽鼠标到与其进行图像交换的切片上,这时在这两个切片之间会出现一条蓝色的链接曲线,如图04。

  

  图04

  
  松开鼠标后会立即弹出一个“交换图像”的设置窗口,在下拉菜单上选择与“手机”按钮切片进行交换的图像所在的帧。在这里我们选择“帧2”。如图05。

  

  图05

  
  用相同的方法继续为“摄像机”和“随身听”按钮在“交换图像”对话框中建立各自的图像切片链接。完成后我们就可以按F12键在浏览器中查看了。怎么样,效果还不错吧!如图06。

  

  图06

  最后通过“文件—导出”选项即可将制作的效果保存为网页格式了。以后随时随地都可以打开来欣赏一番!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • fireworks怎么制作好看的图文排版?
  • Adobe Fireworks设置首选参数教程
  • Fireworks制作水彩笔触特效教程
  • Fireworks怎么把图片尺寸变小呢?
  • 用Fireworks制作好看的图文排版
  • 用Fireworks简单制作闪动的图片
  • fireworks把历史记录保存为命令方法介绍
  • fireworks对图片名称进行批量修改
  • Fireworks制作一个个性的圆形印章
  • Fireworks快速修改图片尺寸大小

相关文章

  • Fireworks模仿制作逼真的移动硬盘实例教程
  • Fireworks折叠渐变制作电视雪花动画
  • 用Fireworks打造的脸部特写
  • Fireworks MM照片破边缘
  • Fireworks绘制精致的1984干红葡萄酒瓶教程
  • Fireworks纹理及纹理填充详情介绍
  • Fireworks基础知识 创建和删除样式教程
  • Fireworks动画基本类型介绍及制作讲解
  • Fireworks教程:简单制作网站Logo
  • Fireworks动画教程:简单制作轮子滚动动画效果

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • 利用fireworks制作质感的木制相框
    • Fireworks CS3 基础教程:蒙版概念及运用基础(图文)
    • 教你如何用Fireworks 简单制作逼真的羽毛
    • 使用fireworks制作3d效果文字教程
    • firewords 一款动画logo制作方法
    • Fireworks简单制作渐隐线的两种方法介绍
    • Fireworks动画教程:制作立体地球旋转动画
    • Fireworks制作逼真的仿古纸张效果
    • Fireworks制作渐变的填充效果
    • Fireworks制作雪花飘飘动画教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有