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

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

10.辛辛苦苦到這里,還是有的小小的成就感的吧。。。下面我們?cè)摾L制高光和反光啦,也并不輕松。。。

回到“圓-內(nèi)層”,復(fù)制一個(gè)放在最頂層。填充改為白色,運(yùn)用布爾運(yùn)算減去一個(gè)大圓,設(shè)置混合模式為疊加,不透明度17%

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

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

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

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

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

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

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

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

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

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

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

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

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

12.到這一步主體終于完成啦!趁熱打鐵,咬牙做下去。下面我們來(lái)做光環(huán)吧。用之前教大家的布爾運(yùn)算,做一個(gè)橢圓形的環(huán)。

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

漸變疊加。

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

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

添加一個(gè)圖層蒙版,用漸變工具把后面遮一下,注意不要遮太死,因?yàn)槲覀兊男乔蛞彩前胪该鞯摹?/p>

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

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

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

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

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

14. 將剛才的圓環(huán)復(fù)制一層,下移25px。

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

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

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

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

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

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

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

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

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_www.theoat.com.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è):
賣(mài)燒餅的小土豆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)回答!