網頁導航設計ps製作教程

1、我想把用photoshop製作出來的導航條放在網頁上，應該如何做？

photoshop裡面用切片直接切好，每一個小塊插入鏈接。
最後保存為WEB用格式，也就是HTML網頁。
然後導入到dreamweaver在進行編輯。

2、在ps中，像這樣的導航怎麼做出來的

這樣的效果，大概是分三層，第一層背景是從左至右顏色漸變，第二回層從上至下（大概整個高度答的一半）加半透明漸變，第三層是底部（大概整個高度的1/4）加半透明漸變。

實際上這圖是比較簡單的操作，這里只討論圖片的製作問題不涉及導航在網頁中的使用，難點在漸變顏色的色值，多試幾次就可以。

具體的操作網上查一下「水晶按鈕」的製作方法就明白了，水晶按鈕還有一些更復雜的製作方法，出來的效果更好。

我自己一般是用CORELDRAW做這種效果，也比較簡單。

3、我做了一個網頁，用PS做了主頁面，又按照導航做了子頁面，我還需要做什麼？誰能說說做一個網站具體步驟嗎

用PS做主頁面？？？PS跟網頁是沒關系的。你做的那個只是一個圖片罷了，不可能用到網站上的啊。做網站的話你得需要一個控制項一個控制項的拖動設置，包括代碼什麼的。並不是只有一個樣子就可以了。

4、如何用Photoshop製作網站的「導航欄」

用photoshop畫出導航欄的效果

用切片工具把每個導航標簽切出來。並保存切片。如下圖：

再用html寫出導航欄的代碼，把這幾個圖片鏈接到網頁中，就可以了

總結：photoshop是無法直接做出導航欄，它只是輔助設計出效果，實際功能的，還是要用html代碼的。

5、如何用Photoshop製作網站的「導航欄」

網站的「導航欄」作為網頁設計中的重要組成部分，扮演著極為重要的角色。網頁導航欄設計的成功與否，在很大程序上決定著整個網頁的美觀程度。用Photoshop設計「導航欄」，不僅講究ps技術，更在於發揮你的創造力和想像力，這是學習ps最難之所在。具體製作過程見網上教程。

6、如何利用ps製作漂亮的網站導航條

打開PS，新建一文件，大小設置為「200*800」，背景色設為「透明」。

選擇「工具欄」中的「圓角矩形工具」項，並設置合適的「半徑」（如20像素），然後在繪圖區域進行繪制，可以通過按鍵盤組合鍵「Ctrl+T」對其進行調整。

切換至「路徑」面板，點擊「將路徑作為選區載入」按鈕。

接著返回「圖層」面板，選擇「工具欄」中的漸變工具，並設置合適的漸變色進行填充。

接著雙擊該圖層，為其添加「浮雕 圖層樣式」

新建一個「圖層2」，接著選擇「圓角矩形工具」，將半徑設置為「10像素」，並繪制如圖所示的圖形。然後切換至「路徑」面板，點擊「將路徑作為選區載入」按鈕，然後返回圖層面板，填充一種純色。

雙擊「圖層2」，為其添加「圖層樣式」

接著將「圖層2」拖動到「新建圖層」按鈕上以創建「圖層2 副本」，接著選擇「移動」工具將「圖層2 副本」移動到合適的位置。

按住鍵盤上「Ctrl」鍵不放的同時，點擊「圖層2 副本」以選中該圖像，然後為其填充另一種顏色。

基本的導航欄結構已經做好。接下來創建切片。點擊「工具欄」中的「切片」工具，然後對整個圖像區域進行劃分。

最後點擊「文件」→「存儲為Web所有格式」項，選擇文件類型為「JPEG」格式，接著點擊「存儲」按鈕，在打開的「另存為」窗口中將「存儲類型」設置為「網頁和圖像」，最後點擊「保存」按鈕。

7、網頁導航條用ps怎麼做 要詳細一點的

忘了寫文字描述就發copy了，步驟為：1、新建一個矩形選區，就是設置好你想做的導航條的寬和高2、填充你想要的顏色3、寫上你想要做的導航欄目4、對你的背景層進行浮雕效果，在塗層下方這個圖標，設置你想要的背景樣式，看起更有立體感5、然後在對這個就是你的導航之間的分隔線進行設置浮雕，如上面最後一幅圖6、再對你做好的導航條進行切片

8、在photoshop中如何製作網站的圓角導航條

photoshop，可以有兩種做法
一種時使用矢量矩形選框，可以設定圓角角度，大概要15左右，然後可以直接在新建的圖層上面畫。
還有一種就是使用鋼筆工具勾勒出矩形框的形狀，之後把路徑轉為選區，填充就可以了。

9、用PS製作的網站導航欄，怎麼應用到自己的網頁里

網站的「導航欄」作為網頁設計中的重要組成部分，扮演著極為重要的角色。網頁導航欄設計的成功與否，在很大程序上決定著整個網頁的美觀程度。用Photoshop設計「導航欄」，不僅講究ps技術，更在於發揮你的創造力和想像力，這是學習ps最難之所在。具體製作過程見網上教程。

10、網頁設計，PS如何設計動態導航欄

?