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

運(yùn)用圖層樣式設(shè)計(jì)出來的圖標(biāo)，效果挺好看的，提供了PSD文件，適合新手學(xué)習(xí)，喜歡的可以練習(xí)一下。做完交作業(yè)。

這里再次強(qiáng)調(diào)一點(diǎn)，圖層樣式中的參數(shù)設(shè)置是對應(yīng)其相應(yīng)圖層的，受圖層大小尺寸影響，在不同尺寸下，效果呈現(xiàn)是不同的。

比如說，同樣一個5像素的描邊的圖層樣式，在10像素的圓和100像素的圓下，其表現(xiàn)效果肯定是不一樣的。

所以，四個字：活學(xué)活用。

源文件鏈接：http://pan.baidu.com/s/1qW06AGs 密碼：kfbm

首先，我們看看原圖，一個400*300的小圖。

新建一個1000*800的文檔，添加一個漸變調(diào)整層，做一個#b4b097到#4e473a的90度的徑向漸變，設(shè)置縮放為150%，勾選仿色，防止出現(xiàn)色塊。

我想大家一定很好奇，我的截圖徑向漸變中的淺色為何不居中，而是位于中部居上，看我們的GIF演示。

在漸變填充的狀態(tài)下，我們把鼠標(biāo)指針放置到屏幕上，出現(xiàn)那個移動工具的圖標(biāo)時，我們拖動，漸變的位置也跟著動，這一個操作方法，在圖層樣式中一樣可用。

使用圓角矩形工具畫一個600*600像素的圓角矩形，設(shè)置圓角為140像素，設(shè)置水平居中，垂直居中。

我將這個圓角矩形命名為“主體”，并為其添加了一個圖層樣式。