UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程

2022-12-26 11:09:22 來源/作者: / 己有:23人學(xué)習(xí)過

UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程

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

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

UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程

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

UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程

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

UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程

UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程

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

UI圖標(biāo),設(shè)計(jì)相機(jī)主題UI圖標(biāo)教程