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怎么做导航下拉出现图片的产品跪求大神帮助
出现这种情况是因为你的层是绝对位置形式的。绝对位置会为浏览器的左上角坐标为原点。
解决此问题也很简单
在想要的位置建立一个相对位置的层 在相对位置的层里再建立下拉菜单。