@飛屋睿UIdesign?：當你想要突出某物的時候，在畫面上我們普遍都會認同放射狀背景的作用，而自制背景看上去似乎是繁瑣的任務，放到PS里，幾個濾鏡就能輕松解決。好了，打開你的PS，讓我們一起來體會一下這一奇妙的過程吧。

一、暗調光束

STEP 01

打開PS，新建一個寬1000px高800px的文件。將背景填充為暗色。為什么是暗色？因為我們接下來要做的放射狀的光束，光束總是在黑暗中才發光的啊。在這里，我將背景填充為一個紫色的徑向漸變。

STEP 02

接下，讓我們開始制作放射狀光束。如果有一直關注我的教程，就會記得我在《PS+AI教程！手把手教你打造低多邊形星系海報》這篇文章里寫過一個增加星點效果的辦法。沒錯，這里，我也采用同樣的方法，但我并非是為了表現出星空效果，而是為下一步作個鋪墊。

再新建一個圖層，填充純黑色。然后進入到【濾鏡>雜色>添加雜色】。雜色面板的設置為30%，高斯模糊，勾選單色。把這個新的圖層重命名為“雜色”。

STEP 03

這時，繼續選中雜色層，進入【圖像>調整>色階】，開啟我們的色階命令，利用色階的滑塊，減少雜色的數量。這里的參數根據你的需要而確定，如果你想光束較密集，那么保留的雜色不妨多一點。

STEP 04

剩下的雜色就是我們的光束“原點”了，很多人到這里不明白怎么回事，不是說好的是光束么？這里的點狀背景要如何變成線條狀？或者換成這個想法:當一個點以高速運行時，它的運行軌跡就變成直線了。那么，就讓我們來試試和動向有關的動感模糊濾鏡吧。讓我們進入【濾鏡>模糊>動感模糊】，在本案例中你的參數得調到最大，角度為90度，這樣，點狀就變為條狀了。以后你遇到任何想要將點轉換為線條時，可別忘了動感模糊這個濾鏡。

STEP 05

它已經變為條狀了，如何又從條狀變為發散狀呢？這得思考一個濾鏡的原理了——極坐標。極坐標本身是關于牛頓所發明的數學公式，它能提供關于幾何的算法。這里就是利用這種底層的算法來處理圖形的。簡單說，我們只需要了解的部分即是，極坐標濾鏡是和圓有關的，大家可以顧名思義想想地球的“極點”就大概能了解關于這個原理的一些表象。尤其是發散狀的圖像大部分都離不開這個濾鏡。

關于極坐標的應用：《PS教程！手把手教你打造酷炫的專屬星球特效》

好了，回到正題，讓我們進入【濾鏡>扭曲>極坐標】，極坐標的面板參數只有兩個選項，選擇“從平面坐標到極坐標”。

STEP 06

發散狀的光束已經出現了，但還遠沒有達到我們想要的效果是嗎？不用擔心，接下我們來改變這個圖層的混合模式，將雜色層的混合模式改為“濾色”。這時，黑色的部分就被下方的圖層吸收，變為一個漸變的發射光束。

STEP 07

這時如果仍然覺得光束不夠強烈，那么，我們可以再復制雜色層，然后把這個圖層高斯模糊3個像素。保持“濾色”的混合模式不變。

這時我們的背景圖效果就制作完成了。

二、扁平光束

另有一種情況是扁平光束，所謂扁平光束就是用繪圖的方式所畫的光束，通常以純色色塊為主，幾乎無其他修飾。這個光束的制作方式更為簡單，先畫上幾條豎直的矩形。豎條按自己的想法來安排。我在這里就設計為2016的流行色：粉水晶和寧靜藍。

這里需要注意是：

1、矩形條得是柵格化的，用圖形工具所畫的矢量圖形必須經過轉換。

2、矩形條要大于整個畫布，延伸到畫布外延。極坐標濾鏡會改變圖形的邊緣，因此為了讓整個發散狀的光束鋪滿背景，我們要把邊緣“藏”起來。

把所有的條紋都合并一個圖層，執行“極坐標”濾鏡，這樣我們的放射狀扁平光束就一步到位了

后記

當我們學習到一種方法時，我們一定不能僅僅滿足局限于此類效果的制作，而應該在繼續探索下去，既然極坐標有如此神奇的魔力，不妨可以試試用橫向的豎條或者網格，看看會產生什么效果。歡迎有任何疑問均可發郵件到我郵箱討論raysimon@126.com。

【優設十二月最值得閱讀的好文合集】

古龍級別的7種武器！
《大牛推薦！UI設計師工作必備的七個設計神器》

越努力的人未必越優秀：
《走出浮躁！為什么年輕設計師「越努力」未必「越幸運」？》

超應（海南）景的秋天落葉效果：
《PS新手教程！手把手教你繪制蕭瑟的秋天落葉字效》

原文地址：ifeiwu
作者：@飛屋睿UIdesign

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

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