Photoshop ImageReady切片教程
O" T4 W5 g; @" H9 q3 x. C
: f+ A8 _+ E" `& {* B5 }, W( l
! T) S7 W; o1 S3 x) D. @
( {* z4 |) @8 C+ J8 b ^1.拖出参考线，这时可以把文档放大，以便参考线更准确。
1 u1 M: b4 P8 t* |6 N4 M6 p' e2 }
0 k' T" i' p/ ?- K/ g. E1 A$ U J; N
* T8 M* d7 I: r: U
2 \" M e+ J0 |
0 l' t: D+ N- t3 {! k. v0 j
/ u- @7 A6 D: k- J; [5 J! H6 R
2.使用切片工具，首先为上面的圆边和下面的圆边做切片。
+ v: j8 U0 f" R7 }
0 D2 _1 v/ O7 @; i$ ?& e% M' Z4 A% s
: t* I1 x; h# t+ c
. r* q( L! |9 } j
: T* d! B- ^1 h $ o1 ^( h. Z$ S+ t; D: W
3.这一步，切出左边和右边的切片，单象素的切片，需要把画布放大到1600/%，这样才可以选择单象素。
' I- P% u3 _' x5 h# M
' A C- i# q- b- Y& R" Y
在网页中，左边和右边的切片，最终会变成单元格，如果最中间单元格里的内容不是固定的，就需要使用设置单元格背景颜色的方法，也可以使用设置单元格背景图片的方法，适应表格中间内容的填充。
6 y" ~% w0 F: @
7 k: v* V" C0 v' j
' v7 [3 }) Z2 s7 L8 X! y1 Z. C
5 q$ C- U1 ]! l7 u% o5 ~ @
: n3 X" [7 E9 s源文件
- \; D+ X6 E( g/ w3 B0 p
! S6 B+ W. X L 4，再为中间一片添加切片，这时也可以放大文档准确切片。
+ f O5 ^- |+ @# t- v
- j7 `1 D% k) R! O! @
6 O" v+ D/ O$ O* H# ?9 Y1 N
) d2 }( ~& E" @+ B( V6 X6 b9 i' l) v, D* }1 D
源文件 5 o4 ~+ w1 ~8 }1 H' [
% _; Q4 A% V8 Y$ G5 A$ X 5.还有一些没有切片的区域，只有把它们变成用户切片，它们才会固定。
0 o" q0 a0 d7 Y0 S
2 l' q( w/ K: R
1 s4 E& x ]0 T+ s9 C' y( L
9 k. R& |/ R, a, ]/ e
* t: c0 U. x: H * `* A! @5 D5 e! o
6.为了防止切出的表格变形，需要在“文件”>“输出设置”>“切片”中，作如下设置。
# c# Y; z4 e7 R2 O6 V
: P! G- k* G9 `) G1 h* y) _/ t$ ~- }5 i. Q
3 H+ y& S! n3 {" _& H5 q" S( a7 H; w& h9 p: r
1 c8 c6 b% ~0 l
imageready不能输出嵌套表格（fw可以），这时，最好的方法，还是把一个文档，分成几个部分切片。
9 B! I# U$ }5 Q$ \4 O" r- M) o( U
5 i( s" A( {& C& k* Y' c
流程：先把一个文档，从上向下，根据内容切成几部分，输出为“仅限图象”。然后，分别打开这些图片，做必要的切片，输出为“html和图像”。
/ P `7 i. F! Y5 j& C0 v! Z+ U. O8 z7 |3 b' B5 f7 N8 j# O
! U7 w+ F) E9 T: O2 i! Z
. A( n# \- u1 ?) I/ A
b Z8 k2 H6 h5 _0 E & |3 @( a1 K3 O7 [5 b
示例中，是把一个页面，根据内容，先切成几部分，几部分都输出为图片， 然后，再把这几个图片，分别切片。
) L6 L2 {8 Y0 e; F1 I! t# P 这么做的原因，也是为了防止网页变形。
+ k V3 W: t$ P8 l 在dreamweaver中，会生成从上到下的几个表格：
; j! D( Q c0 T R& ^: | 只是做一个例子，并不表示生成的代码一样。
7 g6 a& q2 \2 H/ Z& L# ~3 x3 t* @ / z! L( g& V! L% a
在dreamwever中，把几个用ps切出的表格（最好事先把切出的文件，放在站点里，图像放在image文件夹中），分别复制在网页中，就可以了，这样表格之间，是不会相互影响的。
