圖標的制作關鍵在於對高光和陰影把控;色彩的選用也很關鍵,決定了你的作品是否是高品質的。通過對本文的學習,你可以很好的掌握制作圖標的各種技巧,舉一反三的應用到其他作品中
教程詳情
程序: Adobe Photoshop
難度:中級
預計完成時間: 2 小時
最終效果圖
教程素材
1、木質紋理 下載
第一步
1、按ctrl+N,新建一個文檔,大小600x500px,命名為"木箱子"
2、創建一個新層,命名為"黃色塊01",用矩形工具(U)繪制一個梯形路徑,按Ctrl + Enter,將路徑轉成選區,並填充,顏色 #d9c700
第二步
1、創建一個新層,命名"木板",在圖層"黃色塊01"下方,用圓角矩形工具(U),繪制一個圓角矩形路徑,圓角半徑為 20px
2、按Ctrl + T,右鍵,選擇"透視",將圓角矩形底部往內縮
3、按Ctrl + Enter,將路徑轉成選區,並填充紅色 #ef0000
4、用選區工具(M),刪除超出的區域
第三步
1、在圖層"木板"上方,創建一個新層,命名為"黃色塊02",用矩形工具(U),繪制一個矩形路徑,如下圖
2、按Ctrl + Enter,將路徑轉成選區,並填充顏色 #d9c700
3、用選區工具(M),刪除超出的區域
第四步
1、新建一個圖層,在最上方,命名為"黃色塊03"
2、按住Ctrl鍵,鼠標點擊圖層"黃色塊01"的縮覽圖,獲得選區,接著"菜單 > 選擇 > 修改 > 收縮",輸入 10px,填充顏色 #d9bb14
第五步
1、用加深工具(O),在圖層"黃色塊01"不同點進行塗抹(如下圖)
第六步
1、用加深工具(O)塗抹"黃色塊03",如下圖
第七步
1、用矩形工具(U),繪制一個路徑,按Ctrl + Enter將路徑轉成選區,此選區把"黃色塊03",分成2個區域
第八步
1、選擇圖層"黃色塊03",用加深工具(O)塗抹區域一,如圖
2、按 Ctrl + Shift + I 反選選區,用加深工具(O)塗抹區域二,如下圖,通過對著2個區域明暗處理,產生立體效果。
第九步
1、給"黃色塊03"添加外發光樣式
第十步
1、選擇"黃色塊02",用加深工具(O)塗抹
第十一步
1、新建一個圖層在頂部,命名為"高光線01"
2、設置畫筆,大小 3px,顏色 #ffffff,硬度 100%,不透明度 100%,流量 90%
3、用鋼筆工具(P),繪制一條直線,如下圖,接著" 右鍵 > 描邊路徑"
第十二步
1、選擇圖層"高光線01",接著" 菜單 > 濾鏡 > 模糊 > 高斯模糊",輸入值 1.0
2、" 菜單 > 濾鏡 > 模糊 > 動感模糊",角度 0,距離 10px
3、把圖層混合模式改為"疊加",不透明度 50%
第十三步
1、新建一個圖層在"高光線01"上方,命名為"高光線02",再繪制一白色線條
2、" 菜單 > 濾鏡 > 模糊 > 動感模糊",角度 0,距離 35px
3、把圖層混合模式改為"疊加"
第十四步
1、選擇"黃色塊01"和"黃色塊02",右鍵點擊,選擇"復制圖層",然後按Ctrl + E合並圖層,將新的圖層命名為"黃色塊01+02",接著把圖層混合模式改為"正片疊底",不透明度 30%
第十五步
1、新建一個圖層在"黃色塊01+02"上方,命名為"細節"
2、按住Ctrl鍵,鼠標點擊"黃色塊01+02"的縮覽圖,獲得選區
3、按D鍵,使前景色為黑色,背景色為白色
4、"菜單 > 濾鏡 > 渲染 > 雲彩"
5、"菜單 > 濾鏡 > 雜色 > 添加雜色"
5、"菜單 > 濾鏡 > 模糊 > 動感模糊"
6、把圖層混合模式改"柔光",不透明度 20%
第十六步
1、按Ctrl + J,復制"黃色塊03",命名為"黃色塊03_正片疊底",然後把圖層混合模式改為"正片疊底",不透明度 50%
第十七步
1、打開素材木質紋理.jpg,並復制到木箱子.psd中,置於圖層"木板"上方,命名為"木質紋理"
2、按住Alt鍵,鼠標在圖層"木板"和"木質紋理"之間點擊,則紋理只在木板區域內顯示;
第十八步
1、選擇圖層"木質紋理",用加深工具(O),塗抹邊緣,如下圖
第十九步
1、按Ctrl + J,復制圖層"木質紋理",並命名為"木質紋理_正片疊底",設置圖層混合模式為"正片疊底",不透明度 88%
第二十步
1、創建一個新層,在"木質紋理_正片疊底"上方,命名為"木板底部"
2、用選區工具(M),繪制一個矩形選區,並羽化 20px,填充黑色,把圖層不透明度設為 70%
第二十一步
1、創建一個新層,在"黃色塊02"下方,命名為"黃色塊02_陰影",如圖所示制作出陰影
第二十二步
1、選擇圖層"木質紋理",按住Shift鍵,用橢圓選區工具(M),繪制個圓形選區,接著按Ctrl + J,把圓形圖層命名為"圓形背景"