启明星原创摄影
标题:
[轉貼] 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://58.59.2.8/)
Powered by Discuz! X3.3