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

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

效果:

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

最大的圓形扇框做好以后,我們再用橢圓工具畫一個455*455的圓形,圖層命名為圓形扇框2,顏色依然填充#e2e1e0。并給它依次添加描邊、漸變疊加、投影三個圖層樣式。

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

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

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

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

效果:

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

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

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

添加上去后的效果:

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

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

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

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

效果:

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

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

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

效果:

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

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

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

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

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

效果如下:

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

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

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

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