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

2023-11-12 17:42:36 來源/作者: / 己有:1人學(xué)習(xí)過

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

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

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

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

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

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

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

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

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

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

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

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

我們的最終效果:

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