@平面設(shè)計(jì)-嚴(yán)恒： 近來(lái)很多小伙伴開(kāi)始咨詢(xún)UI的事情，這里簡(jiǎn)單闡述一下，UI其實(shí)就是用戶(hù)界面設(shè)計(jì)，通俗一點(diǎn)大家手機(jī)所用的APP圖標(biāo)，例如微信、QQ的軟件圖標(biāo)也是UI，都是屬于平面設(shè)計(jì)范疇，當(dāng)然不僅是軟件圖標(biāo)，同樣也包括交互設(shè)計(jì)、聊天界面窗口、動(dòng)效都是UI設(shè)計(jì)所需學(xué)西的知識(shí)。下面為大家簡(jiǎn)單演示一下，我們平常所用的手機(jī)軟件圖標(biāo)是如何繪制的？

效果圖預(yù)覽一下：相機(jī)UI圖標(biāo)，過(guò)程還是比較簡(jiǎn)單的，僅僅是用圖層混合模式解決的，注意光和陰影的處理技巧

Tips：如果你沒(méi)有任何基礎(chǔ)建議去跟從我們老師從0開(kāi)始學(xué)，遠(yuǎn)程視頻教學(xué)，圖文的教程適合有些基礎(chǔ)的學(xué)員，同樣只看不做，你永遠(yuǎn)也學(xué)不會(huì)，學(xué)習(xí)效率自身一定要有一個(gè)清楚的認(rèn)知。百度無(wú)法給你解決你都不知道如何描述的問(wèn)題。

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

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

接著，我們?cè)龠x擇形狀工具-橢圓工具，繪制一個(gè)200*200像素的圓角矩形  定勾選從中心，這樣繪制的園也是以畫(huà)布中心點(diǎn)為圓心。