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

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

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

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

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

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

在復制一層,高斯模糊為20,不透明度15建立剪切蒙版,因為圖標是一個橢圓矩形,陰影也要擦出來圖標輪廓。

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

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

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

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

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

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

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

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

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

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

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

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

混合模式做圖標效果

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

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