UI教程，ps設(shè)計音樂主題UI圖標實例(7)

教程教大家怎么樣設(shè)計出一個音樂主題的圖標，教程不難，有一點基礎(chǔ)應(yīng)該也能看的懂，想學(xué)的同學(xué)就跟著教程一起練練手吧，記得做完交作業(yè)。

最終效果圖：

新建一個600*600畫布。

來個白到灰的徑向漸變。

橢圓工具畫個300*300的圓。

直接選擇工具選中這兩個點。

右鍵，自由變換點，在箭頭標注的W位置輸入80。

重復(fù)上一步驟，選中上面兩個點，在H位置輸入80。

居中下，調(diào)整下大小自己感覺合適即可。

給調(diào)整好的圓角矩形添加圖層樣式，投影，漸變疊加。內(nèi)陰影，斜面浮雕。

調(diào)整圖層樣式后的圓角矩形變的更有立體感。

畫一個圓大小自定，用漸變疊加調(diào)處金屬質(zhì)感。

接著添加斜面浮雕和投影。

再畫一個圓。

添加圖層樣式，先來個漸變疊加。

投影，內(nèi)陰影，斜面浮雕。

調(diào)整后的效果：

ok，這一步來教同學(xué)做光碟上的拉絲效果，使它更為逼真，新建圖層，拉個圓形套索，填充白色。

濾鏡添加雜色。

濾鏡徑向模糊。

剪輯蒙版。

(有同學(xué)反映插入后就不見了，方法是：調(diào)出圓形的圖層樣式，混合選項里，勾上“將內(nèi)部效果混合成組”勾選掉，把剪貼圖層混合成組。就ok了)

模式改為疊加，調(diào)整不透明度。

這樣拉絲效果就出現(xiàn)了，也更加逼真點。

再畫個圓形添加漸變疊加。

把拉絲圖層拷貝出來，剪進去，透明度調(diào)低點，給它也添加拉絲效果。

再畫一個圓形填充紅色。

添加圖層樣式，投影，內(nèi)陰影(參數(shù)可自己調(diào)整)。

拷貝拉絲圖層剪輯進去。

再畫一個圓形，填充淡紅色，也添加拉絲效果，即有倆紅色圓形。

再畫個小圓形填充白色。

添加投影，內(nèi)陰影。

畫個白色小圓放在這個位置，來做支架。

添加漸變疊加和斜面浮雕。

畫個白色小圓，添加一像素描邊，

支架部分很簡單，同學(xué)們試著去做下，全都是用形狀工具做的。

搞定后最終效果：