萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

Photoshop 繪製逼真價格標籤:網格對齊與路徑尋找器精準構建教學

成品效果

簡潔個性的價格吊牌,擁有金屬質感邊框、條碼細節、折角陰影與旋轉透視,極具商業設計實用價值。

核心技術:網格系統 + 路徑尋找器布爾運算

全程開啟「網格」與「對齊到網格」(每 10px 一格),配合資訊面板精確控制尺寸。大量使用路徑尋找器面板的「聯集、相交、前面減去、分割」等布爾運算構建複雜形狀。

1. 主體標籤形狀構建 (Step 1-3)

矩形工具繪製 250×250px 正方形,添加錨點移動頂部左右錨點各 60px 形成梯形頂,添加 15px 圓角並「擴展外觀」。矩形工具繪製 190×360px 長方形置於下方同樣圓角擴展。複製頂部形狀與新矩形「相交」獲得折角形狀。

2. 條碼與掛孔製作 (Step 4-6)

網格改 5px 間距。矩形工具繪製寬度不一的黑色條碼條(2px 圓角)。複製頂部形狀添加 3pt 描邊擴展外觀命名「形狀 1」。橢圓工具繪製 30×30px 圓形置中,複製設透明命名「vvv」,與頂部形狀「減去前面」得「形狀 2」(帶掛孔)。步驟 2、3 形狀「聯集」得「形狀 3」(主體)。

3. 材質與光影樣式 (Step 8-13)

形狀 1(外框):棕色系 (R140 G98 B57) 線性漸層填充。
形狀 2(內框):淺棕 (R198 G156 B109) 50% 透明度 + 漸層 + 內發光。
邊緣高光:關閉對齊網格,複製形狀 2 兩份位移 1px/3px,白色 20% 透明度。開啟 5px 網格,鋼筆繪製矩形與形狀 1 「分割」,上下兩部分分別線性漸層 70% 透明度。原矩形添加 3px 畫筆(虛線 12pt)做縫線效果。
形狀 3(主體):白色線性漸層。
掛孔 (vvv):描邊 3px 居中 + 0.75px 外部,白色線性漸層。

4. 價格文字與投影完成 (Step 14-17)

文字工具輸入「999」,拆解為輪廓,矩形旋轉 90° 做分隔線,復合路徑後複製位移「減去前面」產生文字陰深效果。整體選取旋轉 -45°。錐形畫筆隨意繪製裝飾線條擴展外觀。所有圖層複製合併、黑色填充、下移右移 5px/3px、高斯模糊 7px、20% 透明度做投影。

copyright © 萬盛學電腦網 all rights reserved