IOS 7毛玻璃質(zhì)感的UI設計大行其道，別處找來的背景圖總是不能符合自己心中理想的配色，在此，我將教大家利用PS制作出這類超級簡單又能與自己的界面風格完全搭配的背景圖。制作此類背景圖的前提是需要懂得一定的色彩理論，更需要一雙對色彩搭配敏感的眼睛。

最后做出的背景圖如下：

OK，讓我們開始吧。

大家可以參考這篇教程：《配色弱有救了！教你利用圖片創(chuàng)建獨有的色彩方案！》我在這里選擇了下面這張圖片作為配色方案的靈感來源。因背景色彩對比明顯才能更好襯托出透明感，因此傾向于選擇色調(diào)變化較大、分布較廣的圖片。

配色方案吸取的顏色為：柿子椒的正紅、青檬皮的深綠、葡萄的淺綠和檸檬黃，另外選擇圖片中的暗色木桌面作為底色，底色發(fā)揮襯托其他色彩的作用，如果你的其他色塊面積大基本上也看不到底色，但能感覺到它。（嘻嘻，是否能理解這種“看不見但能感覺到”的神秘感呢？）

有人也建議直接選用黑或白的底色，但是我認為圖片本身對黑白的表現(xiàn)要豐富得多，純黑或純白則過于規(guī)則和保守。

1、新建文件

在這里，我將要制作一個適應手機屏幕展示的背景圖，因此我的PS文件大小設定為W：640px、H：1136px，填充背景色為配色方案中的深色——底色。

2、在背景層之上新建一個圖層，采用大而柔軟的畫筆筆刷涂上第一種顏色。

這里需要注意的是：

1）涂抹的畫筆后最好一步到位，不要猶豫。因為軟性畫筆上色后，在超出畫板的部分將會有一條很突兀的邊界，這將不利于你對畫筆著色后的圖層的移動等操作。換句話說，大而軟的畫筆使用法則就是一步定位，修改的幾率太小。

2）畫筆大小我在這里選擇的900px，實際大小根據(jù)你的文件畫板大小和實際需要而確定。

3）畫筆的透明度降低為70%，這會使不同的顏色間實現(xiàn)真正的“融合”。

3、再繼續(xù)創(chuàng)建新的圖層，涂抹上另外幾種顏色。色彩的分布隨自己的喜好。但注意每一種顏色最好新建一個圖層，重命名不同的圖層，可以方便今后修改和調(diào)整。

4、將紅黃綠的色彩圖層合并為一個圖層，將這整個圖層做一次變形。

（ctrl+T>鼠標右鍵單擊>變形）變形的目的是為了讓你的色彩融合得更自然，不再是一個個圓形拼湊起來的樣子，而能呈現(xiàn)出一種流動感。這時，你將運用圖形中的操作桿任意變化出你喜歡的圖案。

5、這時，也許對你而言這張圖片比較暗，那么你可以通過調(diào)整色階來實現(xiàn)提亮和加強圖片色彩的對比。

6、進一步修飾，這類修飾是隨性的。根據(jù)你自己的期望，可以使用諸如橡皮擦、調(diào)整圖層進一步將圖片變?yōu)槟阆胍慕Y(jié)果。

7、最后，為使你的圖片顏色顯得更為豐富，你可以復制色彩圖層，將復制后的圖層混合模式改為“柔光”或“疊加”。并適當調(diào)整它的透明度。

三、將背景圖投入使用

有很多方式可以做出這樣的圖片，但對我來說這是最簡單的一種方式。請記得，這其中最重要是獲得創(chuàng)作的樂趣。

這是投入項目實際使用后的效果，在背景圖上使用的色塊和線條都需要降低一點透明度。相信大家按照這個方法可以做出更出色的作品。

現(xiàn)在背景有了，那么Lowpoly風格的網(wǎng)站要怎么做才有范兒呢？看！