设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks多边形切片的妙用
返回列表
发布主题
Fireworks多边形切片的妙用
[复制链接]
查看:
359
|
回复:
0
gggds
当前离线
积分
22725
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:26:56
|
显示全部楼层
|
阅读模式
平常大家用Fireworks对网页进行切片输出的时候,一般都用普通的切片工具进行输出。但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变形切片工具的好处就显现出来了。 下面我们详细介绍Fireworks多变形切片工具的使用方法。
/ }$ E* _, i5 L$ R& C
( V" N6 O" J9 q( S9 r, Y
) `7 A& h$ d* z& J
1.打开作好的导航图片,在第一帧做好按钮的一般状态图形,在第二帧上,做好按钮over状态图形,如图所示:
3 H% S8 E, _( x! B& w4 Z6 p
( X, `& L% Z, y) a/ k/ ?
/ T) D6 v1 ^! Q6 d( S' e
2.回到第一帧,在工具栏找到多边型工具(K),如果所示:
: Q/ \ n- @4 M A% K
. I& k4 M. p! H; g
+ z1 `1 @2 g$ B) Z% [
3.然后用切片工具根据按钮重叠的形状,勾出多边型切片,如图所示:
5 p# S* m' D5 x# C
) }4 o; J' Z- S7 s
# t! q. s* L; K1 _& @2 K- e' k0 L. H3 S7 `
4.然后选中切片,点击右键,在弹出菜单中选中“添加交换图像行为”,如图所示:
' Q3 g6 B( x$ w- a4 e( g; E3 y
4 n+ c% E6 B' L* {
3 P4 C+ ~5 A/ [
5.在弹出菜单中,选择当前切片的第二帧,如图所示:
! |; @, D+ C9 ]% {2 y
. \/ B, e7 r% M" I/ H
' P) F u |1 U1 G( x% S4 i
6.然后选择导出网页,保存类型为“HTML和图像”,如图所示:
/ V. K& @. d# S2 \# A
! S$ R1 F( {( ]
& c# ]; p( P$ b4 z
7.其它的按钮依次类推,所作的效果如图所示:
+ B- ^) {& k9 _ j
7 e0 y7 Z* d" y) N$ y; _* |* s
4 ]1 F! Q+ G1 Q7 z' I
需要注意的问题:
1.多边形切片工具不能切出圆形切片,如原图比较复杂,可多切几个边,或在dw中在进行热区形状编辑。 2.多边形工具的边数多少决定生成文件的大小,所以除非特殊需要,尽量控制多边形的边数。 为了方便大家学习我提供了.png源文件下载:
# _& w$ H s4 V( B
6 s& o v) {5 X2 \" B
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表