UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)(2)

來(lái)源:pdadians 作者:P大點(diǎn)S 學(xué)習(xí):26416人次

復(fù)制一層“主體”圖層,更改圖層名為“投影”,將“投影”圖層置于“主體”圖層下層,將圖層填充設(shè)置為0,再添加一個(gè)圖層樣式,我們來(lái)增強(qiáng)一下投影效果。

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

原圖畫的是一個(gè)類似橢圓的形狀,我這里偷懶一下,還是畫的圓角矩形,大小為500X360像素,圓角半徑為130像素,添加一個(gè)圖層樣式。

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

下面,我們創(chuàng)建屏幕,設(shè)置前景色為#b4b097,使用圓角矩形工具,畫一個(gè)大小為420*280像素,圓角半徑為100像素的圓角矩形。

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

為這個(gè)“屏幕”圖層添加一個(gè)圖層樣式。

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_theoat.com.cn

UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)_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)論
xiaoyi2023-07-12 11:23
我的作業(yè):

小叮當(dāng)2023-07-10 02:59
我的作業(yè)

小周小周2019-08-29 04:28
我的作業(yè):
夢(mèng)的翅膀2017-08-03 02:41
下高光還是不太懂怎么弄得姹瘑 的原帖:新手練習(xí)tidy 的原帖:第一個(gè)按鈕下面的高光是添加圖層樣式的內(nèi)陰影 ,調(diào)一下-90度和百分之0的透明度就有了
~ .Pmq2017-05-10 11:19
~ .Pmq2017-05-10 11:05
靈咎2017-03-11 04:35
下高光還是不太懂怎么弄得
汪密2017-03-11 04:03
新手練習(xí)tidy 的原帖:下高光還是不太懂怎么弄得
tidy2016-03-28 11:57
新手練習(xí)
tidy2016-03-28 11:03
新手練習(xí)
獨(dú)影至黃昏2016-01-21 08:10
獨(dú)影至黃昏2016-01-21 08:10
獨(dú)影至黃昏2016-01-21 08:01
獨(dú)影至黃昏2016-01-21 08:01
過(guò)客2016-01-08 04:56

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

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