Facebook加入
LINE加入
2021/12/25
Photoshop十步打造質感網站按鈕效果
這一次的教學是屬於PS教程領域中的其他教程的相關教學。
文章出處是來自pconline的PS教程類文章，寫教學的作者是李華仁，感謝李華仁提供其他教程的實作教學。
教學大綱:
本Photoshop實例教程為大家帶來網站按鈕製作教程，製作過程中主要應用漸變、蒙板、鋼筆、圖層樣式等工具來完成最終效果圖。
其他教程教學開始
本Photoshop實例教程為大家帶來網站按鈕製作教程，製作過程中主要應用漸變、蒙板、鋼筆、圖層樣式等工具，希望大家喜歡！先看效果圖：
效果圖
以下是製作步驟：
1、執行菜單：“文件”／“新建”（快捷鍵Ctrl+N），彈出新建對話框，設置名稱：網站按鈕，寬度：640像素，高度：480像素，分辨率：72像素／英寸，顏色模式：RGB顏色、8位，背景內容：白色，設置完畢后單擊確定按鈕，如圖1所示。
圖1
2、在圖層控制面板擊新建圖層按鈕，新建一個“背景”，選擇工具箱漸變工具（快捷鍵Ｇ），在工具選項欄中設置為線性漸變，然後點按可編輯漸變，彈出漸變編輯器。雙擊如圖2中的A處，設置色彩RGB分別為35、137、157,再雙擊圖2中所示的B處，設置色彩RGB分別為52、173、215，再雙擊圖3中所示的C處，設置色彩RGB分別為30、115、136，單擊確定按鈕，如圖2所示。效果圖如圖3所示。
圖2
圖3
3、在圖層面板上單擊創建新圖層按鈕 ，新建一個圖層2，再工具箱選擇圓角矩形工具，並按住鍵盤中Shift不放在工作區拖出一個圓角矩形，設置前景色RGB值為160，229、246，按鍵盤快捷鍵Ctrl+Enter轉換為選區，按鍵盤快捷鍵Ctrl+D取消選區，如圖4所示。
圖4
4、雙單擊圖層2進入到圖層樣式，分別勾選投影、內陰影、內發光、斜面和浮雕、等高線、漸變疊加、光澤選項。設置幾項的數值參考圖5、6、7、8、9、10、11、12、13。效果圖如圖14所示。
圖5
圖6
圖7
圖8
圖9
圖10
圖11
圖12
圖13
圖14
5、在圖層面板上單擊創建新圖層按鈕 ，新建一個圖層3，再用鋼筆工具，畫出無規則的形狀，在工具箱中選擇設置前景色，設置前景色的顏色為白色，填充給無規則的形狀，按鍵盤快捷鍵Ctrl+Enter轉換為選區，接着按按鍵盤快捷鍵Alt+Delete填充，按鍵盤快捷鍵Ctrl+D取消選區，如圖15所示。
圖15
6、雙單擊圖層3進入到圖層樣式，勾選顏色疊加選項。設置數值參考圖16、17。效果圖如圖18所示。
圖16
圖17
圖18
7、在工具箱中選擇移動工具 ，按住鍵盤的Alt鍵不放，選擇圖層3，按鼠標左鍵拖出4個圖層3，並位置與合併圖層（Ctrl+E）成一個圖層3副本4，選擇圖層3副本4按住鍵盤的Alt鍵不放，按鼠標左鍵拖出一個“圖層3副本5”，並添加一個蒙板給圖層3副本5，在工具箱中選擇漸變工具，給圖層3副本5添加一個漸變，如圖19所示。調整后的效果圖如圖20所示。
圖19
圖20
8、在工具箱中選擇文字工具，分別在幾個按鈕中輸入漢字設計、網站、遊戲、編程、多媒體，設置文字屬性圖21，如圖21所示。
圖21
9、在工具箱中選擇文字工具，分別在中輸入漢字太平洋電腦網為你解決的需求、稿件著作權說明、投稿方式郵箱、稿件要求、稿費標準與結算，並調整字體的大小與位置，設置文字屬性圖22，如圖22所示
圖22
10、在圖層面板上單擊創建新圖層按鈕 ，新建一個圖層2，再工具箱選擇矩形工具，並按住鍵盤中Shift不放在工作區拖出一個矩形，設置前景色白色，按鍵盤快捷鍵Ctrl+Enter轉換為選區，並執行菜單：“編輯”／“描邊”的對話框，設置描邊為1PX按鍵盤快捷鍵Ctrl+D取消選區，選擇圖層2按住鍵盤的Ａlt鍵不放，按鼠標左鍵拖出三個“圖層2副本”，調整的效果，也是最終效果。如圖23所示。如圖24所示。效果圖如圖25所示。
圖23
圖24
圖25
參與討論和交作業：http://www.missyuan.com/viewthread.php?tid=433099
–本文轉載自 http://www.missyuan.net 教學網 —
熱門推薦
留言回覆
