UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程(3)

來源:站酷 作者:楊洋 學(xué)習(xí):10494人次

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

現(xiàn)在我們根據(jù)光線,給扇葉大致推導(dǎo)出扇葉的一個(gè)光影效果,用鋼筆工具鉤出陰影。UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

扇葉陰影2主要分為上面四個(gè)部分。我們圖層命名為扇葉陰影1~4,顏色任意填充。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

把所有扇葉部分的圖層組成一個(gè)群組,并在該群組上面添加一個(gè)蒙版,把下方多余部分的投影給蓋掉。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

接下來,我們把機(jī)身部分的那個(gè)大的圓形扇框復(fù)制兩層,放到最頂層,圖層填充0%,用來給扇框加兩層內(nèi)部投影。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

效果:

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

最后給整個(gè)圖層用漸變工具加一層深色,然后添加一個(gè)蒙版,用柔邊圓畫筆擦掉中間部分。從而做出四周暗中間亮的效果。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

最后的最后,給整個(gè)風(fēng)扇添加一個(gè)放射性的投影和電線。使得整體細(xì)節(jié)方面更細(xì)致,更逼真。

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

圖層樣式參數(shù):

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn

最后的投影我就不說那么詳細(xì)啦,大家自己琢磨吧。^^

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
風(fēng)瘋峰丶2016-09-15 10:23
不是的,那個(gè)扇格我自己琢磨出來了。。。 先畫個(gè)大圓然后ctrl+j復(fù)制然后等比例縮小幾個(gè)后用布爾運(yùn)算做出來的。其實(shí)這點(diǎn)比較重要,作者在這點(diǎn)給跳了過去
photoshop2016-09-15 03:21
扇格就是用路徑工具畫出來,跟畫畫一樣,中間的畫個(gè)圓,扇葉畫一個(gè)就行。
風(fēng)瘋峰丶2016-09-14 05:45
為什么不說扇格!根本做不出來啊!
孫雁2016-01-15 11:42
為什么顏色和教程的顏色有差?不是偏藍(lán)色,而是偏灰色。。。。。。。。。難道是版本的問題?<淚>

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

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