发新话题
打印

Fireworks 多边形切片的妙用

Fireworks 多边形切片的妙用


平常大家对网页进行切片输出的时候,一般都用普通的切片工具进行输出的。但是如果遇到导航很多,切片重叠时候,用一般的方法就无法进行处理,这时多变型切片工具的好处就显现出来了,以下我就详细介绍多变切片工具的使用方法!  
0 D3 M0 }$ Q6 A7 B3 j( t" V7 |( ?* z2 Q4 h- R$ T. n' s! ?
0 v- n, k( Y: ?! e# n4 v

! a+ K/ t" b8 e& Y2 p# j  
9 r7 h9 Y! c& K! R4 Q6 o; t- g* M, N% S8 _% A5 h
1.打开作好的导航图片,在第一桢做好按钮一般状态图形,在第二桢上,做好按钮over状态图形,如图所示:  5 j  H2 S: M+ A: T+ X0 D
4 e; h" K! {! ]/ v; ]

3 O& |. J0 x0 z9 E) W. ?1 K5 ?, @/ k: Y4 a' O6 H* a
  
! m7 q" Q9 S. T$ z$ L5 i# [4 l, @
2.回到第一桢,在工具栏找到多边型工具(K),如果所示:  
7 m/ Y; J. u  u# R) E& i7 l8 i4 G7 a" E- Q3 D! \* S

$ o; t% `% x$ _  M: i  ~6 Y; R% m, p; r; t+ z6 K4 p* m" O1 L
  4 [0 }, {# d6 q& v2 a- j/ z

; R7 I: b3 w9 F) |. X2 E9 }: f3.然后用切片工具根据按钮重叠的形状,勾出多边型切片,如图所示:    {. p( v+ V8 v  I1 B; S! V
; ?9 {0 l3 M5 V' i# ]( H
, w  ?8 o! j8 X
% w5 w5 B+ h& w
  1 t( L  U1 A, [) s. R
+ |5 C) l5 |3 Y( H: |, i' ]# E
4.然后选中切片,点击右键,在弹出菜单中选中“添加交换图像行为”,如图所示:  
. i' I1 {3 c, S  H8 w, U3 p" _% R: M& q2 g% R/ W& j

7 t  a7 ]) R  i& K+ f1 B2 L* q/ `6 ?. \! K5 _) o
  , z4 R, \) A& w7 j* ]8 w; Q1 _! h6 u
+ S) c! O' V! y) U4 `" K
5.在弹出菜单中,选择当前切片的第二桢,如图所示:  
- f: m# Y. v% a' F3 I" R) a9 V! F
+ C0 d: J( ?$ p) f7 r! l/ _. B% C. v) r7 r9 Z

5 F2 P7 n2 _' \( i5 {6 e1 w  
% x/ k  b$ M6 ~7 [3 R3 n5 P* ?$ F( Q3 a% a
6.然后选择导出网页,保存类型为“HTML和图像”,如图所示:  6 F/ B8 L% R4 \" l& K  w
9 Q6 a9 y: k$ a8 N( |7 w+ a+ G
) c3 a+ P4 v) T

6 D: a. e8 e3 y6 [& Z% j; |4 X; c1 _  1 d4 x3 I; y& g
7 D% [2 o/ f+ i! L" V1 L
7.其它的按钮依次类推,所作的效果如图所示:  / ?  H5 D3 m" }* C( C
, p1 y6 D8 t- ^1 A  h5 K
+ b+ Z9 `/ y2 `5 e9 G" n% P! q

, {6 o5 M; W" x+ V2 J2 S! ]  $ D* a  a* N" l

2 O) s0 O+ D" h, _6 A) n注意的问题:% e" }0 g5 [  X: H8 ]
1.多边形切片工具不能切出圆形切片,如原图比较复杂,可多切几个边,或在dw中在进行热区形状编辑;
8 g' k0 {" A5 U! r9 v# |8 V3 v; N2.多边形工具的边数多少决定生成文件的大小,所以除非特殊需要,尽量控制多边形的边数;  
  z# F' `' a1 z
. ]% W, d& v; [# }7 j7 M为了方便大家学习我提供了源文件下载



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题