Fireworks多边形切片的妙用

[复制链接]
查看: 359|回复: 0
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

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )