Photoshop繪製半透明風格的星球效果圖
本教程主要使用Photoshop繪製時尚半透明風格的星球效果,五彩斑斕的漸變色是一大熱點。這個漸變星球的圖用到了大量的漸變疊加和混合模式的組合,對於漸變色練習和圖形練習都有一定好處。這個教程過程非常詳細,感興趣的朋友一起來學習吧。
先看看效果圖
首先聲明:圖片是我在素材網站上看到的,本人對圖片不具有原創權。教程是我自己寫的,大小、色值等各種參數,都只是提供參考,做的過程中多嘗試,也許會有更好方案。這個教程的目的也是鼓勵大家多學習,多嘗試。
教程是給新手寫的,其中包括各種基本操作,完全的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%
添加個圖層蒙板,用漸變工具添加一個漸變。反光完成。
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. 整體調節一下,大功告成!
友情平台
平台自營微店


※Photoshop製作復古風格的CRT顯示器故障效果
※Photoshop製作中國風古典主題工筆畫人像效果
※Photoshop設計由雲朵雲彩組成的創意飛鷹
※Photoshop巧用濾鏡製作水彩風格人像照片
※Photoshop調出夢幻柔美光效的美女人像
TAG:學習PS |
※Photoshop設計透明風格的藍色泡泡
※Photoshop繪製卡通風格的綠烏龜
※Photoshop設計時尚的明星抖音風格海報
※Photoshop繪製立體風格的餅乾主題圖標
※Photoshop繪製極簡風格的插畫作品
※Photoshop合成復古風格的二次曝光效果
※Photoshop繪製卡通風格的城市背景
※Photoshop繪製復古風格的果汁瓶子插畫
※Photoshop繪製卡通風格的太空狗插畫
※Photoshop繪製漸變風格的流光類插畫
※Photoshop快速製作藍色風格的線條背景圖
※Photoshop製作簡約漸變風格的插畫
※硬派科幻風格!adidas Futurepacer Boost 上腳效果如何?
※Illustrator繪製MEB風格的人像插圖
※Nvidia 圖片風格轉換工具——FastPhotoStyle
※Photoshop製作復古風格的3D海報字體
※Apple Watch 也會有 AirPods 風格的充電盒?
※Photoshop繪製立體風格的C4D軟體圖標
※Photoshop製作絢麗風格的霓虹字教程
※Photoshop調出復古風格的人像剪影主題效果