相機(jī)圖標(biāo)，用UI制作簡單的彩虹相機(jī)圖標(biāo)(4)

本篇教程通過UI制作一款簡單的彩虹相機(jī)圖標(biāo)，制作過程比較簡單，新接觸UI的同學(xué)們一樣可以來做一下，期間會(huì)用到圖層樣式來制作，整個(gè)制作完成下來會(huì)很漂亮，同學(xué)們一起來練習(xí)一下吧。

效果圖：

操作步驟：

1、建立畫布800x600pi，填充顏色為#a846ff。

tgudhdp.cn

復(fù)制一層做一個(gè)漸變疊加

得到畫板效果

2、接下來我們做按鈕，建立一個(gè)圓角矩形308x308pi，半徑為68

3、給橢圓矩形做效果，混合模式：斜面浮雕——顏色疊加——投影

看過前面課程的同學(xué)應(yīng)該知道，我們做完底部后，要一步步做投影。復(fù)制一層，填充黑色，下移20，高斯模糊15，圖層不透明度25%。

在復(fù)制一層，高斯模糊為20，不透明度15建立剪切蒙版，因?yàn)閳D標(biāo)是一個(gè)橢圓矩形，陰影也要擦出來圖標(biāo)輪廓。

4、建立一個(gè)225x225的圓形，顏色漸變

5、在建立一個(gè)226x226的大圓在外面我們只是做外面的輪廓，留下邊緣部分

6、建立112x112，的中心按鈕

混合模式做圖標(biāo)效果

給按鈕在做一個(gè)陰影，復(fù)制一個(gè)置于按鈕下方。高斯模糊

大家看到我給這個(gè)圓左右壓縮一點(diǎn)，光源從上方打過來，為了過渡自然，我們可以根據(jù)情況改變做陰影的形狀，做完后圖層透明度改為75%。

7、做一個(gè)96x96的中心圓

顏色填充采用疊加效果

做漸變疊加最后就是兩個(gè)旁邊顯示狀態(tài)按鈕，大小為15x15pi。右邊顏色填充為#6fe2fb，左邊為描邊

8、完成

同學(xué)們?cè)谥谱鞯臅r(shí)候注意有些步驟就可以，耐心點(diǎn)就可以完成整個(gè)制作。