Zi 字媒體

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 教學網 — 文章永久連結為: Photoshop十步打造質感網站按鈕效果 免費PPT模板下載  免費PPT模板下載  免費向量素材下載  免費矢量圖片下載  免費去背圖片下載  免費圖庫下載  免費音效下載  版权所有，保留一切权利！ © 2019 PS筆刷工廠