本教程主要使用Photoshop繪制立體感十足的儀表盤擬物圖標(biāo)，非常逼真的一個擬物圖標(biāo)，推薦給朋友學(xué)習(xí)，希望大家可以喜歡。

Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安裝教程

• 類型：圖像處理
• 大?。?/span>1.93GB
• 語言：簡體中文
• 時間：2022-05-13

查看詳情

先看看效果圖：

步驟 01

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

步驟 02

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

步驟 03

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

步驟 04

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

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

步驟 05

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

頂部第 1 層高光：漸變顏色為 #f3dec2 ，漸變不透明度為 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è)凹槽部分填充黑色(蒙版的黑遮白顯)進行遮蓋;

步驟 08

使用橢圓工具繪制圓盤底部，直徑 320px ，描邊 1px，添加圖層樣式如圖

填充漸變：顏色 #b1a590~785f4b

描邊漸變：顏色 #050505~#050505~#ffffff，不透明度 #100%~50%~70%，位置 0%~38%~100%

投影：混合模式正片疊底，顏色 #100f0f，角度 90，距離 10px，大小 15px，不透明度70%

內(nèi)陰影：混合模式濾色，顏色 #f7f73，不透明度 40%，角度 90，距離 4px，阻塞 4%，大小 4px

內(nèi)發(fā)光：混合模式濾色，顏色 #f6eee2，不透明度 10%，方法柔和，大小 10px，范圍 50%

步驟 09

使用橢圓工具制作一個【圓圈黑邊】圖層，再通過橢圓工具矩形工具利用布爾運算制作一個【上半環(huán)1】圖層，給該圖層添加圖層樣式;

外圓直徑 290px，內(nèi)圓直徑 234px

【上半環(huán)1】填充顏色 #a3c8d0

內(nèi)陰影 1：混合模式正片疊底，顏色 #012649，不透明度50%，角度-90，距離3px，大小3px

內(nèi)陰影 2：混合模式濾色，顏色#ddf7fd，角度90，距離5px，大小4px

步驟 10

同樣使用橢圓工具矩形工具通過布爾運算制作【下半環(huán)1】圖層，，給該圖層添加圖層樣式;

填充顏色：#603723

內(nèi)陰影 1：混合模式濾色，顏色#ff9f39，不透明度78%，角度90，距離2px，大小4px

內(nèi)陰影 2：混合模式正片疊底，顏色#481d00，不透明度90%，角度-90，距離6px，大小3px

投影：混合模式正片疊底，顏色#100f0f，不透明度50%，距離5px，大小15px

步驟 11

使用矩形工具和多邊形工具繪制表盤刻度，旋轉(zhuǎn)調(diào)整放置合適位置，上方刻度填充并添加描邊樣式，兩側(cè)矩形填充并添加投影樣式;

【刻度1】

填充顏色 #effefd

描邊：大小1px，位置外部，不透明度80，顏色#add4e5

【白色矩形1】

填充顏色 #f1e4d1

投影：混合模式正片疊底，顏色#3b1400，距離1px，大小1px

最新評論