手把手教你用PS繪製炫酷的半透明漸變星球

2017年，五彩斑斕的漸變色是一大熱點。這個漸變星球的圖用到了大量的漸變疊加和混合模式的組合，對於漸變色練習和圖形練習都有一定好處。

教程是給新手寫的，其中包括各種基本操作，完全的PS小白也能跟著一步步做出來，有基礎的同學可以跳過我的啰嗦，直接看圖。（個人覺得小白看這種教程還是比較有用的，畢竟我當初就是這樣學會了很多操作方法）

開始吧！

1.新建畫板，我設置的大小是1024px*768px;

前景色設置為，用油漆桶點一下填充背景。

2.用橢圓工具添加一個正圓，大小276px*276px（這個大小只是參考，但是大家一定要採用偶數直徑，方便後面對齊），顏色任意（因為這個填充色咱們最後不用它），為了方面描述命名為「圓-外層」。ctrl+A選中整個畫面，選擇工具，水平、垂直居中。

3.調節圓形的圖層樣式，首先，將填充改為0%；添加圖層樣式-漸變疊加，設置顏色和參數

這個漸變點進去，設置兩端的色值，#ff00f6 ；#f000ff；調節上面的不透明度，從左到右依次是：

看一下效果圖是不是跟我的差不多就行。

4.選中圖層「圓-外層」，ctrl+J複製一個圖層，ctrl+T自由變換，按住shift+alt縮小，大小大概為原來的95%（我這裡是264*264），改名為「圓-內層」。右擊-清除圖層樣式，得到如圖：

5.給「圓-內層」添加樣式：將填充改為0%；然後添加圖層樣式-漸變疊加，設置顏色和參數（怎麼有種似曾相識的感覺）:

注意這次漸變方向為徑向，而且這個狀態時滑鼠在園內移動可以改變漸變的位置，注意要讓受光面在左上角處；

右側色值參考：#660777；

6.複製「圓-內層」（ctrl+J），去掉圖層樣式，變換大小得到一個大小為原來95%的同心圓（參考步驟4）命名為「液體-1」。

7.非常關鍵的一步來啦：繪製水波狀的形狀。

首先，選擇小黑工具點擊圓形選中，在這種狀態下，選擇矩形工具按住alt鍵，畫一個矩形（tips：布爾運算：按住alt繪製是減去，按住shift繪製是加上

）

再回到小黑，選中矩形調節位置，減去圓形的大概小一半（注意不是正好一半）。

按住shift再選中圓

合併形狀組件

選是，得到一個類似於半圓的形狀。

用添加錨點工具

添加三個錨點

用小白工具（直接選擇工具）選擇一個錨點，調節位置，注意調節的過程中按住shift鍵，保證手柄的方向一直都是水平的（tips：貝塞爾曲線的繪製技巧——添加新錨點時按住shift鍵，拉出手柄，保證手柄的方向一直是水平或45度斜角，這樣繪製出的曲線會比較平滑。）

同樣的方法調節另外兩個錨點

添加漸變疊加

色值參考：左#20f0f2 右#418deb

8.複製「液體-1」，在其基礎上調節錨點得到「液體-2」。

9.重複第7步得到「液體-3」（要注意這裡減去的矩形要更多啦），添加漸變疊加。

（從左至右#f429da、 #f400d4、 #f47ffb 、#fcc5ff）

這裡單純通過圖層樣式的疊加可能得不到如圖所示的漸變樣式啦，這個時候為們要引入另一種方法。新建一個圖層，放在「液體-3」上面。

按住alt點擊圖層2和液體-3之間的位置，將圖層2剪切進「液體-3」。

雙擊效果-勾選第一個對勾「將內部效果混合成組」，去掉第二個對勾，確定。（非常重要，否則我們接下來做的步驟效果就看不出來

了。）

再選中新建的透明圖層，選擇畫筆工具，按住ALT鍵點擊「液體-3」上漸變色最淺的地方，前景色就成了淺粉色將畫筆調節為柔和，筆觸放大。

沿著「液體-3」曲線的外側點擊幾下，注意不要多點，避免顏色太實。

再將前景色顏色改成橙色，沿著右下角外側點擊一下，得到如圖：

10.辛辛苦苦到這裡，還是有的小小的成就感的吧。。。下面我們該繪製高光和反光啦，也並不輕鬆。。。

回到「圓-內層」，複製一個放在最頂層。填充改為白色，運用布爾運算減去一個大圓，設置混合模式為疊加，不透明度17%

