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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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