PS教程！利用Photoshop制作抽象夢(mèng)幻背景

@伯毅狼 ：和以前一樣，還是在國(guó)外的photoshop網(wǎng)站上學(xué)習(xí)，還是看不懂滿(mǎn)滿(mǎn)的鷹哥來(lái)屎

只能一點(diǎn)一點(diǎn)自己摸索。也不知道對(duì)不對(duì)，如果有朋友看到正確的教程記得喊我一下，我好研究研究，本狼在此先謝謝了。

閑話(huà)少說(shuō)，我們開(kāi)始吧！

作者其他投稿：
PS教程：夢(mèng)幻星空海報(bào)制作
PS教程：創(chuàng)建可愛(ài)的哆啦A夢(mèng)風(fēng)格字體
PS教程：教你制作絢麗的萬(wàn)花筒背景

步驟一：背景制作

我們新建一個(gè)1250×1550（單位：像素），分辨率為72像素/英寸的畫(huà)布，點(diǎn)擊確定。然后用矩形工具拉一個(gè)和畫(huà)布等大的矩形，顏色隨意。添加一個(gè)漸變的圖層樣式：

左色標(biāo)：#053f95，右色標(biāo)：#01122b，效果大概是醬紫的：

是不是很簡(jiǎn)單呢？

步驟二：繪制放射線(xiàn)

新建圖層組，命名為"放射線(xiàn)"，所有的放射線(xiàn)都在這個(gè)組里。其實(shí)這一步也很簡(jiǎn)單的啦，大家可以這么畫(huà)，僅供參考哈！確定好水平線(xiàn)和垂直線(xiàn)之后，畫(huà)左（右）上的線(xiàn)，然后畫(huà)左（右）下的線(xiàn)，然后復(fù)制下，水平翻轉(zhuǎn)，移動(dòng)對(duì)齊就好。至于用什么工具來(lái)畫(huà)，那么大家隨意了。直線(xiàn)工具也好，畫(huà)筆也罷，都行，這不是重點(diǎn)。

復(fù)制這個(gè)圖層組，隱藏原先的，復(fù)制出來(lái)的組轉(zhuǎn)成智能對(duì)象，復(fù)制一次。下面的智能對(duì)象高斯模糊下；上面的智能對(duì)象圖層不透明度為50%

步驟三：繪制三角形

同樣的，新建圖層組，命名為"三角形"，所有的三角形都放在這個(gè)組里

我們用自定義形狀工具來(lái)畫(huà)一個(gè)小小的三角形

嗯，就是這貨。然后效果大概是這樣的（其實(shí)大小隨意了，喜歡就好）：

注意一下，三角形底部的兩個(gè)角和兩根線(xiàn)對(duì)牢：

復(fù)制下這個(gè)圖層，按ctrl+t把三角形放大些，把填充設(shè)置為"無(wú)"，描邊為白色，粗細(xì)大概2個(gè)像素。底部的兩個(gè)角還是和相應(yīng)的線(xiàn)對(duì)牢，之后所有的三角形都要這么做，下文我就不重復(fù)了，但是大家要記牢。效果大概是這樣的：

再?gòu)?fù)制一層，放大點(diǎn)：

再?gòu)?fù)制一層，這次放大一點(diǎn)點(diǎn)就夠了：

再?gòu)?fù)制一層（耐心點(diǎn)，還有好多層呢?。@次放的大一點(diǎn)，然后把描邊弄的粗一點(diǎn)，設(shè)置圖層填充為16%：

再?gòu)?fù)制一層（這幾句話(huà)還會(huì)出現(xiàn)好幾遍，不要煩，耐心點(diǎn)），稍微放大一點(diǎn)。描邊比之前的細(xì)點(diǎn)，設(shè)置圖層填充為70%：

再?gòu)?fù)制一層，這次放大點(diǎn)，可以出畫(huà)，描邊粗一點(diǎn)，設(shè)置圖層填充為16%，然后添加一個(gè)蒙版，從上往下漸隱：

