下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 扁平風格,如何繪制具有透明感的五彩星球圖片

扁平風格,如何繪制具有透明感的五彩星球圖片

時間:2024-03-08 11:16作者:下載吧人氣:25

本教程中用的漸變疊加和混合模式較多,對于新手也很適合,過程詳細,重點不會一筆帶過,從中體會到用PS的樂趣,感興趣的朋友一起來學習如何繪制這個漸變又具有些許透明感效果的星球圖吧。

先看看效果圖

扁平風格,如何繪制具有透明感的五彩星球圖片
www.16xx8.com

開始吧。

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. 整體調節一下,大功告成!

扁平風格,如何繪制具有透明感的五彩星球圖片
www.16xx8.com

標簽Glimmer,扁平風格,ps鼠繪教程,漸變效果,繪制圖案

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 草莓视频色版在线观看| 久久久影院亚洲精品| 99久久国产宗和精品1上映| 精品少妇人妻av无码久久| 日日碰狠狠添天天爽无码| 国产欧美精品一区二区三区-老狼 国产欧美精品一区二区三区四区 国产欧美精品一区二区三区四区 国产欧美精品一区二区色综合 | 3d无遮挡h肉动漫在线播放| 男人边吃奶边爱边做视频国产| 好男人资源视频在线播放| 全彩acg无翼乌| www夜夜操com| 男人把女人桶爽30分钟动态| 天天摸天天做天天爽天天弄| 人成免费在线视频| 999久久久免费精品国产| 永久免费毛片在线播放| 国产美女a做受大片观看| 亚洲成a人v欧美综合天堂| 巨胸狂喷奶水视频www网站免费| 欧美一级免费看| 最近中文字幕完整国语视频| 国产码欧美日韩高清综合一区| 亚洲av成人一区二区三区| 黄色软件下载链接| 日本丰满岳乱妇中文| 国产V亚洲V天堂A无码| 一级毛片看一个| 特级欧美老少乱配| 国产精品秦先生手机在线| 亚洲一区免费在线观看| 黑人巨大精品欧美一区二区 | 成人无码嫩草影院| 全球全球gogo专业摄影| 99免费在线视频| 欧美影院网站视频观看| 国产成人免费手机在线观看视频 | 色偷偷www8888| 小信的干洗店1~4| 亚洲永久网址在线观看| 色在线免费视频| 无遮挡全彩口工h全彩|