今天通過@ChloeRowe林雅諾 這個教程，我們將學習如何快速繪制一個燈光背景。該教程將教你如何更好地使用基本形狀工具和漸變，以制作出一個大氣典雅的多彩背景圖。動手吧！

效果圖：

1. 新建一個700*420的圖層，矩形工具，新建一個如下圖所示的矩形。

漸變設置如下圖所示：

黑灰色 （R=54, G=57, B=66） and black （R=15, G=18, B=27）

黑色（R=15, G=18, B=27）

2. 現在開始創建自定義圖案，橢圓工具畫一個黑色的圓，大小大概是：6.5px*6.5px。

再畫另一個圓，但是大小要小一點，之后，如下圖所示移動新創建的形狀的位置。

復制該對象，然后將其往后移動（Ctrl+[），大概每次向下輕微移動0.1px，

打開顏色板，改變其顏色，填充灰色 （R=105, G=114, B=127）。

3.?選擇所有的圓形，對象>紋理>編輯圖案，彈出對話框。點擊確定關閉消息通知。進入圖案編輯模式。

首先，窗口>圖案選擇，啟動圖案選擇窗口。當圖案選項窗口出現，給該圖案命名為“Dot Pattern”，

你的設置可以和下圖所示的設置一樣，但你也可以根據情況做進一步的調整。關閉對話框，回到正常模式。

現在，讓我們在步驟1中創建矩形的副本，并將其放在之前的矩形上面。

從打開色板中的圖案面板上選擇圖案，并將其應用到第一個矩形上。

4.?確保矩形的副本在最頂層，保持矩形對象的被選中狀態，填充漸變，參數設置如下圖所示：

亮灰 （R=230, G=230, B=230）

暗灰 （R=51, G=51, B=51）

改變圖層混合模式：正片疊底，透明度100%

5.?現在創建另一個背景元素。矩形工具，然后畫一個矩形，其大小大概是 850 x 225px。

打開顏色面板，設置填充顏色為黑色（R=15, G=18, B=27），對象>變換>縮放，出現新的對話框。

設置如下圖所示：

不等比：

水平：100%

垂直：86%，點擊“復制”，然后再次執行變換 （Ctrl+D） ，可以快速復制之前被改變的圖形對象。

現在我們有三個大小不同的矩形，一個放置在另一個的上面。選擇矩形序列堆里的第二個矩形，

然后填充漸變，參數設置如下圖所示：

黑灰色（R=54, G=57, B=66）

黑色 （R=15, G=18, B=27）

最后，留下第三個矩形（頂部對象）不變。

6.?在第三個矩形上執行第5步驟，并保存它以備之后的使用。

在矩形工具（M）的彈出菜單中找到多邊形，創建一個六邊形（參見圖片），大小大致是40 x 35px。

無填充，設置描邊為1.5pt。

漸變設置如下圖：

天藍色 （R=67, G=233, B=255）

黑色 （R=0, G=0, B=0）

7.?對象>紋理>編輯圖案,打開圖案編輯模式。

然后給新的圖案命名為“Hexagon Pattern”（六邊形圖案），確定。

現在我們把之前復制懂得矩形放置在如下圖所示的位置，打開色板中的圖案面板，用我們剛剛設置的圖案對其進行填充。

圖層混合模式：濾色 透明度：30%

8.?橢圓工具，畫一個又細又扁的橢圓，圖像如下圖所示，參數設置大致是：660 x 7px。

打開漸變，徑向漸變，

顏色設置：綠色（R=63, G=255, B=107） 黑色 （R=0, G=0, B=0）

透明度100%，混合模式：顏色減淡。

做完后，復制該圖像多次，并改變其漸變顏色，放置在之前創建的六邊形圖案的邊緣。

效果如下圖所示：

9.?用橢圓工具創建 不同大小的圓形，把所有圓形放置在最頂層。填充圓形對象，設置與你在第8步驟里設置的一樣的漸變。

改變混合模式：顏色減淡，透明度100%，使用剪貼蒙版，效果如2圖。選擇所有圖層，按住Shift，旋轉45°。

完成！

【優設十月熱門教程合集】

一枚精美的錘子論壇圖標：
《漂亮實力派！教你用SKETCH繪制一枚精美的錘子論壇圖標》

超酷炫的九重天特效：
《PS教程！手把手教你打造酷炫的九重天魔幻特效》

從零開始學習黑白攝影：
《高手教程！從零開始幫你搞懂黑白攝影的后期方法》

原文地址：vectordiary
譯者：@ChloeRowe林雅諾

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量102萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com