UI教程,設(shè)計(jì)電視機(jī)主題UI圖標(biāo)
復(fù)制一層“屏幕”圖層,轉(zhuǎn)智能對(duì)象,添加一個(gè)雜色,并將圖層混合模式更改為“柔光”。
用兩個(gè)屏幕的那個(gè)圓角矩形相減,得到我們需要的屏幕下部的高光形狀,將這個(gè)形狀的顏色設(shè)置為#eaead2,在屬性面板中設(shè)置一個(gè)1像素的羽化,并將圖層混合模式更改為“柔光”,不透明度34%。
設(shè)置前景色為#eaead2,用屏幕的那個(gè)圓角矩形和一個(gè)橢圓相交,得到我們需要的屏幕頂部的高光形狀,同樣的將圖層混合模式更改為“柔光”,不透明度34%,并添加一個(gè)圖層蒙版,適當(dāng)?shù)牟潦米笥覂蓚?cè)。
下面,我們來制作按紐,設(shè)置前景色為#b4b097,畫一個(gè)正圓,并添加一個(gè)圖層樣式。
標(biāo)簽(TAG) UI設(shè)計(jì)教程 P大點(diǎn)S ps網(wǎng)頁設(shè)計(jì) UI圖標(biāo) UI教程 電視機(jī)