當前位置：首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

UI教程，設計不銹鋼質(zhì)感的ICON圖標(7)

來源：網(wǎng)絡 作者：P大點S 學習：22874人次

OK，完成了LOGO的添加，我們最后來添加左右兩側的那兩個線狀的東西。設置前景色為#1f1f1f，畫一個矩形。

UI教程，設計不銹鋼質(zhì)感的ICON圖標_tgudhdp.cn

為這個矩形添加一個圖層樣式。

UI教程，設計不銹鋼質(zhì)感的ICON圖標_tgudhdp.cn

復制一層矩形圖層，清除掉圖層模式，重新添加一個圖層樣式。

UI教程，設計不銹鋼質(zhì)感的ICON圖標_tgudhdp.cn
UI教程，設計不銹鋼質(zhì)感的ICON圖標_tgudhdp.cn

現(xiàn)在效果如下，右邊的線直接把左邊的復制過去就行了。

UI教程，設計不銹鋼質(zhì)感的ICON圖標_tgudhdp.cn

大功告成！

UI教程，設計不銹鋼質(zhì)感的ICON圖標_tgudhdp.cn

部分作業(yè)展示：

UI教程，設計不銹鋼質(zhì)感的ICON圖標_tgudhdp.cnUI教程，設計不銹鋼質(zhì)感的ICON圖標_tgudhdp.cn

學習 · 提示

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

關注大神微博加入>>

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