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

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

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

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

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

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

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

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

7、做一個96x96的中心圓

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

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

顏色填充采用疊加效果

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

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

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

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

8、完成

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

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