當(dāng)前位置：首頁(yè) > 游戲UI教程 > [游戲UI教程]適合新手看的平面UI設(shè)計(jì)

[游戲UI教程] 適合新手看的平面UI設(shè)計(jì)

2021-12-28

　　適合新手看的平面UI設(shè)計(jì)


　　上面幾期已經(jīng)簡(jiǎn)單講過(guò)如何實(shí)際操作，本期就來(lái)講一講怎么進(jìn)行簡(jiǎn)單的平面UI設(shè)計(jì)吧。


        這節(jié)名動(dòng)小課主要講解了平面UI設(shè)計(jì)的知識(shí)，UI設(shè)計(jì)要注重哪些小技巧呢？熱愛(ài)平面UI設(shè)計(jì)的你千萬(wàn)不能錯(cuò)過(guò)這個(gè)免費(fèi)、線上課程哦！點(diǎn)擊視頻，即刻觀看！

 
        一、平面UI設(shè)計(jì)
 
        UI設(shè)計(jì)小技巧，運(yùn)用PS-2015CC 進(jìn)行設(shè)計(jì)操作，關(guān)于圖標(biāo)，彌散陰影效果的設(shè)計(jì)。
 
        （1）第一種方法。在建好圖層上，用圓角矩形工具畫(huà)一個(gè)圓角矩形，填充亮度高一些的顏色；接著復(fù)制該圖層，命名為陰影，CTRL+T調(diào)整縮放圖層，接著使用窗口-屬性-蒙版-羽化-調(diào)整羽化數(shù)值-減低透明度。這樣既不便可獲得彌散陰影的效果。
 


 
        （2）第二種方法。為UI界面添加彌散陰影，包裝自己的作品，首先，準(zhǔn)備好要添加效果的圖像；復(fù)制該圖層，命名為陰影，CTRL+T，調(diào)整大小縮放圖層；打開(kāi)PS中菜單欄-濾鏡-轉(zhuǎn)化為智能濾鏡-濾鏡-高斯模糊，降低透明度，使畫(huà)面更清新、賞心悅目。
 

 
        （3）第三種方法。多個(gè)按鈕操作。選好需要添加效果的圖像，打開(kāi)圖層一其混合選項(xiàng)-投影-顏色修改為按鈕顏色-設(shè)置投影距離和大小，角度為90°；接著將設(shè)置到的圖層樣式，按右鍵拷貝圖層樣式，在選擇另外兩個(gè)需要同樣樣式的圖標(biāo)圖層，右鍵-粘貼圖層樣式；圖層一的效果就會(huì)在另外兩個(gè)圖層顯示，雙擊圖層二圖層樣式，改變投影顏色；圖層三同上操作方法。
 

 
        熟練這些學(xué)習(xí)運(yùn)用結(jié)合實(shí)際操作，你也可以成為大神！大家可以在以上在線課程中觀看詳細(xì)步驟哦。

 
        二、總結(jié)
 

        今天的名動(dòng)小課主要講了平面UI設(shè)計(jì)中，彌散陰影效果的應(yīng)用。大家想學(xué)習(xí)更多PS、AE、UI設(shè)計(jì)或者更多的CG繪畫(huà)技巧，關(guān)注名動(dòng)漫的官方網(wǎng)站，更多免費(fèi)軟件教程、線上原畫(huà)課程、動(dòng)漫繪畫(huà)網(wǎng)絡(luò)教程、在線漫畫(huà)插畫(huà)課程等著你！


　　好啦，今天介紹的適合新手看的平面ＵＩ設(shè)計(jì)教程就到這里了，想了解更多繪畫(huà)相關(guān)知識(shí)， 請(qǐng)收藏名動(dòng)漫網(wǎng)站/可以在線咨詢(xún)下方的課程顧問(wèn)小姐姐，第一時(shí)間了解最新的課程優(yōu)惠政策。