這次用photoshop制作歐美風(fēng)格模特網(wǎng)站模板，此網(wǎng)站由于內(nèi)容并不太多，所以主要使用2分?jǐn)r布局，同時(shí)結(jié)合多邊形的導(dǎo)航與花草圖片的點(diǎn)綴使整個(gè)頁(yè)面風(fēng)格十分活躍，網(wǎng)站的圖片可以說(shuō)是主要的色彩區(qū)域，通過優(yōu)質(zhì)圖片素材的選擇與文字的結(jié)合，讓人覺得整個(gè)頁(yè)面十分飽滿與協(xié)調(diào)。

最終效果如下：

新建850x1200大小文件，將背景復(fù)制一次，然后在復(fù)制出的背景上增加漸變圖層樣式，如下圖

使用圓角矩形繪制黑色區(qū)域

導(dǎo)入一張你喜歡的圖片，復(fù)制圖片到頭部圓角矩形位置

|||

按住ctrl隨后點(diǎn)選圓角矩形圖層，出現(xiàn)選區(qū)，隨后選中導(dǎo)入的圖片圖層，反選，刪除，你將會(huì)看到圓角區(qū)域的圖片保留下來(lái)，其他區(qū)域被刪除了

使用鋼筆工具勾畫如下形狀

填充鋼筆選區(qū)為白色，調(diào)整不透明度為12%

使用多邊形工具在網(wǎng)站頂部繪制如下圖形狀

隨后增加漸變樣式

|||

在多邊形上制作導(dǎo)航按鈕文字與搜索條

下一步，我們導(dǎo)入花的素材作為網(wǎng)站頭部的裝飾

隨后用草的ps筆刷來(lái)進(jìn)一步修飾網(wǎng)站頭部

之后用制作導(dǎo)航同樣的方法制作網(wǎng)站頭部下方的長(zhǎng)方形區(qū)域，如下圖

加入導(dǎo)航與圖片鏈接

使用顏色#242323 到#000000 的漸變色創(chuàng)建網(wǎng)站的主要區(qū)域，同時(shí)導(dǎo)入一張女性模特素材

|||

復(fù)制模特圖片，隨后將原始的模特圖片進(jìn)行4%模糊處理，再將復(fù)制出的圖片設(shè)置不透明度為65%

現(xiàn)在添加網(wǎng)站主體的文字與圖片內(nèi)容

現(xiàn)在使用鋼筆工具勾畫網(wǎng)站底部形狀，顏色與網(wǎng)站的頭部導(dǎo)航區(qū)域相同

|||

添加花草與底部文字

完成最后的網(wǎng)站設(shè)計(jì)圖