|
平常大家对网页进行切片输出的时候,一般都用普通的切片工具进行输出的。但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变型切片工具的好处就显现出来了,以下我就详细介绍多变切片工具的使用方法!
( g. r/ x0 x: ^, o1 x
3 E7 C$ ` s, F7 x7 A- n1 s
: R% B6 J6 V- E7 }$ J! u( R; E9 P" _2 i4 B
1.打开作好的导航图片,在第一桢做好按钮一般状态图形,在第二桢上,做好按钮over状态图形,如图所示:& _. n2 U: y1 B( N
% D* Q: b# h" `4 K& ^0 D3 J* n

% i; C* C) F1 {/ N# k3 i9 u- M2 V6 E* P4 N
2.回到第一桢,在工具栏找到多边型工具(K),如果所示:8 G: @4 F4 K! v6 ?
: M( S- o) v! O! E# f

. v8 R |, [) ^
! R g! _, I+ b! a) L# V3.然后用切片工具根据按钮重叠的形状,勾出多边型切片,如图所示:
- p5 D; d' Q" y6 t2 C
2 p$ f5 G6 j* x4 }5 o 5 [9 i! _. `8 S, d, H3 h
" N! W6 Q w# V. F' h2 m
4.然后选中切片,点击右键,在弹出菜单中选中“添加交换图像行为”,如图所示:
3 `4 X5 y. V; S: t& o& m: Z0 N' `7 g5 S$ Q% K; j3 [

/ s# K% g' q4 K _$ _6 l0 B% h0 G) T' }% T
5.在弹出菜单中,选择当前切片的第二桢,如图所示:
: z4 {+ L$ P* o, ~4 B4 i+ l6 x4 ^) B# M) \1 U1 w
/ ?' a P h; I, {
3 E V% s7 V; |; }( E1 O
6.然后选择导出网页,保存类型为“HTML和图像”,如图所示:6 X) S' L: ^" ~
3 X+ b) E. l' m 9 K, g- B4 q# N+ y4 h) K5 j8 G5 ^
) H, T3 a/ l2 m0 W6 g
7.其它的按钮依次类推,所作的效果如图所示:1 F3 A+ L) @( n
! g. d; p$ W( [% i! u

6 a% G3 s( s h3 W. {2 e
0 X8 ?# S* u U- d! f- R: c注意的问题:1.多边形切片工具不能切出圆形切片,如原图比较复杂,可多切几个边,或在dw中在进行热区形状编辑;2.多边形工具的边数多少决定生成文件的大小,所以除非特殊需要,尽量控制多边形的边数;' q1 y q" t2 P7 g/ v W
为了方便大家学习我提供了源文件下载。 |
|