1. 在ps中,像這樣的導航怎麼做出來的
這樣的效果,大概是分三層,第一層背景是從左至右顏色漸變,第二層從上至下(大概整個高度的一半)加半透明漸變,第三層是底部(大概整個高度的1/4)加半透明漸變。
實際上這圖是比較簡單的操作,這里只討論圖片的製作問題不涉及導航在網頁中的使用,難點在漸變顏色的色值,多試幾次就可以。
具體的操作網上查一下「水晶按鈕」的製作方法就明白了,水晶按鈕還有一些更復雜的製作方法,出來的效果更好。
我自己一般是用CORELDRAW做這種效果,也比較簡單。
2. 如何製作導航欄
1、打開Deamweaver8,新建一網頁文件。接著輸入以下導航菜單的內容:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>導航欄示例</title>
</head>
<body>
<ul id="navigation">
<li></li>
<li><a href="#">首 頁</a></li>
<li><a href="#">我的博客</a></li>
<li><a href="#">互動交流</a></li>
<li><a href="#">開心一刻</a></li>
<li><a href="#">懸 賞 令</a></li>
<li></li>
</ul>
</body>
</html>
2、接下來准備相關的導航按鈕圖片(可以事先利用PS製作好)。
3、然後將以下CSS代碼加入到<head></head>之間:
<style type="text/css">
body {text-align:center;}
#navigation
{ list-style-type:none; height:auto;}
#navigation li { width:154px; height:60px; text-align:center;
float:left; padding-top:18px;font-size:20px; font-family:"微軟雅黑", "宋體", "隸書";
background-image:url(images/noactive.jpg);}
a {width:154px; height:72px;}
a:link { text-decoration:none; color:#FFFF00;}
a:visited { text-decoration:none; color:#FFFF00; }
#navigation li:hover { color:#CC0000; text-decoration:underline;
background-image:url(images/active.jpg);}
a:hover{ color:#CC0033;}
#left {background-image:url(images/left.jpg); width:22px;}
</style>
4、接下來,對網頁效果進行調整,將HTML菜單部分進行調整:
<body>
<ul id="navigation">
<li style="background-image:url(images/left.jpg);width:22px;"></li>
<li><a href="#">首 頁</a></li>
<li><a href="#">我的博客</a></li>
<li><a href="#">互動交流</a></li>
<li><a href="#">開心一刻</a></li>
<li><a href="#">懸 賞 令</a></li>
<li style="background-image:url(images/right.jpg);width:22px;"></li>
</ul>
</body>
5、最終炫酷的導航欄就製作完成啦!
3. Photoshop導航器在哪,ps導航器怎麼用
Photoshop中的導航器位於窗口中,其實ps中很多東西,都是可以在窗口中找到的。執行菜單欄中的窗口—導航器,如下圖所示。
END
Photoshop中導航器怎麼用?
Photoshop中的導航器,一般都是結合圖片的放大縮小來使用的,下面跟夏夏一起來看下吧!
打開ps的軟體,執行菜單欄中的文件—新建,或者直接按快捷鍵Ctrl+N新建一個畫布,這里我們可以任意的導入一張圖片來觀察導航器的使用也是可以的。夏夏在這里就任意的新建一個空白的畫布來給大家講解。
執行菜單欄中的窗口—導航器,打開我們的導航器面板,如下圖所示。
點擊導航器下方左邊的三角,可以將整個視圖減少,如下圖所示。
同樣地,點擊導航器右下方的三角,可以將整個視圖放大,如下圖所示。
在導航器的左下方顯示的數值,就是圖片放大縮小的顯示數值。如下圖所示,這張圖片就被我們按200%的比例顯示。
導航器中間顯示的是整張圖片的范圍,而紅色的選框顯示的是呈現在畫布中的范圍。
我們將滑鼠移到導航器中,滑鼠會變成一個抓手工具的符號,這時候,我們可以移動紅色的選框,移動選框後,呈現在畫布中的范圍就被我們修改了。
導航器的使用,是在我們將圖片放大到很大後,能夠更加方便快捷的找到我們需要的地方哦!
4. photoshop怎麼設置navigator(導航器)能使縮略圖是原圖的100%大小
點滑動條左邊的小白三角形圖片縮小,點右邊的兩個小白三角形,圖片就是原圖的100%,200%...大小
能使縮略圖是原圖的100%大小不知道怎麼做
5. 網頁導航條用ps怎麼做 要詳細一點的
PS可以用切片做。你先做好導航條的樣式-選擇切片工具-用切片工具選擇要點擊來連接的位置-右擊切出來的位置-編輯切片選項-URL里加上連接-完成後在文件選項中用
導出-導出為HTML格
FWORKS也差不多。同樣做好導航條的樣式-熱鍵區域-選擇區域-加連接-導出
6. 我想把用photoshop製作出來的導航條放在網頁上,應該如何做
用PS或者FW將你做好的導航圖片切成素材圖片,dreamweaver或者其他網頁編輯器裡面加工:設置好布局、加上連接就OK啦!
7. 用PS怎麼做出導航欄的效果
打開PS,新建一文件,大小設置為「200*800」,背景色設為「透明」。
最後點擊「文件」→「存儲為Web所有格式」項,選擇文件類型為「JPEG」格式,接著點擊「存儲」按鈕,在打開的「另存為」窗口中將「存儲類型」設置為「網頁和圖像」,最後點擊「保存」按鈕。
8. PS跟隨性導航什麼圖標
菜單欄中的窗口-導航器。
打開導航器面板,點擊導航器下方左邊的三角,可以將整個視圖減少。點擊導航器右下方的三角,可以將整個視圖放大。在導航器的左下方顯示的數值,就是圖片放大縮小的顯示數值。
圖像大小還可以:alt加上ctrl加上i操作,調整圖像大小時,畫布會自動跟隨圖像的大小變化。
9. ps怎麼做導航下拉出現圖片的產品跪求大神幫助
出現這種情況是因為你的層是絕對位置形式的。絕對位置會為瀏覽器的左上角坐標為原點。
解決此問題也很簡單
在想要的位置建立一個相對位置的層 在相對位置的層里再建立下拉菜單。