UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

2023-12-08 17:30:24 來源/作者: / 己有:0人學(xué)習(xí)過

設(shè)置前景色為#d9d0ca,畫一個小一點的圓,并添加一個圖層樣式。

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

復(fù)制一層“按紐”圖層,更改圖層名為“投影”,將圖層填充設(shè)置為0,再添加一個圖層樣式,我們來增強(qiáng)下投影效果。

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

選擇住按紐的這三個圖層,CTRL+G,創(chuàng)建圖層組,命名為“按紐1”,復(fù)制圖層組,得到四個按紐,最右側(cè)的一個按紐,我將顏色更改了,這里不再給參數(shù)了,如果你不懂得如何改,那么你看教程就是只是單純的看,并沒有真正的理解。真不會的話,下載我們的PSD看看。

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

最后我添加了我們P大點S的LOGO和圖標(biāo),設(shè)置了一個內(nèi)陰影和投影,這個圖層樣式太經(jīng)常用到了,我們的教程里太經(jīng)??吹搅?,這里就不說了。

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)

我們的最終效果:

UI教程,設(shè)計電視機(jī)主題UI圖標(biāo)