ps網頁導航設計圖片_網頁設計PS如何設計動態導航欄

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6、網頁設計的首頁導航字體點擊一下就不同顏色了用PS是怎麼樣做的？

ps做兩個字復體顏色就好了，點擊制前和點擊後。
代碼的話用偽類。

a:link {color:#FF0000;} /* 未訪問的鏈接顏色 */
a:visited {color:#00FF00;} /* 已訪問的鏈接顏色 */
a:hover {color:#FF00FF;} /* 滑鼠經過鏈接顏色 */
a:active {color:#0000FF;} /* 已選中的鏈接顏色*/

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

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

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

用photoshop畫出導航欄的效果

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