ps創(chuàng)建常見的網(wǎng)頁風(fēng)格教程系列一(2)

按照下圖參數(shù)設(shè)置圖層樣式。

然后，在文件Complete Designer Set 中，我選擇了一些矢量的裝飾圖案，在Illustrator中打開他們，選擇一個(gè)然后拖拽到Photoshop中，裝飾在綠色形狀的上面。用作襯托l(wèi)ogo。

好了，選擇中這一矢量圖層，降低它的透明度到30%。

好了，導(dǎo)航和logo基本上完成了。我用文字工具添加了一些引證，在文字導(dǎo)航的下面。

Step 2 – 創(chuàng)建主導(dǎo)航

選擇矩形工具，創(chuàng)建一個(gè)形狀，如下圖。我的尺寸是937px x 63px

設(shè)置圖層樣式如下：

添加一些文字，最終效果如下：

現(xiàn)在，看起來主導(dǎo)航有一些單調(diào)，我添加了一些圖標(biāo)。你可以從Complete Designer Set中下載它們。在 Illustrator中打開，然后選擇合適的圖標(biāo)拖拽到 Photoshop就可以了。現(xiàn)在我的效果圖是這樣子的：

好了，現(xiàn)在看上去還不錯(cuò)。

Step 3 – 創(chuàng)建頭部

選擇矩形工具，創(chuàng)建如下形狀，我的尺寸設(shè)置是937px X 278px，顏色填充#cdd5a1

設(shè)置圖層樣式：

好了，然后添加一些虛擬的文字（不是真實(shí)的項(xiàng)目么）。我用的是字體 Helvetica script ，14px 大小。然后柵格化文字。

設(shè)置角度為0和距離為70px。然后添加更多的文字。

好了，現(xiàn)在的效果是這個(gè)樣子的：

然后我們選擇一張漂亮的圖片，來裝飾我們的頭部區(qū)域。保證圖片圖層在我們剛剛創(chuàng)建的圖層上面。好了，你看到的就是下面的效果。

右鍵點(diǎn)擊圖片圖層，選擇創(chuàng)建剪切蒙版。