王尘宇王尘宇

研究百度干SEO做推广变成一个被互联网搞的人

用PS怎么做出导航栏的效果


用PS怎么做出导航栏的效果

打开PS,新建一文件,大小设置为“200*800”,背景色设为“透明”。 选择“工具栏”中的“圆角矩形工具”项,并设置合适的“半径”(如20像素),然后在绘图区域进行绘制,可以通过按键盘组合键“Ctrl+T”对其进行调整。

切换至“路径”面板,点击“将路径作为选区载入”按钮。

接着返回“图层”面板,选择“工具栏”中的渐变工具,并设置合适的渐变色进行填充。 接着双击该图层,为其添加“浮雕 图层样式” 新建一个“图层2”,接着选择“圆角矩形工具”,将半径设置为“10像素”,并绘制如图所示的图形。然后切换至“路径”面板,点击“将路径作为选区载入”按钮,然后返回图层面板,填充一种纯色。 双击“图层2”,为其添加“图层样式” 接着将“图层2”拖动到“新建图层”按钮上以创建“图层2 副本”,接着选择“移动”工具将“图层2 副本”移动到合适的位置。

按住键盘上“Ctrl”键不放的同时,点击“图层2 副本”以选中该图像,然后为其填充另一种颜色。 基本的导航栏结构已经做好。接下来创建切片。

点击“工具栏”中的“切片”工具,然后对整个图像区域进行划分。 最后点击“文件”→“存储为Web所有格式”项,选择文件类型为“JPEG”格式,接着点击“存储”按钮,在打开的“另存为”窗口中将“存储类型”设置为“网页和图像”,最后点击“保存”按钮。

网页导航条用ps怎么做 要详细一点的

PS可以用切片做。你先做好导航条的样式-选择切片工具-用切片工具选择要点击来连接的位置-右击切出来的位置-编辑切片选项-URL里加上连接-完成后在文件选项中用导出-导出为HTML格FWORKS也差不多。

如何用Photoshop制作网站的“导航栏”

用photoshop画出导航栏的效果 用切片工具把每个导航标签切出来。并保存切片。

如下图: 再用html写出导航栏的代码,把这几个图片链接到网页中,就可以了 总结:photoshop是无法直接做出导航栏,它只是辅助设计出效果,实际功能的,还是要用html代码的。

Ps做店铺悬浮导航需要多大的画布

Ps做店铺悬浮导航需要 画布大小-190x550px【悬浮导航】默认一般出现在淘宝店铺左上角的位置,随着鼠标的滑动而滑动打开【直通车效果如图】【裁剪工具-裁剪画布-190x550px】将【除背景以外的图层CTRL+E合并-然后删除底图】【下方-新建图层】使用【多边形套索-绘制选区-填充白色】【CTRL+D取消选区】。【下方-新建图层】使用【多边形套索-绘制选区-填充白色】【CTRL+D取消选区】。

在ps中,像这样的导航怎么做出来的

这样的效果,大概是分三层,第一层背景是从左至右颜色渐变,第二层从上至下(大概整个高度的一半)加半透明渐变,第三层是底部(大概整个高度的1/4)加半透明渐变。 实际上这图是比较简单的操作,这里只讨论图片的制作问题不涉及导航在网页中的使用,难点在渐变颜色的色值,多试几次就可以。

具体的操作网上查一下“水晶按钮”的制作方法就明白了,水晶按钮还有一些更复杂的制作方法,出来的效果更好。

我自己一般是用CORELDRAW做这种效果,也比较简单。

这样的导航条效果是怎么做出来的,用PS具体步骤是什么。

第一步:用圆角工具画个圆角。

相关文章

评论列表

发表评论:
验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。