当前位置:首页 » 图片软件 » 导航图片ps
扩展阅读
截屏的图片在哪里可以看 2025-05-14 05:49:02
红背景图片大全2015款 2025-05-14 05:46:00
爱爱老公吃奶动态图片 2025-05-14 05:38:53

导航图片ps

发布时间: 2022-07-30 15:19:38

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怎么做出导航栏的效果

  1. 打开PS,新建一文件,大小设置为“200*800”,背景色设为“透明”。

  2. 最后点击“文件”→“存储为Web所有格式”项,选择文件类型为“JPEG”格式,接着点击“存储”按钮,在打开的“另存为”窗口中将“存储类型”设置为“网页和图像”,最后点击“保存”按钮。

8. PS跟随性导航什么图标

菜单栏中的窗口-导航器。
打开导航器面板,点击导航器下方左边的三角,可以将整个视图减少。点击导航器右下方的三角,可以将整个视图放大。在导航器的左下方显示的数值,就是图片放大缩小的显示数值。
图像大小还可以:alt加上ctrl加上i操作,调整图像大小时,画布会自动跟随图像的大小变化。

9. ps怎么做导航下拉出现图片的产品跪求大神帮助

出现这种情况是因为你的层是绝对位置形式的。绝对位置会为浏览器的左上角坐标为原点。
解决此问题也很简单
在想要的位置建立一个相对位置的层 在相对位置的层里再建立下拉菜单。