添加個圖層蒙板，用漸變工具添加一個漸變。反光完成。

(6.26更新：這裡詳細解釋一下吧，當時說的太籠統

圖層蒙版相當於給當前的圖層加一個透明的膜，然後你可以在這個膜上用黑色或白色（只能是黑色和白色，沒有其他顏色）畫，效果是黑色的部分會擋住原來圖層，白色就是透明的。這裡的黑色和白色你可以用畫筆畫，可以用選區填充，也可以用漸變工具畫。畫出來是什麼形狀，就怎麼遮擋原來的圖層。

我們拿個圖層來實驗一下：

畫一個圓

圖層蒙版工具（在圖層面板下面，添加圖層樣式按鈕右面）

點一下之後圖層會變成：

（白塊是蒙版，外面的白線框住它說明此時選中的是圖層蒙版）

漸變工具

（找不到漸變工具的，找油漆桶，右擊，切換）

點擊漸變工具後,前後景色會自動切換成黑白

窗口左上角是這樣的，後面的選項是選擇漸變類型，這裡選的是線形漸變

沿著箭頭方向拉一下（按住shift是垂直的）

變成這樣：

此時圖層是這樣的，黑色的把圓擋了，而且黑色越淡，擋的越少。

假如我們用矩形選區來擋呢？

圖層蒙版是不是很好用！快去試試吧！

)

11. 高光。。。這個真不好講，總之就是用布爾運算加加減減，直接上步驟吧。

（更新：評論區網友提示，這裡有個簡單的辦法，用描邊畫然後添加和刪除錨點。

去掉填充，描邊白色，寬度為6

用添加錨點工具添加幾個錨點（添加的時候想著高光留多長，該添加幾個）

把不要的錨點刪除

改變端點樣式

成功！

這個辦法好處是添加的時候比較便捷，缺點是不太好調整，比如你添完發現有點短了，再想加長，只能重新來了。所以做的時候第一個畫好的圓先複製一個保留著，萬一修改不用重新畫了。）

12.到這一步主體終於完成啦！趁熱打鐵，咬牙做下去。下面我們來做光環吧。用之前教大家的布爾運算，做一個橢圓形的環。

漸變疊加。

添加一個圖層蒙版，用漸變工具把後面遮一下，注意不要遮太死，因為我們的星球也是半透明的。

13. 在圖層上右擊，刪格化圖層樣式，將混合模式改成「線性減淡（添加）」，然後ctrl+T，按住shift旋轉30度，調整一下位置。

14. 將剛才的圓環複製一層，下移25px。

添加顏色疊加#96015c，混合模式改成正片疊底。填充0%，不透明度13%。

15. 好我們來繪製流星。用圓角矩形工具添加一個高16，寬138像素的圓角矩形。填充改為0。添加漸變疊加。

16. 刪格化圖層樣式後旋轉30度放在合適位置，並複製一個改變位置。

17. 用同樣的方法做出另外兩個，調節透明度（參考50%），適當減弱一下。

18. 添加一個圓（衛星），漸變疊加，注意徑向。調節反光位置正好沖著星球。

（更新：這裡有的同學調不出來漸變，是因為不知道一個操作：在圖層樣式——漸變這個窗口開著的時候，滑鼠在圖層上滑動，是可以拖拽漸變的。如下圖，現在高光在右上

我可以拽到這

到這

到這

甚至把高光拽出這個圓！

這樣是不是就懂了？

第23步給星星添加漸變看不見效果的，也是這個原理。）

19. 給上一步的衛星添加一個圖層蒙版，用黑色柔光筆在左上角點幾下，如圖。

再將圖層混合模式改成顏色減淡

20.再添加一個圓，漸變疊加：（注意此時圖層填充是0）

21. 終於該畫背景了，這個流動的雲形圖最近也是很流行了，直接拿圓角矩形用布爾運算拼就可以，直接上圖：填充色：#230d4e

22. 小星星：多邊形工具，設置邊數為4，星形，縮進邊依據40%，滑鼠拖出一個四角星形。

23. 旋轉，添加漸變疊加，放到合適的位置。同樣的辦法再做兩個大小不一樣的。

24. 將上述雲和小星星建一個組，複製組，移到主體星球右邊。將兩個背景組放在主體圖層之下。

看一下整個的圖層:

25. 整體調節一下，大功告成！

後記：後面的一些漸變色我都沒有給色值，直接給了截圖，大家可以看著截圖調節顏色，不要過於依賴色值，畢竟做設計，調色是繞不過去的。

我不是機器人，各位可以留言互動

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！