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

2022-12-26 11:09:22 來源/作者: / 己有:23人學習過

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

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

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

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

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

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

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

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

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

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