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

作者：maimai
最終效果圖

好了，讓我們開始吧。打開photoshop創(chuàng)建一個新文檔，尺寸是1020px X 1240px，背景顏色設(shè)置為#e6e9d4。

用矩形工具，創(chuàng)建一個形狀，顏色 #bbc19c。我的形狀尺寸是 1020px X 327px

好了，添加一個圖層蒙版（保證你的圖層是被選中狀態(tài)）。

然后確定你選擇中了蒙版。

選擇漸變工具，保持默認(rèn)顏色（黑色為前景色，白色為背景色），你可以簡單的點擊工具欄上面的小圖標(biāo)快速設(shè)置。

按照下圖拖拽你的鼠標(biāo)。

好了，我的效果是這個樣子的。

Step 1 – 創(chuàng)建logo和頭部導(dǎo)航

選擇矩形工具，在文件頂部畫出一個小的形狀。

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

我的效果：

在右邊的部分，用文字工具，創(chuàng)建導(dǎo)航文字。我一般用的是字體“Helvetica” 。

接下來，用直線工具，創(chuàng)建一些導(dǎo)航上面的分割線。設(shè)置寬度為1px，在文字中間畫一些小的形狀。

然后按照下圖進(jìn)行圖層樣式設(shè)置：

我的效果：

好了，接下來創(chuàng)建logo。用矩形工具，創(chuàng)建一個類似的矩形，填充顏色#9cc1a2