Photoshop做模特網(wǎng)站模板實(shí)例(6)

photoshop在實(shí)際應(yīng)用中,我們經(jīng)常會(huì)用ps做網(wǎng)站圖片,如用ps做模特網(wǎng)站,我們就有可能會(huì)做網(wǎng)站模板,所以今天就教大家一個(gè)用Photoshop做模板的實(shí)例,希望大家認(rèn)真學(xué)習(xí)
此網(wǎng)站由于內(nèi)容并不太多，所以主要使用2分?jǐn)r布局，同時(shí)結(jié)合多邊形的導(dǎo)航與花草圖片的點(diǎn)綴使整個(gè)頁(yè)面風(fēng)格十分活躍，網(wǎng)站的圖片可以說(shuō)是主要的色彩區(qū)域，通過(guò)優(yōu)質(zhì)圖片素材的選擇與文字的結(jié)合，讓人覺(jué)得整個(gè)頁(yè)面十分飽滿(mǎn)與協(xié)調(diào)。
最終效果如下：

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

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

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


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

使用鋼筆工具勾畫(huà)如下形狀

填充鋼筆選區(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)在使用鋼筆工具勾畫(huà)網(wǎng)站底部形狀，顏色與網(wǎng)站的頭部導(dǎo)航區(qū)域相同

                                       
添加花草與底部文字

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