Photoshop设计制作网站深蓝色金属感导航教程

2016-03-19 01:54 0 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop设计制作网站深蓝色金属感导航教程,赶紧看过来吧!

【 tulaoshi.com - PS 】

先看效果图。

Photoshop制作网站导航教程,图老师

新建文档560x300像素,背景黑色,建新层,画一白色圆角矩形。

Photoshop制作网站导航教程,图老师

添加图层样式。

Photoshop制作网站导航教程,图老师

Photoshop制作网站导航教程,图老师

Photoshop制作网站导航教程,图老师

颜色请采样我的截图,效果如下(局部)

Photoshop制作网站导航教程,图老师

新建图层1,调出圆角矩形选区,填充白色,把选区左挪2像素。(最后的效果里我修改了一下,挪了1像素)

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作网站导航教程,图老师

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

删除,图层模式改为叠加,重复这个步骤,做出导航2端的亮边。

Photoshop制作网站导航教程,图老师

输入一些白色文字,比如关于我们 联系方式博客等等,添加图层样式。

Photoshop制作网站导航教程,图老师

Photoshop制作网站导航教程,图老师

下面制作鼠标悬浮框,就是鼠标移到文字上面时,会有不同的视觉样式呈现,一般用CSS来完成,建新层,做一矩形选区,透明到黑径向渐变。

Photoshop制作网站导航教程,图老师

图层模式柔光,不透明度90%。

Photoshop制作网站导航教程,图老师

建新层,做如下矩形选区,填充白色。

Photoshop制作网站导航教程,图老师

添加蒙版,黑白对Tulaoshi.Com称渐变,图层不透明度90%,可能会有超界的白边,用笔刷涂抹掉即可。

Photoshop制作网站导航教程,图老师

这样,一个简单的网站导航就制作完成了,本ps教程到此结束。

Photoshop制作网站导航教程,图老师

来源:https://www.tulaoshi.com/n/20160319/1900967.html

延伸阅读
本教程介绍非主流的简单调色方法。思路:先把自己的素材图片整体美化一下,然后用滤镜加点背景装饰纹理。制作好后使用通道来调色,最后加上自己的装饰笔刷或者文字,效果就做好了。 原图 最终效果 1、打开原图,按Ctrl + J复制一层,执行菜单:滤镜 艺术效果 水彩,参数设置如图1,确定后加上图层蒙版把人物部分擦出来,效果如...
本教程主要是利用通道来调色,这也是最常用的方法,调色的时候适当的把人物及背景分开调,多注意好细节部分的处理。 原图 最终效果 1、打开原图素材,按Ctrl + J把背景图层复制一层,然后对副本执行:滤镜 模糊 高斯模糊,数值为5,确定后把图层混合模式改为“叠加”,效果如图1。 图1 2、创建色相/饱和度调整图层,参数设置...
本教程介绍单色图片的快速调色方法。作者使用的工具就是黑白调色工具,只需要稍微设置一下参数即可快速得到想要的单色图片,操作非常快捷。 原图 最终效果 1、打开原图, 使用Topaz 插件磨皮处理图片,参数设置如下图。没有这款滤镜的可以去网上下载。 2、执行:图像 调整 通道混合器,参数设置如图。 ...
来源:PS联盟 作者:Sener 素材图片背景有点杂乱,人物部分不够突出。处理的时候可以考虑把杂乱的部分模糊或者加深处理,然后把主色调统一,这样画面就干净很多。 原图 最终效果 1、打开素材图片,创建可选颜色调整图层,对红、黄、绿进行调整,参数设置如图1 - 3,效果如图4。这一步主要把图片中的黄绿色转为教暗的青绿色。 ...
来源:教程网 作者:Coolzilj 本教程介绍有点另类的颓废色调调色方法。过程也比较简单,先用调色工具简单加强图片明暗对比,并加上暗角。然后把图片去色后再用色彩平衡调成自己喜欢的颜色。最后再整体加强明暗对比即可。 原图 最终效果 1、打开原图素材,创建色阶调整图层,加点墙壁及石头对比,具体的数值自定调试,大致效果如下图...

经验教程

47

收藏

84
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部