[ 設計教程 ] Photoshop製作簡單絢麗的導航效果- Photoshop教程 - 靈感很重要靈感很重要

教學主題: Photoshop製作簡單絢麗的導航效果

大家好!! 小編今天來和大家分享關於 Photoshop教程中的設計教程教學

今天的這個教學主題是: Photoshop製作簡單絢麗的導航效果

這教學的重點為這幾點 [ 導航,簡單,製作,選擇,按鈕,導航設計,新建,10%,透明 ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

本教程主要用Photoshop來製作一款水晶導航條,現在的網站越來越注重界面設計,當然導航條也不例外,喜歡的朋友讓我們一起來開始吧

先看看效果吧!

貼心提醒: 你可能知道按Tab鍵可以隱藏工具箱和浮動面板，同樣按Shift+Tab鍵 可以只隱藏浮
動面板( 而保留工具條可見 )。

第1步：新建文件，大小500x 200px ，選擇漸變工具(G)，(徑向漸變)從#363636到#252525。 最左邊拖動到右下角。

貼心提醒: 你可能知道按Tab鍵可以隱藏工具箱和浮動面板，同樣按Shift+Tab鍵 可以只隱藏浮
動面板( 而保留工具條可見 )。

第2步：新建層， 選擇選區工具(M)，固定大小為100 x 40px

貼心提醒: 按住Shift鍵點擊浮動面板的標題欄( 最上方的藍條 )可以使其吸附 到最近的屏幕
邊緣。

第3步：填充線性漸變從 #68ad40和#4c8c2c .

貼心提醒: 雙擊浮動面板的上的每一欄( 就是有標題的那個 )可以使其最小化。 通過浮動面板
上的最小化按鈕可以在緊湊模式( 只有最少的選項和內容可 視 )和正常模式( 顯示面
板上所有的選項和內容 )之間切換。

第4步：選着圖層樣式 > 內發光 > 漸變疊加 > 描邊#427a25

貼心提醒: 可以通過按回車鍵( 或雙擊工具箱上的工具按鈕 )來打開當前工具的 選項面板。不
然的話只能通過菜單上的 Window／Show Options 命令來來 打開。

貼心提醒: 利用比例縮放區( 在Photoshop窗體或導航器面板的左下角 )來快速 選擇一個準確
的顯示比例，當輸入一個值後按Shift+Enter可以使光標仍 保持在比例縮放區。

貼心提醒: 在Photoshop中所有的對話框中的取消( Cancel )按鈕都可以通過按 住Alt鍵變為復
位( Reset )按鈕。這使你可以輕易回覆到初始值而毋須取 消重來。

現在您的按鈕應該是這樣的.

貼心提醒: 按住Shift點擊顏色面板下的顏色條可以改變其所顯示的色譜類型。 或者，也可以
在顏色條上單擊鼠標右鍵，從彈出的顏色條選項菜單中選取 其它色彩模式。

第5步:新建層，同時選種新層和按鈕層合併(ctrl+E)，現在做一些發光效果，加深工具(O)，筆頭大小為45px，不透明度為10%，圍繞按鈕四周加深。

貼心提醒: 要使用畫筆工具畫出直線，首先在圖片上點擊，然後移動鼠標到另一 點上按住
Shift再次點擊圖片，Photoshop就會使用當前的繪圖工具在兩點 間畫一條直線。

第6步：現在，選擇減淡工具(O)，使用了一個14像素的軟刷，不透明度為10%。 (小魚提醒：選擇高光)

貼心提醒: 縮放工具的快捷鍵為「Z」，此外Ctrl＋空格鍵為放大工具，Alt＋空 格鍵為縮小
工具。

第7步：複製按鈕如圖：

貼心提醒: 用吸管工具選取顏色的時候按住Alt鍵即可定義當前背景色。

第8步：新建層，灰色到透明，選擇編輯 >變換 >透視

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

第9步:降低透明度為10%。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

第10步：最後，添加一些文字。小魚完成:)您呢(*^__^*) 嘻嘻……

貼心提醒: 勾畫選區的時候按住空格鍵可以移動正在勾畫的選區。

小魚完成:)您呢(*^__^*) 嘻嘻……

一起進入論壇參與討論和交作業吧: http://www.missyuan.com/viewthread.php?tid=422245

看完小編分享的教學之後 是不是對設計教程中的Photoshop教程教學更熟悉了呢?

希望我們所介紹的 Photoshop製作簡單絢麗的導航效果 這教學會喜歡

文章標題: 靈感很重要- Photoshop製作簡單絢麗的導航效果–轉載請註明來源處

本教學分類為設計教程中的 Photoshop教程相關教學

文章相關關鍵字為: 導航,簡單,製作,選擇,按鈕,導航設計,新建,10%,透明

本文永久連結 :Photoshop製作簡單絢麗的導航效果

本文轉載自 :VIA