设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
FW MX 2004教程(9)-简单的图像变换
返回列表
发布主题
FW MX 2004教程(9)-简单的图像变换
[复制链接]
查看:
224
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:20:46
|
显示全部楼层
|
阅读模式
4 h, f4 N3 f# @# X$ R. A6 c
图像变换技术在网页中经常被用到,即当鼠标移动到某图像或按钮上时,会触发另一个图形的显示。在Fireworks中,图像变换的制作原理就是使“帧”面板中某帧中的图形对象与来自任何帧的图象进行交换,从而达到在网页浏览时产生图形变换的效果。
/ N `. \! e: g! z0 i
" a0 t1 U' X% D# a! D. }3 W3 |8 F
1
、简单的图像变换
! x+ d3 c# }$ Y( P
在Fireworks中制作简单的图像变换,就是把“帧”面板中第1帧里的对象与第2帧中的图像进行交换。
+ |5 T9 i o8 p
我们先制作或引入一个按钮的一般状态图,选中图形后单击鼠标右键,从弹出菜单中选择“插入切片”或“插入热点”命令,如图9—01。
; t* o( p* L( G( M6 O$ I& s
" D8 W# J+ P% q. }/ d* p/ a
3 T9 E: x6 t& {1 w+ F) s
图9—01
3 j+ a! _0 |/ r, l' [8 T0 C
然后在“帧”面板中新增加一帧,并在此帧上引入鼠标经过按钮时将要变换的图像,如图9—02。
$ s9 s$ M$ f# M' r; [8 D+ L
9 G i0 ~0 Z& _' c" e, P
/ ?2 Z; z% [- v% T" S% s1 k! i& Y$ ~, j
图9—02
5 g# b6 [) k. r5 v* R( n; v5 a, c- o
选中切片后,启动“行为”面板,点击“添加”
- C0 I8 w7 [# M6 N* f: g" v
& u2 R$ O* k" B4 a& h
指令按钮,从中选择“简单变换图像”,如图9—03。
2 C: _0 u) v8 ]
: Q& s) @9 b7 H% o+ m1 L
7 K# {0 ^, V. a4 C1 I
图9—03
# t9 O* U# h, j: W
这样,一个简单的变换按钮就制作完成了,按F12键就可以在浏览器中进行测试了。
k+ o o5 U) f+ M6 c4 a
`8 q. F& T" |7 ^* |
1 V2 E5 H& x5 c! H$ h2 d+ n3 ]- e1 V
图9—04
! Y. p( u5 [% I q
可以看到,不管你在第二帧中所导入的图像有多大,在网页浏览时也只能在相同的切片范围内看到两张图形的变换效果。因此,这种图象的变换又被称为“相交变换”。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表