風(fēng)扇圖標(biāo),設(shè)計(jì)擬物風(fēng)扇主題UI圖標(biāo)教程(2)

來源:微博 作者:楊洋-XHM 學(xué)習(xí):14052人次

步驟四:

制作電扇【 圓形扇框2 】:

溫馨提示:用 橢圓工具 (U),該圖層命名為【圓形扇框2】,顏色填充#e2e1e0,注意對(duì)齊中心。

寬度:112 px高度:112 px

賦予【圓形扇框2】光感,制造體積感:

風(fēng)扇圖標(biāo),設(shè)計(jì)擬物風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn
<點(diǎn)圖片看大圖>

溫馨提示:用圖層樣式時(shí),盡量都【不要使用全局光】,

圖層樣式:描邊 大。2px 位置:外部 不透明度:30% 填充類型:漸變 顏色:#535050 ~ #826969 角度:-59°圖層樣式:漸變疊加 模式:正常 樣式:徑向 顏色:#f2eee9 ~ #b4b6bb 角度:103° 縮放:150%圖層樣式:投影 模式:濾色 顏色:#ffffff 不透明度:36% 角度:114° 距離:4px

風(fēng)扇圖標(biāo),設(shè)計(jì)擬物風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟五:

制作電扇【扇格部分】:

溫馨提示:用橢圓工具(U)的描邊來做,粗細(xì)自己定。該圖層命名為【扇格部分】,顏色填充#ffffff

風(fēng)扇圖標(biāo),設(shè)計(jì)擬物風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn
<點(diǎn)圖片看大圖>

賦予【扇格部分】光感,制造體積感:

風(fēng)扇圖標(biāo),設(shè)計(jì)擬物風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn
<點(diǎn)圖片看大圖>

圖層樣式:漸變疊加 模式:正常 樣式:線性 顏色:#323b49 ~ #b9c0c7 角度:-61°圖層樣式:投影 模式:正常 顏色:#f6f0e8 不透明度:45% 角度:90° 距離:1px

風(fēng)扇圖標(biāo),設(shè)計(jì)擬物風(fēng)扇主題UI圖標(biāo)教程_theoat.com.cn
<點(diǎn)圖片看大圖>

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

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

來看看原因2019-12-26 03:18
煒彤 發(fā)表于 2019-12-26 14:43
請(qǐng)問這一步扇格部分是怎么做的?
畫圓形路徑,描邊,然后做選區(qū)擦掉那幾個(gè)缺口
煒彤2019-12-26 02:43
請(qǐng)問這一步扇格部分是怎么做的?

張德帥2017-08-30 06:00
‘’
張德帥2017-08-30 06:00
‘’
張德帥2017-08-30 06:00
‘’
張德帥2017-08-30 05:59
‘’
張德帥2017-08-30 05:59
‘’
張德帥2017-08-30 05:59
‘’
張德帥2017-08-30 05:59
‘ ’
你de笑讓莪心跳2016-12-30 05:49
新人交作業(yè)
你de笑讓莪心跳2016-12-30 05:12
新人交作業(yè)
寒雨2016-11-30 02:26
寒雨2016-11-30 02:11
photoshop2016-11-20 07:55
漂亮

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

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