相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)

2022-12-26 10:31:44 來(lái)源/作者: / 己有:23人學(xué)習(xí)過(guò)

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

效果圖:

相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)

操作步驟:

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

相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)

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

相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)

得到畫板效果

相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)

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

相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)

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

相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)

相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)