UI教程，設(shè)計電視機主題UI圖標(4)

來源：pdadians 作者：P大點S 學(xué)習(xí)：26416人次

設(shè)置前景色為#d9d0ca，畫一個小一點的圓，并添加一個圖層樣式。

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

復(fù)制一層“按紐”圖層，更改圖層名為“投影”，將圖層填充設(shè)置為0，再添加一個圖層樣式，我們來增強下投影效果。

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

選擇住按紐的這三個圖層，CTRL+G，創(chuàng)建圖層組，命名為“按紐1”，復(fù)制圖層組，得到四個按紐，最右側(cè)的一個按紐，我將顏色更改了，這里不再給參數(shù)了，如果你不懂得如何改，那么你看教程就是只是單純的看，并沒有真正的理解。真不會的話，下載我們的PSD看看。

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

最后我添加了我們P大點S的LOGO和圖標，設(shè)置了一個內(nèi)陰影和投影，這個圖層樣式太經(jīng)常用到了，我們的教程里太經(jīng)常看到了，這里就不說了。

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

我們的最終效果：

UI教程，設(shè)計電視機主題UI圖標_www.theoat.com.cn

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

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

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

小周小周2019-08-29 04:28
我的作業(yè)：
夢的翅膀2017-08-03 02:41
下高光還是不太懂怎么弄得姹瘑 的原帖：新手練習(xí)tidy 的原帖：第一個按鈕下面的高光是添加圖層樣式的內(nèi)陰影 ，調(diào)一下-90度和百分之0的透明度就有了
～ ．Ｐｍq2017-05-10 11:19
～ ．Ｐｍq2017-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í)
獨影至黃昏2016-01-21 08:10
獨影至黃昏2016-01-21 08:10
獨影至黃昏2016-01-21 08:01
獨影至黃昏2016-01-21 08:01
過客2016-01-08 04:56

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

網(wǎng)友求助，請回答！