PS教程!教你繪制擬物儀表盤擬物圖標(biāo)

2020-03-12 16:51:11 來源/作者: 網(wǎng)絡(luò) / 升俊 己有:521人學(xué)習(xí)過

關(guān)于教程—

大家是不是覺得擬物圖標(biāo)是個(gè)坎?時(shí)常躍躍欲試又無從下手?或者細(xì)節(jié)分析半天最后只得出“畫起來會(huì)沒完沒了”的結(jié)論?

mmmm……要不別糾結(jié)了,打開軟件,今天讓我們來試著用photoshop臨摹一個(gè)小小儀表盤吧!

 

教程步驟—

步驟 01

新建文檔,大小 800*600px ,使用漸變工具填充畫布,漸變數(shù)值 #ffffff~#c3c3c3

 

步驟 02

使用圓角矩形工具繪制儀整個(gè)圖標(biāo)的范圍,尺寸 410px ,圓角 90px ,并填充漸變顏色 #403b41~#76716d ,記得整個(gè)圖形要于畫布居中擺放,命名圖層【圖標(biāo)底】

 

步驟 03

使用橢圓工具填充顏色 #f3dec2,并設(shè)置羽化 10px ,制作兩側(cè)高光

 

步驟 04

使用矩形工具填充漸變,顏色 #100f0f,漸變不透明度100%~0%

設(shè)置底部陰影,通過蒙版控制陰影在圖標(biāo)內(nèi),設(shè)置圖層模式為疊加,不透明度40%;

 

步驟 05

使用鋼筆工具、矩形工具及及橢圓工具通過填充、羽化、圖層樣式設(shè)置分別繪制 3 個(gè)頂部高光;

頂部第 1 層高光:漸變顏色為 #f3dce2 ,漸變不透明度為 30%~100%~30%,羽化 6px ,混合模式為濾色,不透明度 70%

 

頂部第 2 層高光:寬357px,高30px,圓角 10px ,漸變顏色 #f6ead9,漸變不透明度為 30%~100%~30%,羽化 6.2px ,混合模式為濾色,不透明度 55%

 

頂部第 3 層高光:漸變顏色 #f6ead9,漸變不透明度為 100%~30%,羽化 6.2px ,混合模式為濾色,不透明度 40%

 

步驟 06

使用鋼筆工具繪制上方四條圖標(biāo)紋路(兩側(cè)需向內(nèi)凹陷),鏡像得到下方四條紋路,填充黑色,復(fù)制一遍紋路圖層填充改為0,并給該圖層添加樣式制作紋路光影;

投影1:顏色 #fffedf,混合模式濾色,不透明度 30% ,角度 90 度,距離 2px

投影2:顏色 #b4b4b4,混合模式濾色,不透明度 10%,角度 -90 度,距離 2px

 

步驟 07

回到【圖標(biāo)底】圖層,建立蒙版并利用多邊形套索工具選中紋路兩側(cè)凹槽部分填充黑色(蒙版的黑遮白顯)進(jìn)行遮蓋;

 

標(biāo)簽(TAG) 教你 繪制 圖標(biāo)