UI教程,設(shè)計相機主題UI圖標(biāo)實例

2022-12-26 13:50:00 來源/作者: / 己有:39人學(xué)習(xí)過

70、畫一個小圓,打開圖層樣式,使用漸變,并且降低圖層不透明度為50。

UI教程,設(shè)計相機主題UI圖標(biāo)實例

71、再畫一個比它更小一些的黑圓,放在它中間,如圖。

UI教程,設(shè)計相機主題UI圖標(biāo)實例

72、最后要做鏡頭陰影了。畫三個不同大小的圓加到一起做成陰影的形狀,然后合并這三個圓,把陰影圖層放到鏡頭圖層的下面。

UI教程,設(shè)計相機主題UI圖標(biāo)實例

UI教程,設(shè)計相機主題UI圖標(biāo)實例

73、把陰影的邊緣模糊一下,濾鏡 – 模糊 – 高晰模糊。

UI教程,設(shè)計相機主題UI圖標(biāo)實例

74、將陰影圖層降低不透明度為40%。

UI教程,設(shè)計相機主題UI圖標(biāo)實例

75、給陰影圖層建立蒙板,拉一個黑白漸變。

UI教程,設(shè)計相機主題UI圖標(biāo)實例

76、打上字:BAMBUNG ZOOMLEBNB。

UI教程,設(shè)計相機主題UI圖標(biāo)實例

到最后再整體看一下,哪里該調(diào)整的,哪里沒做好的再改一下,最后就得到的最終效果。

UI教程,設(shè)計相機主題UI圖標(biāo)實例