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

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

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

效果圖：

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

操作步驟：

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

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

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

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

得到畫板效果

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

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

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

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

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

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

1/3  1 2 3 下一頁 尾頁