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

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

效果:

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

最大的圓形扇框做好以后,我們?cè)儆脵E圓工具畫(huà)一個(gè)455*455的圓形,圖層命名為圓形扇框2,顏色依然填充#e2e1e0。并給它依次添加描邊、漸變疊加、投影三個(gè)圖層樣式。

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

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

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

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

效果:

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

最后,我們來(lái)做機(jī)身部分最麻煩的扇格部分,好吧,你們就假裝這個(gè)東西叫扇格。。。。畫(huà)三個(gè)圓,然后刪除就可以了。

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

添加上去后的效果:

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

畫(huà)好以后顏色填充#e2e1e0,并依次漸變疊加、投影。

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

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

效果:

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

這樣風(fēng)扇機(jī)身部分就已經(jīng)完成啦,接下來(lái),我們做風(fēng)扇的扇葉部分。

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

效果:

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

扇葉的基本型做好以后,依次添加內(nèi)陰影、漸變疊加、投影三個(gè)樣式,并根據(jù)光線(xiàn),給扇葉添加一個(gè)光影效果。

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

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

UI教程,螺旋槳式風(fēng)扇主題UI圖標(biāo)教程_m.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)論
風(fēng)瘋峰丶2016-09-15 10:23
不是的,那個(gè)扇格我自己琢磨出來(lái)了。。。 先畫(huà)個(gè)大圓然后ctrl+j復(fù)制然后等比例縮小幾個(gè)后用布爾運(yùn)算做出來(lái)的。其實(shí)這點(diǎn)比較重要,作者在這點(diǎn)給跳了過(guò)去
photoshop2016-09-15 03:21
扇格就是用路徑工具畫(huà)出來(lái),跟畫(huà)畫(huà)一樣,中間的畫(huà)個(gè)圓,扇葉畫(huà)一個(gè)就行。
風(fēng)瘋峰丶2016-09-14 05:45
為什么不說(shuō)扇格!根本做不出來(lái)。
孫雁2016-01-15 11:42
為什么顏色和教程的顏色有差?不是偏藍(lán)色,而是偏灰色。。。。。。。。。難道是版本的問(wèn)題?<淚>

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

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