用Photoshop打造漂亮网页像册
1 }- d% l5 g/ N
( _2 s* Z% y& q% u& H2 c
" q/ W$ I! {6 B: \
' O1 K* O a8 Z A8 O! A
作者：北极 教程来源：PConline
& J$ G% y6 r+ a% H5 a
; B8 F2 a+ g# p0 _0 i r. h
Photoshop CS这款软件想必喜欢平面制作的朋友一定会很熟悉。有了PS，我们能利用它修整照坏了的照片、制作精美的图片等等，但是它还有一些另类的实用功能，不为大家所熟悉，现在跟着我们的教程来一一熟悉这些PS实用的功能，首先给大家带来的是，用Photoshop CS制作网页像册。
" p3 x/ l5 p0 Y: V$ ~9 R
存在电脑上的照片或图片越来越多了，查看起来很不方便，除了看图软件自带的幻灯片功能之外，能不能用一种方法做出象一些网站上提供的网络像册那样的网页像册呢？答案是肯定的——可以，即使你不会HTML网页语言，不清楚网页制作方法，也可以自己动手用PS生成一款自己中意的的网页像册。
# J$ ^& k& u2 d J& ^
首先看看北极自己做的一款网页像册的效果图。如图1。
6 f% W- e7 w0 @+ u3 r: M
$ h0 C) M+ @1 m
/ m" H+ V0 o. Z2 c9 w, w# r/ c/ @/ `; b9 e3 i6 ?
5 y! k" J% J I% e! v4 c' q- c/ s
2 u1 }1 X2 C. {) r0 y6 _) M4 f 当点击右边的略缩图的时候，在左边就会显示大图，如果你懂得网页制作的原理，要手动去处理N多的图片、把它们统一裁减、然后一张一张的放到画好的表格里去的话，等做好了估计自己以后在也不要看到这些照片了——工作太大了!
) T! v" H- C/ f2 Z6 G# V: _
现在，使用PS的“WEB照片画廊”功能即可轻松打造网页像册，做好准备，打造正式开始。
2 e9 Q: v' ]7 x a$ K% G( M
一、 图片收集 照片处理网(
H# l) E. k/ h2 n) `http://www.photops.com)
0 Z9 r% E4 A& F" t/ E& F, v
9 C4 k1 D7 G3 R" | 1、 首先准备好自己中意的图片，这里北极找了很多MM的图片。如图2。
5 O, J- q4 Q* }1 y- F
: X( Z# M7 F$ r+ N
9 k! u+ {- B7 p- d) s9 d/ ?$ T7 `( A
" J4 w/ B! q4 j2 o; w9 K
6 {* p" [& L, {4 n. M9 \
2、 在“我的文档”新建个文件夹命名“原始”，把这些MM的图片放到文件夹内，之后再在“我的文档”里建立一个文件夹命名为“像册”。这样做是为了找图片起来方便，不用到D盘啊E盘中找来找去了。
3 c. R( L$ }- j+ H 二、 WEB照片画廊的设置
4 C5 Z' s) b8 k* U
1、 整理好要制作成网页像册的图片，我们就要打开PHOTOSHOP CS了，来进行相关的设置。点文件——自动——WEB照片画廊。如图3。
% n) @" F8 w! G @7 P' P# I; q; U, @5 C2 a
. `' h3 u0 Q9 u. }% |7 V/ e! N1 Z
; f# s0 Q" f, d3 }& e
2 w; k0 `, s' u( |
$ O( [ S" u( D! Y4 i& e- m: S7 y. a
9 Y1 O; j' z: P1 J/ _# i& r6 c
2、 完成步骤1后会弹出个对话框。如图4。
' N/ v( {+ ^( q7 f9 t: k- N
# |! M! O. m( e4 ~' c4 n8 E
$ _0 U& X, f3 a! Y* g/ B+ F1 F! h' e: ~' F, B+ U0 d
/ @" s; ^9 M/ c4 ]3 P0 k" \
( w/ B) d- s k; ?2 Z5 O3、详细的设置--样式部分。这里的“样式”就是PS自带的网页像册的样式，一共有8种样式，更多样式还可以去PHOTOSHOP网站上去下载。这八种网页像册样式如图5和图5-1。
! I8 }; O- s$ p8 ^% m
s; N+ x; r4 E V% p; N) q0 Z
% f( ]% t; P( R) o# z/ T$ b- k3 d( ~- t
5 W6 N( I' ^. f6 C+ O( @! t( S, E9 K9 c8 P/ P+ r m' x& I
& b+ C6 \4 D" S9 J# A7 Z2 z4 T, a- |
5 n; X& K/ |, D+ W/ r
. i9 S" f, T' s6 M c
# Y9 ^1 J: b2 e( o0 u6 k/ v
' O! o; w+ P* x' b Q+ `
4 、这里笔者选择了“居中桢1-基本”这个样式，来给大家讲解，接下来就是源图片的选择了。点“源图象使用”这里让你选择你要做网页像册的图片，点“浏览”，这里就选择“我的文档”里的“原始”文件夹内的MM图片；在“浏览”的下面有“目的”，就是说自动生成的网页像册要放到什么地方，我们选择“我的文档”里的“像册”文件夹。如图6。
6 Y" m0 u- u# L8 y0 j( k- c
2 j( Y' _1 F4 T, p4 a" `
, v* X" ]; T) J& v5 r& x
: [& V* E$ S$ r7 u
# G7 p. _4 q5 f+ r
W" f7 a1 i) H; I& @! ?; @! v
% q: ~: \" [* G$ q2 h/ z5、点“选项”会有“常规、横幅”等6种样式，在这里，笔者选了“横幅”，如果有兴趣的话，你也可以多做几次尝试，选者自己最喜欢的样式。网站都是有名称的，接下来在“网站名称”写上自己喜欢的名称、摄影师以及相关信息，时间这一栏PS是根据你电脑的本地时间来决定的，所以你要修改成你拍摄这些照片的时间。
9 i0 z6 s9 X8 u& |! U6 N6、完成以上的设置后，如果你的图片比较多的话，建议关闭一些程序，比方QQ啊电影之类的，然后点对话框右上角的“好”，这个时候PS就开始“发疯”似的将你要做成网页像册的照片进行裁减处理，图片多的话会需要一段时间，利用这个时间要起来活动活动身体，不要老坐着面对电脑。
( }' n3 R- U5 C/ U7 r7、当PS处理完这些图片后，会有片刻的停顿，之后会自动弹出已经做好的网页像册，来看看效果。如图8。
# X* Z% A6 G; L2 ^& D- [, x 0 `1 j& W# O; U# O
7 a% E, }1 U5 G& ?* B
' X6 r7 ~$ z& p# {
! y7 h/ |2 M) W
; C) j% Y+ T+ z* U" m 利用PS这个实用的小功能，即使自己不会HTML语言不懂得网页制作软件，照样能做出不错的网页像册，点左边的小图，在右边就会出现大图，在照片比较多的情况下，是比较方便的。如果你懂得网页制作的话，可以用DW或FP自己更换PS自带样式的颜色和布局等等，下面来看一下PS都生成了些什么文件，打开名字为“像册”的文件夹，Image是装中图的文件夹；THUMBNAILS是装略缩图的文件夹；UERS…这个文件是配置文件；INDEX是这个网页像册的主页，想看图片的话，双击它就可以；PAGES 是所有图片的内嵌文件。如果你有网站空间的话，将下面的6个文件及文件夹上传到空间里，就可以和好朋友们一起分享快乐，毕竟这是自己做出来的网页像册，相比大网站提供的像册服务更有意义。
0 @' J" r4 N: R8 p0 m- d0 ]
5 N& O) _! h9 N8 p& Z* [5 W**** 更多内容跟帖回复才可浏览 *****
