當前位置:
首頁 > 創意 > PS教程/酷炫的漸變星球

PS教程/酷炫的漸變星球

圖/文 Glimmer

教程是給新手寫的,其中包括各種基本操作,完全的 PS 小白也能跟著一步步做出來,有基礎的同學可以跳過我的啰嗦。

教程源文件:https://pan.baidu.com/s/1Awxlth6GptTDFn20Mb6A1Q

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%

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

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

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

漸變疊加。

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

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

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

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

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

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

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

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

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

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

20. 再添加一個圓,漸變疊加:(注意此時圖層填充是 0)

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

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

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

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

看一下整個的圖層 :

25. 整體調節一下,大功告成!


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

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

AI教程/手繪咖啡海報
AI教程/粉刷工具圖標

TAG:設計智造 |