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

UI圖標,設計相機主題UI圖標教程

來源:PS教程自學網(wǎng) 作者:V信2427696951 學習:13605人次

@平面設計-嚴恒: 近來很多小伙伴開始咨詢UI的事情,這里簡單闡述一下,UI其實就是用戶界面設計,通俗一點大家手機所用的APP圖標,例如微信、QQ的軟件圖標也是UI,都是屬于平面設計范疇,當然不僅是軟件圖標,同樣也包括交互設計、聊天界面窗口、動效都是UI設計所需學西的知識。下面為大家簡單演示一下,我們平常所用的手機軟件圖標是如何繪制的?

效果圖預覽一下:相機UI圖標,過程還是比較簡單的,僅僅是用圖層混合模式解決的,注意光和陰影的處理技巧

UI圖標,設計相機主題UI圖標教程_www.theoat.com.cn

Tips:如果你沒有任何基礎建議去跟從我們老師從0開始學,遠程視頻教學,圖文的教程適合有些基礎的學員,同樣只看不做,你永遠也學不會,學習效率自身一定要有一個清楚的認知。百度無法給你解決你都不知道如何描述的問題。

UI圖標,設計相機主題UI圖標教程_www.theoat.com.cn

首先新建一個500*500像素的畫布,快捷鍵ctrl+N,將橫排幾豎排參考系拖至畫布中心形成一個交點,選擇形狀工具-圓角矩形工具 屬性欄半徑我們改為20像素,鼠標放置參考系交

點處,同時按住shift鍵及alt鍵,按住鼠標左鍵向外拖動,按回車鍵確認 這樣就繪制了一個以畫布中心為圓心300*300圓角矩形,填充為白色我們要做光和陰影的關(guān)系,所以我們打開fx圖層混合模式,添加一個投影,具體參數(shù)如下【自己分布合理即可,無需死記硬背】

UI圖標,設計相機主題UI圖標教程_www.theoat.com.cn

UI圖標,設計相機主題UI圖標教程_www.theoat.com.cn

接著,我們再選擇形狀工具-橢圓工具,繪制一個200*200像素的圓角矩形  定勾選從中心,這樣繪制的園也是以畫布中心點為圓心。

學習 · 提示

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

流浪情人2018-03-05 08:18
我的作業(yè):
愛亞如籃球2017-09-12 10:19
哪里可以下載新版PS
PS群5786857132017-09-12 09:35
哪里可以下載新版PS鐖變簹濡傜鐞
鶴影掠寒潭2017-09-12 08:51
好厲害,喜歡
公子叁哥2017-09-11 11:31
樓主威武
覆念舊人2017-09-11 10:21
樓主威武,我來mark一下
高開低走啊2017-09-11 05:13
強大啊
天沒年2017-09-11 10:47
稀飯

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

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