再?gòu)?fù)制一層，縮小一些，和之前的圖層重疊，設(shè)置描邊為2個(gè)像素，添加蒙版，用柔滑邊緣的畫(huà)筆在中間畫(huà)一筆，當(dāng)然也可以用漸變來(lái)做這個(gè)效果，大家喜歡怎么來(lái)怎么做，效果大概這樣：

再?gòu)?fù)制一層，放大一點(diǎn)，添加蒙版，還是用之前的畫(huà)筆，筆觸放大，中間畫(huà)一筆，大概這樣：

再?gòu)?fù)制一層（呼~(yú)~~沒(méi)玩沒(méi)了的復(fù)制終于結(jié)束了），整個(gè)最大的三角形，出畫(huà)，然后圖層不透明度為30%，大概這樣：

這效果總體總算是出來(lái)了，呼~(yú)~~真麻煩……

步驟四：添加光暈

同樣的，新建圖層組，命名為"光暈"，所有的光暈圖層都放在這個(gè)組里。新建圖層，用橢圓工具畫(huà)一個(gè)橢圓的形狀出來(lái)，然后ctrl+t拉伸壓扁變換角度，放在三角形的一邊的腰上，復(fù)制兩層，變換下角度，放在三角形的另一邊和底上，然后高斯模糊下或在屬性面板里羽化下都可以，做出虛化的效果即可，就像這樣：

復(fù)制底部的光暈，調(diào)整下大小和虛化的程度，添加蒙版，把多余的地方掩蓋掉：

然后效果是這樣的：

用同樣的方法，給外層最厚的那個(gè)三角形的兩個(gè)腰也加倆光暈，就像這樣：

新建圖層，設(shè)置圖層不透明度為50%（其實(shí)隨意），設(shè)置前景色為白色，用虛化的筆觸在最小的三角形的中間畫(huà)個(gè)虛化的圓，筆觸可以適當(dāng)?shù)拇?，能蓋住最小的三角形就好：

新建圖層，將圖層填充設(shè)置為0，用橢圓工具畫(huà)一個(gè)大大的正圓或橢圓（隨意啦），給個(gè)漸變疊加的圖層樣式：

色標(biāo)從左到右依次為：#ff4905、#fdfc6b、#60fec7、#00fcfe、#054299；色標(biāo)的位置分別為：0%、25%、50%、75%、100%；效果大概是這樣的：

這個(gè)效果很生硬是不是？表急么，到屬性面板里羽化下就可以啦！或者轉(zhuǎn)成智能對(duì)象高斯模糊下：

覺(jué)得兩邊不夠亮？再加倆光暈唄：

新建圖層，以最小的三角形為中心，再用虛化的筆刷畫(huà)一個(gè)大大的白點(diǎn)，圖層模式為疊加：

新建圖層，筆刷小點(diǎn)，圖層模式為正常，再點(diǎn)一下：

步驟五：調(diào)整

到了這里其實(shí)都做的差不多了，中間光暈不夠的大家可以自行調(diào)節(jié)，方法很簡(jiǎn)單，用柔邊的畫(huà)筆點(diǎn)一下就可以了。保存下（其實(shí)大家要養(yǎng)成隨時(shí)保存的好習(xí)慣），導(dǎo)出一張JPG，然后直接拖進(jìn)來(lái)，會(huì)自動(dòng)轉(zhuǎn)成智能對(duì)象。復(fù)制下，下面的圖層高斯模糊下，半徑5像素左右吧，隨個(gè)人喜好。然后把圖層的不透明度改成60%，把上面的圖層模式改成點(diǎn)光。

看！這就完成了！大家可以隨意調(diào)整，按自己喜歡的來(lái)！

呼~(yú)~~終于寫(xiě)完了，本次探討就到此結(jié)束，如果同學(xué)們有更好的辦法，那么請(qǐng)不吝賜教，本狼一定虛心學(xué)習(xí)。如果有不對(duì)的地方也請(qǐng)告訴我，我好改正，本狼在此先謝謝了。最后做個(gè)小宣傳。

做電商的朋友請(qǐng)加群：285581616

愛(ài)設(shè)計(jì)的朋友請(qǐng)加群：3429044

本狼新浪微博： @伯毅狼

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量65萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：