PS教程！漸變風(fēng)格夢幻星球圖標(biāo)

光影感超棒的漸變星球圖標(biāo)，你值得擁有！

如果你想要和教程作者有更深入的交流，可以加優(yōu)優(yōu)教程網(wǎng)的官方交流群哦，qq群號282706954，這里有很多志同道合的小伙伴在等你哦～

?

教程步驟

步驟 01

打開PS，ctrl+n新建一個800*600px的畫布，分辨率72

?

步驟 02

雙擊解鎖背景圖層，任意填充一個顏色，在圖層樣式中選擇漸變疊加，修改背景圖層樣式（泡泡演講稿 Www.popo666.COM）

?

步驟 03

背景層漸變疊加的參數(shù)如下：混合模式正常，不透明度100%，樣式線性，角度-90，漸變填充色值為：#04004d～#0a001b

如果你對ps圖層樣式還不太了解，那就來跟著肥子老師學(xué)習(xí)一下叭 >>?PS自學(xué)手冊！NO.12 圖層樣式

?

步驟 04

鎖定背景圖層，防止做圖過程中不小心拖動。選中圓角矩形工具，在畫布中心雙擊，創(chuàng)一個400*400px，圓角大小為100px的圓角矩形，重命名為底板

?

步驟 05

選中底板圖層，填充任意顏色，添加圖層樣式-漸變疊加，混合模式正常，樣式角度，角度-145，色值#ffc62e~#a62ee4~#3a2ee4~#f626da~#ffc62e

?

角度漸變還可以做什么效果？來看看這個教程 >>?PS教程！教你用角度漸變制作一個X極簡海報

除了PS，原來AI也有角度漸變！>>?AI入門教程！酷炫角度漸變背景繪制

?

步驟 06

6.1 選中橢圓工具，創(chuàng)建一個400*400px的正圓

6.2 按住ctrl鍵點擊底板縮略圖，獲取底板的選區(qū)，然后讓圓1和底板水平、居中對齊

6.3 將圓1的填充調(diào)為0，添加圖層樣式-漸變疊加，混合模式線性減淡，不透明度43%，角度-180，填充漸變色值#ffffff（40%）～#ffffff（0%）

?

步驟 07

7.1 復(fù)制圓1得到圓2，在屬性窗口調(diào)整圓2的大小為330*330px，同樣獲取圓1的選區(qū)，保證圓2與圓1水平、居中對齊

7.2 修改圓2的漸變屬性，混合模式顏色減淡，不透明度61%，樣式徑向，角度-180，修改圓2的漸變色值為：#ffffff（34%）～#ffffff（0%）

?

步驟 08

8.1 復(fù)制圓2得到圓3，在屬性窗口調(diào)整圓3的大小為266*266px

8.2 修改圓3的漸變屬性，混合模式線性減淡，不透明度66%，樣式徑向，角度-180，漸變色值為：#ffffff（100%）～#ffffff（10%）

步驟 09

9.1 復(fù)制圓3得到圓4，在屬性窗口調(diào)整圓4的大小為226*226px，將圓4的填充改為100%

9.2 添加圖層樣式漸變疊加，混合樣式正常，不透明度100%，樣式線性，角度-50，漸變色值為：#000450~#820092

?

步驟 10

10.1 將前景色改為黑色（#000000），選中圓4圖層，添加圖層蒙版，在選中圖層蒙版的狀態(tài)下，利用多邊形套索工具勾選出多個不規(guī)則的三角形，填充黑色

10.2 再選取硬邊緣畫筆工具，沿著圓的邊緣進行不規(guī)則的曲線涂抹，得到如下效果圖

?

步驟 11

11.1 復(fù)制圓4得到圓5，在屬性窗口修改圓5大小為142*142px，將圓5填充顏色改為#faebfc

11.2 點擊下方圖層樣式按鈕，給圖5添加外發(fā)光效果，混合模式線性減淡，不透明度78%，外發(fā)光色值為#fc5fc，大小38px

?

步驟 12

12.1 復(fù)制圓5得到圓6，在屬性窗口修改圓6大小為100*100px，將圓6的填充色值改為#ffffff

12.2 給圓6添加外發(fā)光效果，混合模式正常，不透明度100%，外發(fā)光色值為#ffffff，大小38px

?

步驟 13

13.1 給畫面中心新建兩條參考線（400，300），利用鋼筆工具繪制如下圖的放射性形狀，填充白色（#ffffff）

13.2 添加圖層樣式-漸變疊加，混合模式-線性減淡，不透明度100%，樣式徑向，角度-180，漸變色值為：#ffffff（53%）～#ffffff（0%）

想要生成網(wǎng)格參考線？1個插件就搞定?>> 超實用！參考線插件 GuideGuide 一鍵生成網(wǎng)格系統(tǒng)（PS+AI）

?

步驟 14

14.1 利用橢圓工具繪制圓7，大小48*48培訓(xùn)，填充顏色#a53ab0，放置于參考圖的位置

14.2 添加圖層樣式-投影，混合模式-變亮，不透明度32%，角度-139，距離6px，大小6px，投影填充顏色為#ffffff

?

步驟 15

15.1 復(fù)制圓7得到圓8，將圓8向上向右各移動5px，選中圓8按住alt鍵向圓7做剪切蒙版

15.2 給圓8添加圖層樣式-漸變疊加，混合模式正常，不透明度100%，樣式線性，角度150，漸變填充色值為：#5e0f6e~#0f0d4c

?

步驟 16

16.1 復(fù)制底板圖層，重命名為底板發(fā)光，在底板發(fā)光層的屬性窗口-蒙版，調(diào)整羽化的大小為20px

16.2 修改底板發(fā)光層的漸變疊加樣式，混合模式正常，不透明度100%，樣式角度，角度130，漸變色值調(diào)整為：#5f31ec～#fa32df～#5f31ec

?

步驟 17

17.1 利用橢圓工具繪制多個2～5px大小的正圓，分別填充不同的色值來豐富畫面。

17.2 白色圓點點綴：#ffffff；粉色圓點點綴：#fd966e9；黃色圓點點綴：#fffa7c；紫色圓點點綴：#5435ee

?

步驟 18

18.1 利用直線段工具繪制連接線，連接部分圓點

18.2 白色連接線：#ffffff；粉色連接線：#d966e9；黃色連接線：#5435ee；

18.3 給各個連接線圖層添加蒙版，選用黑色柔邊半透明畫筆擦拭連接線的兩端，營造出漸變線的效果

?

最終效果

?

【優(yōu)優(yōu)教程網(wǎng) 365 打卡計劃】

點擊?#優(yōu)設(shè)每日作業(yè)#?進入微博超話頁面，上傳并發(fā)布你的練習(xí)作業(yè)，話題微博格式【 優(yōu)優(yōu)教程網(wǎng)365打卡計劃 – DAY 01 】，優(yōu)秀作業(yè)將有機會被?@優(yōu)優(yōu)教程網(wǎng)?官方微博轉(zhuǎn)發(fā)點評。每天做練習(xí)，成長不停息！

還想學(xué)習(xí)更多夢幻漸變效果？

千萬別錯過以下教程喔！

>> AI教程！教你繪制扁平風(fēng)格漸變場景插畫

>>?AI教程！教你繪制夢幻星球