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

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

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

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

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

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

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

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

7、做一個(gè)96x96的中心圓

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

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

顏色填充采用疊加效果

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

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

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

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

8、完成

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

同學(xué)們?cè)谥谱鞯臅r(shí)候注意有些步驟就可以，耐心點(diǎn)就可以完成整個(gè)制作。