UI教程,設(shè)計電視機主題UI圖標

2023-11-04 17:38:51 來源/作者: / 己有:2人學(xué)習(xí)過

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

UI教程,設(shè)計電視機主題UI圖標

UI教程,設(shè)計電視機主題UI圖標

UI教程,設(shè)計電視機主題UI圖標

UI教程,設(shè)計電視機主題UI圖標

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

UI教程,設(shè)計電視機主題UI圖標

UI教程,設(shè)計電視機主題UI圖標

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

UI教程,設(shè)計電視機主題UI圖標

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

UI教程,設(shè)計電視機主題UI圖標

我們的最終效果:

UI教程,設(shè)計電視機主題UI圖標