在制作網站的過程中 ， 總是少不了導航按鈕 ， 那么如何制作一款有視覺沖擊力的按鈕呢？現在本人就利用ps打造一款導航按鈕 ， 同時分享制作步驟和截圖 ， 希望對你有所幫助 。

工具/原料photoshop cs5
方法/步驟1雙擊photoshop cs5快捷方式打開photoshop cs5 ， 執行文件-新建命令 ， 新建一個大小為800*600 ， 分辨率為72 ， 背景顏色為白色的文檔 。




2在圖層面板中點擊創建新圖層按鈕 ， 新建圖層1 ， 點擊前景色在彈出的拾色器中設置前景色為自己喜歡的顏色 。




3選擇工具箱里圓角矩形工具 ， 在畫布上繪制一個圓角矩形 ， 并柵格化圖層 。




4雙擊圖層1彈出圖層樣式對話框 ， 勾選投影選項 ， 設置混合模式為正片疊底 ， 不透明度為30 ， 角度為120 ， 距離為1 ， 大小為1 。




5切換到內發光選項 ， 設置混合模式為濾色 ， 設置圖案大小為10 。




6接著設置外發光選項 ， 設置混合模式為正常 ， 圖案大小為6 ， 點擊確定按鈕 。




7選擇工具箱里文本工具 ， 在按鈕上輸入文字“網站首頁” ， 設置字體為隸書 ， 字號為25 ， 顏色為白色 。




8選擇除了文字圖層之外的圖層執行ctrl+e合并圖層 ， 選擇工具箱里魔棒工具選擇圓角矩形執行ctrl+c復制 ， 新建圖層1和圖層1 ， 執行ctrl+v命令 。




9分別選擇圖層1和圖層2 ， 選擇工具箱里文本工具 ， 依次輸入文字內容“關于我們”、“服務中心” 。




10【網站導航按鈕的制作】執行文件-另存為命令 ， 在彈出的對話框中輸入名稱為“按鈕” ， 保存在桌面上即可 。





以上內容就是網站導航按鈕的制作的內容啦 ， 希望對你有所幫助哦！

猜你喜歡

• 如何調整搜狗輸入法候選窗口的位置
• QQ群里面發起的投票，在哪里能看到投票情況呢
• 如何取消QQ的記住密碼
• 如何在Flash舞臺中實時顯示鼠標與原點的距離
• 倉鼠第一窩小鼠存活率
• 柴犬壽命一般多少年
• 雞蛋是熱性還是涼性的雞蛋屬熱性還是涼性
• 如何讓QQ登錄時同步最近的聊天記錄
• 構造函數在Flash中的定義規則
• 一杯涼茶可解暑百熱，功夫茶的泡法視頻