Photoshop設(shè)計橙黃風(fēng)格的Wordpress主題

本教程主要使用Photoshop設(shè)計橙黃風(fēng)格的Wordpress主題,類似于這樣的美工主要就是排版和素材的運(yùn)用,下面讓我們一起來學(xué)習(xí).
來源：grafpedia.com   出自:活力盒子

最終效果

步驟1

創(chuàng)建一個新的文件(按Ctrl + N)或文件>新建, 參數(shù)設(shè)置如下：

步驟2

改變你的前景色為#232323， 用油漆桶工具填充背景。

然后添加雜色。 點(diǎn)擊濾鏡>雜色>添加雜色(數(shù)量2，高斯分布，單色)

步驟3

在網(wǎng)頁頂部用矩形工具畫一個橙色區(qū)域

步驟4

建立一個新的文檔，用鋼筆工具畫一個三角形，填充橙色(下圖是放大1600倍的樣子)

正常大小是：

步驟5

將上面的三角形定義為畫筆(編輯>定義圖案)

在橙色矩形框下新建一層，用選框工具畫一個矩形

步驟6

創(chuàng)建一個新層(ctrl+shift+alt+N),并且確認(rèn)你已經(jīng)選中這層。用油漆桶填充上面定義的圖案

步驟7

矩形選框工具刪除多余的部分

步驟8

用移動工具將下面的矩形鋸齒移動到上面

合并好以后

步驟9

按ctrl+E合并兩層，設(shè)置圖層樣式如下

投影：混合模式-正片疊底，距離1px，擴(kuò)展0，大小1px

內(nèi)發(fā)光：

漸變疊加：

效果：

步驟10：

底部的布局同樣使用矩形工具，顏色大家可以用吸管工具自己吸取

步驟11

用上面的方法創(chuàng)建白色鋸齒形狀

橡皮擦工具擦掉兩邊多余部分

得到下面的效果

步驟12

合并白色鋸齒層并設(shè)置圖層樣式如下

步驟13

按住Ctrl鍵單擊圖層縮略圖

步驟14

選擇矩形選框工具，按住alt鍵把左邊多于選取取消

步驟15

建立一個新層填充前景色#b2a891

再次用矩形工具創(chuàng)建矩形，填充一個稍微亮一些的顏色

步驟16

使用鋼筆工具畫一個小三角形，這里我們要建立一個陰影的效果

步驟17

同樣的方法在創(chuàng)建一個矩形折紙效果。中間部分用矩形工具繪制，填充白色。

步驟18

找一些照片放到圖框里 效果如下

步驟19

添加2個按鈕，方法也是上面介紹的

步驟20

豐富一下細(xì)節(jié)，發(fā)揮自己的想象啦

步驟21

最后在新建一層放在最上面用畫筆工具畫一個亮光的效果，并且把這層的圖層樣式改為柔光

大功告成!

怎么樣，效果還不錯吧