用PS怎么制作水晶网页导航条在线制作

来源：蜘蛛抓取(WebSpider) 时间：2016-12-05 06:55 标签： 网页导航条制作教程
PS制作水晶导航条_西西软件资讯
西西软件园多重安全检测下载网站、值得信赖的软件下载站！
→ PS制作水晶导航条
类型：图片素材大小：18.6M语言：中文 评分：10.0
本教程主要用来制作一款水晶导航条,现在的网站越来越注重界面设计,当然导航条也不例外,喜欢的朋友让我们一起来开始吧&先看看效果吧! :)
第1步：新建文件，大小500x 200px ，选择渐变工具(G)，(径向渐变)从#363636到#252525。 最左边拖动到右下角。
第2步：新建层， 选择选区工具(M)，固定大小为100 x 40px
第3步：填充线性渐变从 #68ad40和#4c8c2c .
第4步：选着图层样式 & 内发光 & 渐变叠加 & 描边#427a25
现在您的按钮应该是这样的.
第5步:新建层，同时选种新层和按钮层合并(ctrl+E)，现在做一些发光效果，加深工具(O)，笔头大小为45px，不透明度为10%，围绕按钮四周加深。
第6步：现在，选择减淡工具(O)，使用了一个14像素的软刷，不透明度为10%。 (小鱼提醒：选择高光)
第7步：复制按钮如图：
第8步：新建层，灰色到透明，选择编辑 &变换 &透视
第9步:降低透明度为10%。
第10步：最后，添加一些文字。小鱼完成:)您呢(*^__^*) 嘻嘻……
小鱼完成:)您呢(*^__^*) 嘻嘻……
07-2605-0602-1901-1001-0101-0112-3111-2511-1309-30
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载Photoshop制作水晶风格网站导航条_按钮制作_ps联盟
&你的位置：
Photoshop制作水晶风格网站导航条[]
3、渐变叠加：颜色设置为：#5e80a3，#839db8，#b8c7d6。
5、这就是它应该呈现的样子。
6、现在打上菜单文字，字体Segoe，大小：14
pt，颜色白色#ffffff。
浏览次数：50488
文字特效教程大全：
声明：本站刊载的资料仅为提供更多信息，不代表同意其说法，也不构成任何建议。意见联系：QQ:
本站的最终解释权归
所有 如果问题请与Photoshop制作特色导航条
&　　漂亮的导航条为我们的网站增色不少，现在我们来看一个例子，这个别具特色的导航条主要充分运用了Photoshop 6.0及以上版本的style（图层样式）功能。　　1.新建一个以白色为背景的650*50 pixels的文件。新建一个图层命名为layer 1，用Rectangular Marquee Tool（矩形选区工具）做出一个选区，并填充你喜欢的颜色。
　　2.现在点击图层调板最底下的按钮为图层添加一些样式。　　首先添加Gradient Overlay样式，先。单击选项栏渐变样式色条，会弹出渐变样式编辑框，点击Load按钮将刚下载的渐变文件载入。Gradient Overlay的具体设置如图所示。
　　接着添加Stroke样式，参数如下：Size: 1 pixel ；Blend Mode: Normail& ；Position: Outside ；Opacity: 100% ；Color: Black。　　最后还要添加Drop Shadow样式，具体设置如图所示。
　　复制图层，将复制后的图层命名为layer 2并移动到layer 1下，然后隐藏刚刚复制的图层layer 2。
　　3.现在要对按钮进行精雕细琢了。用Rectangular Marquee Tool（矩形选区工具）把图层layer 1做成例三的样子。把标尺和网格调出来，你会事半功倍。
【责任编辑：Shiny】 ■ 相关内容蔚蓝粉亮特效！PS设计时髦水晶导航按钮
1制备图案的背景颜色　　导言：　　在Photoshop教程中，我们要学习如何在Photoshop中创建一个简单的按钮。当我们通过本PS教程，我们将处理许多Photoshop 的技巧和技术！　　最终效果图图0　　1、选择&文件/新建&菜单，打开&新建&或者Ctrl+N对话框 名称为：按钮制作，宽度：为828像素， 高度：为547像素， &分辨率&为72 , &模式&为RGB颜色的文档，如图1所示。图1　　2、在图层控制面板击新建图层按钮，新建一个&背景&，选择工具箱渐变工具（快捷键Ｇ），在工具选项栏中设置为径向渐变，然后点按可编辑渐变，弹出渐变编辑器。双击如图2中的A处，设置色彩RGB分别为75、117、176。再双击图2中所示的B处，设置RGB分别为255、255、255，如图2所示，在工作区中，按住Shift键不放用鼠标左键从上到下拖动出水平线性渐变效果，如图3所示。图2图3　　3、创建新图层按钮，在工具箱中选择圆角矩形工具和多边形工具，接着在工作区拖出一个花纹形状，并按键盘Ctrl+Enter把圆角矩形工具和多边形工具形状转换为选区，设置前景为蓝色色，并按键盘Ctrl+D取消，并复制很多填满工作区，合并所有的圆角矩形工具和多边形工具图层合并成一个图层2，如图4所示。图4　　4、接着右击图层2，选择混合选项，进入到图层样式，分别勾选投影、内发光、斜面与浮雕、光泽、颜色叠加、渐变叠加选项，设置图层样式各项的值，勾选投影，设置混合模式为：正片叠加，颜色为黑色，不透明度为：75%，角度为：90度，勾选使用全局光，距离为：3像素，扩展为：0%,大小为：5像素，然后点击确定按钮，效果图如图5所示。图5　　5、勾选内发光选项，设置混合模式为：正片叠底，不透明度为：54%，杂色为：0%,方法为：柔和，源为：边缘，阻塞为：3%，大小为：13像素，如图6所示。图62添加设计按钮文字　　6、勾选斜面和浮雕复选项，样式：内斜面，方法：雕刻清晰，深度：1000%，方向：上，大小：16像素，软化：0像素，阴影角度：90，高度：39度，光泽等高线：环形，其他设置值参考图7，如图7所示。图7　　7、勾选光泽复选项，混合模式：叠加，点击色标处，设置光泽颜色：白色，设置不透明度：100%，角度：0度，距离：6像素，大小：24像素，等高线：高斯，勾选消除锯齿，如图8所示。图8　　8、勾选颜色叠加选项，混合模式：柔光，点击色标处，设置光泽颜色：蓝色，设置不透明度：52%，如图9所示。图9　　9、勾选渐变叠加选项，设置混合模式为：正常，不透明度为：100%，点击渐变弹出渐变编辑器，设置样式为：线性，勾选与图层对齐，角度为：90，缩放为：100%,双击如图11中的A处，设置色彩RGB分别为5、42、61。再双击图11中所示的B处，设置RGB分别为5、42、61，再双击图11中所示的C处，设置RGB分别为16、98、110，再双击图11中所示的D处，设置RGB分别为168、200、205，然后点击确定按钮，如图10、11所示。效果图如图12所示。图10图11图12　　11、在工具箱中选择横排文字工具 ，在画面中用鼠标单击后，出现一个输入文字光标，在光标后输入&home page&，在工具选项栏中设置字体为&Arial&，设置字体大小为&41.69点&，设置消除锯齿为&锐利&，设置字体颜色为白色。如图13所示。图133使用渐变制作箭头特效　　12、在图层控制面板击新建图层按钮，新建一个图层并命名为&圆形&，在工具箱中选择椭圆工具 ，在工作区中拖出一个椭圆选区，在工具箱中选择设置前景色，设置前景色的为蓝色，颜色的RGB值分别为：64、170、196，按快捷键Alt+Delete填充给圆形图层，然后按快捷键Ctrl+D取消选择状态，如图14所示。图14　　13、执行菜单：&滤镜&／&模糊&/&高斯模糊&，弹出高斯模糊的对话框，设置半径为20.5像素，如图15所示。效果图如图16所示。图15图16　　14、其他的也是用相同的方法制作，如图17所示。图17
软件论坛帖子排行
最新资讯离线随时看
聊天吐槽赢奖品
相关软件：
大小：472.98 MB
授权：免费
大小：18.86 MB
授权：免费

我要回帖

更多关于 网页导航条制作教程 的文章

 

随机推荐