扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片(2)

來(lái)源:UI中國(guó) 作者:Glimmer 學(xué)習(xí):26629人次

7.非常關(guān)鍵的一步來(lái)啦:繪制水波狀的形狀。

首先,選擇小黑工具

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

點(diǎn)擊圓形選中,在這種狀態(tài)下,選擇矩形工具

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

按住alt鍵,畫(huà)一個(gè)矩形(tips:布爾運(yùn)算:按住alt繪制是減去,按住shift繪制是加上

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

再回到小黑,選中矩形調(diào)節(jié)位置,減去圓形的大概小一半(注意不是正好一半)。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

按住shift再選中圓

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

合并形狀組件

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

選是,得到一個(gè)類似于半圓的形狀。

用添加錨點(diǎn)工具

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

添加三個(gè)錨點(diǎn)

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

用小白工具(直接選擇工具)選擇一個(gè)錨點(diǎn),調(diào)節(jié)位置,注意調(diào)節(jié)的過(guò)程中按住shift鍵,保證手柄的方向一直都是水平的

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

(tips:貝塞爾曲線的繪制技巧——添加新錨點(diǎn)時(shí)按住shift鍵,拉出手柄,保證手柄的方向一直是水平或45度斜角,這樣繪制出的曲線會(huì)比較平滑。)

同樣的方法調(diào)節(jié)另外兩個(gè)錨點(diǎn)

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

添加漸變疊加

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

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

8.復(fù)制“液體-1”,在其基礎(chǔ)上調(diào)節(jié)錨點(diǎn)得到“液體-2”。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

9.重復(fù)第7步得到“液體-3”(要注意這里減去的矩形要更多啦),添加漸變疊加。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

(從左至右#f429da、 #f400d4、 #f47ffb 、#fcc5ff)

這里單純通過(guò)圖層樣式的疊加可能得不到如圖所示的漸變樣式啦,這個(gè)時(shí)候?yàn)閭円肓硪环N方法。新建一個(gè)圖層,放在“液體-3”上面。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

按住alt點(diǎn)擊圖層2和液體-3之間的位置,將圖層2剪切進(jìn)“液體-3”。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

雙擊效果-勾選第一個(gè)對(duì)勾“將內(nèi)部效果混合成組”,去掉第二個(gè)對(duì)勾,確定。(非常重要,否則我們接下來(lái)做的步驟效果就看不出來(lái)了。)

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

再選中新建的透明圖層,選擇畫(huà)筆工具

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

,按住ALT鍵點(diǎn)擊“液體-3”上漸變色最淺的地方,前景色就成了淺粉色

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

將畫(huà)筆調(diào)節(jié)為柔和,筆觸放大。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

沿著“液體-3”曲線的外側(cè)點(diǎn)擊幾下,注意不要多點(diǎn),避免顏色太實(shí)。

再將前景色顏色改成橙色,

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

沿著右下角外側(cè)點(diǎn)擊一下,得到如圖:

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
昨天總是走遠(yuǎn)2021-10-27 05:47
我的作業(yè):有學(xué)習(xí)到,謝謝分享!

1537965792021-10-26 09:58
謝謝老師的分享。
漢彩2021-10-25 08:45
我的作業(yè):布爾運(yùn)算要多練。

hey2018-03-26 10:23
為什么有那種把關(guān)鍵步驟省略的感覺(jué)?
子所不語(yǔ)2017-11-14 11:44
學(xué)習(xí) 教程,感謝大神傳教程我的作業(yè):
賣燒餅的小土豆2017-11-04 10:28
什么鬼啊,完全看不懂?
張公杍2017-11-04 05:11
受益匪淺,感謝分享。
勿拾草2017-11-04 02:59
學(xué)習(xí),怎么看也看不懂
liangzaizai12017-11-04 07:18
學(xué)習(xí)下
羅納尓哆啦A夢(mèng)2017-11-04 06:50
看下啦~~~~~~~~~
封印miss2017-11-04 01:09
簽到

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!