UI圖標,設計相機主題UI圖標教程

2022-12-26 11:09:22 來源/作者: / 己有:23人學習過

UI圖標,設計相機主題UI圖標教程

同樣我們也是添加圖層混合模式,中心圓我們需要做一個從中間凹下去的感覺,所以我們需要根劇所做的光和陰影去構(gòu)架,這里我們思考一個問題,光是哪邊打過來的,那么近光出是高光,背光處為陰影,那如果是凹陷處,它剛好會有些相反,所以我們要注意事物的原理,并不是隨意做光和陰影的。

首先我們添加內(nèi)陰影,因為根據(jù)光的方向,如果是凹面的話在其凹陷邊緣肯定是較暗些的,具體參數(shù)做參考:

UI圖標,設計相機主題UI圖標教程

之后我們需要做漸變疊加,上面為陰影,下面為高光;顏色我們選取的是一個白色到暗灰色漸變,作為一個柔和的光到陰影的過度,參數(shù)自己調(diào)試即可,這樣會對知識有一個比較深刻的認識。

UI圖標,設計相機主題UI圖標教程

最后就是投影了,投影就是物體通過光照留下的影子,這個都好理解

UI圖標,設計相機主題UI圖標教程

UI圖標,設計相機主題UI圖標教程

然后再繪制一個正圓,同樣按照剛才方法,用橢圓工具繪制從中心開始的100*100像素正圓,這里和剛才的區(qū)別就是我們需要將投影加大點參數(shù),漸變疊加方向需要和剛才的相反,內(nèi)陰影不變 原因是為什么?大家可以思考一下,不要機械的模仿教程。當燃可以添加一個斜面浮雕,看起來就更有質(zhì)感。

UI圖標,設計相機主題UI圖標教程