相機(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)

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

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

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

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

7、做一個96x96的中心圓

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

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

顏色填充采用疊加效果

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

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

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

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

8、完成

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

同學(xué)們在制作的時候注意有些步驟就可以,耐心點就可以完成整個制作。