启明星原创摄影

标题: [轉貼] PhotoShop 製作歐美風格的網站模板 [打印本页]

作者: 擎天猪 时间: 2010-7-26 21:57
标题: [轉貼] PhotoShop 製作歐美風格的網站模板
　這次用Photoshop製作歐美風格模特網站模板，由於這個模板網站的內容並不太多，所以主要使用2分攔佈局，同時結合多邊形的導航與花草圖片的點綴使整個頁面風格十分活躍，網站的圖片可以說是主要的色彩區域，通過優質圖片素材的選擇與文字的結合，讓人覺得整個頁面十分飽滿與協調。% ]9 @0 W' s: o1 d% J
* N7 c8 B& D/ G7 T$ p
　　最終效果如下：
　

Z7 @2 V
　　首先，新建850x1200大小文件，將背景複製一次，然後在複製出的背景上增加漸變圖層樣式，如下圖。
　

　使用圓角矩形繪製黑色區域( u. i* A+ @; g- U- Q1 A
　　
　　

) k5 c5
接著，導入一張你喜歡的圖片，複製圖片到頭部圓角矩形位置。按住ctrl隨後點選圓角矩形圖層，出現選區，隨後選中導入的圖片圖層，反選，刪除，你將會看到圓角區域的圖片保留下來，其他區域被刪除了。
　# N# o' h+ V* \& x5 b3 ]8 [% U- k5 H

6 j1 Z; o5 M x2 @; i

　　使用鋼筆工具勾畫如下形狀
　8 W+ M& W; Q" r

f) m$ w( X
　　填充鋼筆選區為白色，調整不透明度為12%
　

/ m1 u0 V. s0 @9 N

　　使用多邊形工具在網站頂部繪製如下圖形狀
　

. c. ~8 x" u* Y! x5 Y; n2 @ J+ n
2 ?9 Q( \ ^* S; `. v
　　隨後增加漸變樣式
　: p0 t' Q# I7 g. c8 j: F5 z/ z

* m5 T+ I( F3 d: T, g
1 W) z" _9 S* L' [1 a6 b, I

O& h$ `0 J8 w3 {

　　在多邊形上製作導航按鈕文字與搜索條
　　

7 x9 j6 X( z6 g1 H6 X

　　下一步，我們導入花的素材作為網站頭部的裝飾。
　 Y7 c# L5 [( \2 n

　　隨後用草的PS筆刷來進一步修飾網站頭部' G6 b) L( U8 Y* D: n# m
　　

6 u, r) y j0 u3 w" ~
/ |3 ~9 M0 s2 r. ^, M3 B# b* I) S% ~
　　之後用製作導航同樣的方法製作網站頭部下方的長方形區域，如下圖
　: o r! n0 n% u

, @4 W6 m) R/ N. ~

　加入導航與圖片鏈接
　2 n5 o2 N# o2 h: L# A' _

- [7 O/ P0 `- O7 `0 o& f

　使用顏色#242323 到#000000 的漸變色創建網站的主要區域，同時導入一張女性模特素材。3 E- \' Y7 m) M4 s1 t3 S8 F `4 O/ ~2 l
　　

e1 x9 s: S$ E3 @
　　複製模特圖片，隨後將原始的模特圖片進行4%模糊處理，再將複製出的圖片設置不透明度為65%。
　　接著，再添加網站主體的文字與圖片內容。1 \& O2 c3 y4 l
　　

l9 _' P+ f
　　現在使用鋼筆工具勾畫網站底部形狀，顏色與網站的頭部導航區域相同。
　7 e" }' b3 I( e: Z- y5 @: b

　添加花草與底部文字 i B% v8 P: @4 k6 }: \/ |4 ^6 P3 X
　　

　最後，完成網站設計效果圖。是不是很時尚、美觀，那麼趕快跟著也做一個吧。0 l7 _. F( Z: ]- K# s! v3 W/ T/ Q4 S
　　: ?/ R/ \8 T9 d3 r0 \ h% w

" u* L" z7 y! Y/ _2 Z* h5 P3 ~
( i# K6 R% g+ N5 S6 D5 ?

欢迎光临启明星原创摄影 (http://www.qmxyc.com/)