本教程主要使用Photoshop制作粉色質感的立體播放圖標,這次給大家分享一個質感按鈕的繪制過程,圖是臨摹的,教程整理很辛苦,喜歡大家可以喜歡這個教程的效果。
最終效果
具體的制作步驟如下:
Ctrl+N新建畫布,大小為3000×2380像素,分辨率300dpi,點擊確定。
新建組,命名為"background",在組內新建圖層,在工具欄選擇漸變工具,模式為徑向漸變,單擊漸變條,在背景圖層上由上往下拉動光標填充背景,如圖。
單擊形狀工具,選擇圓角矩形工具,將半徑設置為25,在畫布中央繪制一個長條狀的圓角矩形,填充為白色,如圖。
Ctrl+J復制此圖層,單擊移動工具,按鍵盤的"↑"鍵將副本層向上移動3像素,雙擊圖層添加圖層樣式(fx),勾選"漸變疊加"效果如圖。
新建組1,並在組1內新建圖層。
單擊形狀工具裡的圓角矩形工具,將半徑設置為25像素,按住shift鍵在矩形框內繪制一個圓角矩形,為該圖層添加圖層樣式。
Ctrl+J復制圖層,單擊移動工具,向下移動3像素,並為圖層添加圖層樣式,勾選"斜面和浮雕""內發光""漸變疊加",顏色如圖。
注意這裡"光澤等高線"需要調整,調整成如圖的效果。
單擊鋼筆工具,選擇"形狀"填充顏色設置為#7d1821,繪制形狀如圖,將"填充"設置為78%,畫好後單擊右側的屬性選項卡,將"羽化"值設置為16像素。
Ctrl+J復制圖層,執行"編輯>變換路徑>水平翻轉",將復制的形狀移動到矩形右邊的相應位置,使左右對稱,如圖。
單擊形狀工具選擇自定形狀工具,單擊形狀右邊的箭頭,選擇已經定義好的squircle形狀,按住shift鍵在紅色矩形中央繪制一個squircle,用移動工具放置在中央,按alt+shift鍵同時拖動變換控件調整大小。添加圖層樣式,勾選"漸變疊加""外發光"。如圖。
這裡的squircle精確的形狀無法用photoshop繪制完成,可以用AI繪制,或者在網上直接下載形狀素材,這裡就不再多講啦~做不出來的同學可以換一種形狀做。
新建圖層,單擊鋼筆工具,在按鈕上繪制高光形狀如圖。右鍵>填充路徑,選擇顏色填充,填充為白色,按"Enter"確認
為該圖層添加蒙版
單擊蒙版,選擇漸變填充工具,漸變顏色為由白到黑,選擇對稱漸變
從路徑中央拖動光標到右邊,蒙版效果如圖
"填充"不透明度設為40%
單擊鋼筆工具,在面板上方勾選形狀
用鋼筆工具繪制形狀如圖,畫好後組合路徑,並為圖層添加圖層樣式,如圖。