如何繪制半透明矢量星球?PS繪制半透明星球矢量圖標(biāo)教程
我要評論這個漸變星球教程中運用了大量的漸變疊加和混合模式的組合，對于漸變色練習(xí)和圖形練習(xí)都有一定好處。這個教程過程非常詳細(xì)，感興趣的朋友一起來學(xué)習(xí)吧。
先看看效果圖
開始吧!
1.新建畫板，我設(shè)置的大小是1024px*768px;
前景色設(shè)置為，用油漆桶點一下填充背景。
2.用橢圓工具
添加一個正圓，大小276px*276px(這個大小只是參考，但是大家一定要采用偶數(shù)直徑，方便后面對齊)，顏色任意(因為這個填充色咱們最后不用它)，為了方面描述命名為“圓-外層”。ctrl+A選中整個畫面，選擇工具，水平、垂直居中。
3.調(diào)節(jié)圓形的圖層樣式
首先，將填充改為0%;添加圖層樣式-漸變疊加，設(shè)置顏色和參數(shù)
這個漸變點進去，設(shè)置兩端的色值，#ff00f6 ;#f000ff;調(diào)節(jié)上面的不透明度，從左到右依次是：
看一下效果圖是不是跟我的差不多就行。
4.選中圖層“圓-外層”
ctrl+J復(fù)制一個圖層，ctrl+T自由變換，按住shift+alt縮小，大小大概為原來的95%(我這里是264*264)，改名為“圓-內(nèi)層”。右擊-清除圖層樣式，得到如圖：
5.給“圓-內(nèi)層”添加樣式：
將填充改為0%;然后添加圖層樣式-漸變疊加，設(shè)置顏色和參數(shù)(怎么有種似曾相識的感覺):
注意這次漸變方向為徑向，而且這個狀態(tài)時鼠標(biāo)在園內(nèi)移動可以改變漸變的位置，注意要讓受光面在左上角處;
右側(cè)色值參考：#660777;
6.復(fù)制“圓-內(nèi)層”(ctrl+J)
去掉圖層樣式，變換大小得到一個大小為原來95%的同心圓(參考步驟4)命名為“液體-1”。
7.非常關(guān)鍵的一步來啦：
繪制水波狀的形狀。首先，選擇小黑工具
點擊圓形選中，在這種狀態(tài)下，選擇矩形工具
按住alt鍵，畫一個矩形(tips：布爾運算：按住alt繪制是減去，按住shift繪制是加上)
再回到小黑，選中矩形調(diào)節(jié)位置，減去圓形的大概小一半(注意不是正好一半)。
按住shift再選中圓
合并形狀組件
選是，得到一個類似于半圓的形狀。
用添加錨點工具
添加三個錨點
用小白工具(直接選擇工具)選擇一個錨點，調(diào)節(jié)位置，注意調(diào)節(jié)的過程中按住shift鍵，保證手柄的方向一直都是水平的
(tips：貝塞爾曲線的繪制技巧——添加新錨點時按住shift鍵，拉出手柄，保證手柄的方向一直是水平或45度斜角，這樣繪制出的曲線會比較平滑。)
同樣的方法調(diào)節(jié)另外兩個錨點
添加漸變疊加
色值參考：左#20f0f2 右#418deb
8.復(fù)制“液體-1”
在其基礎(chǔ)上調(diào)節(jié)錨點得到“液體-2”。
9.重復(fù)第7步
得到“液體-3”(要注意這里減去的矩形要更多啦)，添加漸變疊加。
(從左至右#f429da、 #f400d4、 #f47ffb 、#fcc5ff)
這里單純通過圖層樣式的疊加可能得不到如圖所示的漸變樣式啦，這個時候為們要引入另一種方法。新建一個圖層，放在“液體-3”上面。
按住alt點擊圖層2和液體-3之間的位置，將圖層2剪切進“液體-3”。
雙擊效果-勾選第一個對勾“將內(nèi)部效果混合成組”，去掉第二個對勾，確定。(非常重要，否則我們接下來做的步驟效果就看不出來了。)
再選中新建的透明圖層，選擇畫筆工具
按住ALT鍵點擊“液體-3”上漸變色最淺的地方，前景色就成了淺粉色
將畫筆調(diào)節(jié)為柔和，筆觸放大。
沿著“液體-3”曲線的外側(cè)點擊幾下，注意不要多點，避免顏色太實。
再將前景色顏色改成橙色，
沿著右下角外側(cè)點擊一下，得到如圖：
10.下面我們該繪制高光和反光
回到“圓-內(nèi)層”，復(fù)制一個放在最頂層。填充改為白色，運用布爾運算減去一個大圓，設(shè)置混合模式為疊加，不透明度17%
添加個圖層蒙板，用漸變工具添加一個漸變。反光完成。
11. 高光
總之就是用布爾運算加加減減，直接上步驟吧。
12.到這一步主體終于完成啦!
趁熱打鐵，咬牙做下去。下面我們來做光環(huán)吧。用之前教大家的布爾運算，做一個橢圓形的環(huán)。
漸變疊加。
添加一個圖層蒙版，用漸變工具把后面遮一下，注意不要遮太死，因為我們的星球也是半透明的。
13. 在圖層上右擊，刪格化圖層樣式
將混合模式改成“線性減淡(添加)”，然后ctrl+T，按住shift旋轉(zhuǎn)30度，調(diào)整一下位置。
14. 將剛才的圓環(huán)復(fù)制一層，下移25px。
添加顏色疊加#96015c，混合模式改成正片疊底。填充0%，不透明度13%。
15. 好我們來繪制流星。
用圓角矩形工具添加一個高16，寬138像素的圓角矩形。填充改為0。添加漸變疊加。
16. 刪格化圖層樣式后旋轉(zhuǎn)30度放在合適位置，并復(fù)制一個改變位置。
17. 用同樣的方法做出另外兩個，調(diào)節(jié)透明度(參考50%)，適當(dāng)減弱一下。
18. 添加一個圓(衛(wèi)星)
漸變疊加，注意徑向。調(diào)節(jié)反光位置正好沖著星球。
19. 給上一步的衛(wèi)星添加一個圖層蒙版，用黑色柔光筆在左上角點幾下，如圖。
再將圖層混合模式改成顏色減淡
20.再添加一個圓，漸變疊加：(注意此時圖層填充是0)
21. 終于該畫背景了
這個流動的云形圖最近也是很流行了，直接拿圓角矩形用布爾運算拼就可以，直接上圖：填充色：#230d4e
22. 小星星：
多邊形工具，設(shè)置邊數(shù)為4，星形，縮進邊依據(jù)40%，鼠標(biāo)拖出一個四角星形。
23. 旋轉(zhuǎn)，添加漸變疊加，放到合適的位置。
同樣的辦法再做兩個大小不一樣的。
24. 將上述云和小星星建一個組，復(fù)制組，移到主體星球右邊。將兩個背景組放在主體圖層之下。
看一下整個的圖層:
25. 整體調(diào)節(jié)一下，大功告成!
相關(guān)文章
ps怎么設(shè)計配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計方法
ps怎么設(shè)計配色干凈扁平化按鈕？很多時候我們會看到各種按鈕，想要設(shè)計一款顏色干凈清爽的扁平化按鈕，該怎么操作呢？下面我們就來看看ps按鈕矢量圖的設(shè)計方法，需要的朋友2021-04-08
ps怎么設(shè)計絢麗的光線漩渦海報? ps漩渦矢量圖的設(shè)計方法
ps怎么設(shè)計絢麗的光線漩渦海報？ps中想要設(shè)計一款漩渦海報，該怎么設(shè)計漩渦海報呢？下面我們就來看看ps漩渦矢量圖的設(shè)計方法，需要的朋友可以參考下2021-04-07
PS教程 教你用PS鼠繪矢量風(fēng)格的小貨車圖標(biāo)
本教程主要使用Photoshop繪制藍(lán)色立體效果的小貨車圖標(biāo)，整體的效果主要先使用鋼筆工具勾畫出輪廓，然后在使用圖層樣式來完成效果圖，喜歡的朋友讓我們學(xué)習(xí)吧2021-03-30
ps怎么設(shè)計新聞圖標(biāo)? ps新聞標(biāo)志矢量圖的畫法
ps怎么設(shè)計新聞圖標(biāo)？ps中想要繪制新聞圖標(biāo)，該怎么繪制這個矢量圖形呢？下面我們就看看ps新聞標(biāo)志矢量圖的畫法，需要的朋友可以參考下2021-02-18
ps怎么手繪仙人掌矢量圖? ps中想要制作一個仙人掌，該怎么畫綠色的仙人掌植物呢？下面我們就來看看ps畫卡通仙人掌插畫的技巧，需要的朋友可以參考下2021-01-28
怎么在PS中將矢量形狀轉(zhuǎn)位圖形狀 ps矢量形狀轉(zhuǎn)位圖形狀圖文教程
怎么在PS中將矢量形狀轉(zhuǎn)位圖形狀？ps中導(dǎo)入的是矢量圖，放大縮小的時候，會出現(xiàn)失真的現(xiàn)象，想要將矢量形狀轉(zhuǎn)位圖形狀應(yīng)該如何操作呢？下文中為大家?guī)砹藀s矢量形狀轉(zhuǎn)位圖2020-12-02
怎么用PS繪制矢量圖形 ps創(chuàng)建矢量形狀圖文教程
怎么用PS繪制矢量圖形？在ps中，創(chuàng)建矢量圖形的方法有很多，下文中為大家?guī)砹藀s創(chuàng)建矢量形狀圖文教程。感興趣的朋友不妨閱讀下文內(nèi)容，參考一下吧2020-12-01
ps怎么快速設(shè)計燈泡logo? ps燈泡標(biāo)志矢量圖的做法
ps怎么快速設(shè)計燈泡logo？ps中想要設(shè)計一款燈泡的logo圖形，該怎么設(shè)計呢？下面我們就來看看ps中想ps燈泡標(biāo)志矢量圖的做法，需要的朋友可以參考下2020-11-25
PS如何將文本轉(zhuǎn)矢量文本 PS2019將文字轉(zhuǎn)矢量文字教程
PS2019中如何將文本轉(zhuǎn)矢量文本？將普通文字轉(zhuǎn)換成矢量文字之后，便可對文字進行特殊編輯，可任意拖動，改變文字形狀，下文中為大家?guī)砹薖S2019將文字轉(zhuǎn)矢量文字教程。感興2020-11-20
PS怎么繪制類似翅膀的螺旋圖案？ps中想要設(shè)計一款螺旋翅膀效果的圖案，該怎么畫這個矢量圖呢？下面我們就來看看ps螺旋矢量圖的畫法，需要的朋友可以參考下2020-10-13
