相機圖標,用UI制作簡單的彩虹相機圖標

2022-12-26 10:31:44 來源/作者: / 己有:23人學習過

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

效果圖:

相機圖標,用UI制作簡單的彩虹相機圖標

操作步驟:

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

相機圖標,用UI制作簡單的彩虹相機圖標

復制一層做一個漸變疊加

相機圖標,用UI制作簡單的彩虹相機圖標

得到畫板效果

相機圖標,用UI制作簡單的彩虹相機圖標

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

相機圖標,用UI制作簡單的彩虹相機圖標

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

相機圖標,用UI制作簡單的彩虹相機圖標

相機圖標,用UI制作簡單的彩虹相機圖標