Photoshop设计透明透底波纹网页导航栏

2016-03-18 05:51 33 1 收藏

图老师小编精心整理的Photoshop设计透明透底波纹网页导航栏希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

Photoshop设计透明透底波纹网页导航栏最终效果


1、打开下图所示的背景素材。

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

2、选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。


3、为“形状 1”图层添加图层样式,单击“投影”项目,并设置其各项参数。

4、单击“内阴影”项目,并设置其各项参数。


5、单击“斜面和浮雕”项目,并设置其各项参数。


6、单击“图案叠加”项目,并设置其各项参数。

7、单击“描边”项目,并设置其各项参数。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)
8、按下“确定”按钮,关闭“图层样式”对话框,设置图层“填充”参数,效果如图所示。


9、复制“形状 1”图层,得到“形状 1 副本”图层,并将“形状 1 副本”图层的图层样式删除,效果如图所示。


10、为“形状 1”图层添加“渐变叠加”图层样式,并设置其各项参数。

11、按下“确定”按钮,关闭“图层样式”对话框,设置图层的“填充”参数,效果如图所示。


12、选择“矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 2”图层。


13、为“形状 2”图层添加图层样式,单击“投影”项目,并设置其各www.Tulaoshi.com项参数。

12下一页

来源:https://www.tulaoshi.com/n/20160318/1873826.html

延伸阅读
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选...
来源:站酷 作者:邵飞Design 透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏...
标签: PS PS基础
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择合并形状,勾出底...
导读:社交网站LinkedIn的最新版本中,将导航栏做了最大程度的简化,不仅加强了广告效果同时更好体现了网站本身的功能。 商业社交网站LinkedIn最近对网站的导航栏和用户界面进行了改版,旨在简化网站浏览,提供更加简洁紧凑的页面。但效果如何呢? 更新:导航改进,空白更多 新版LinkedIn的最大特色就是页面顶部的通用导航栏,其中包括了档案...
导航是网站不可或缺的一部分,看惯了一成不变传统的网站导航和今年倍受宠爱的隐藏式汉堡菜单导航,是时候来点不一样的刺激下灵感了。这20个网站不仅都有自己脑洞大开的导航设计,整体设计也是创意丰满,一起来点意料之外的惊喜吧。 Vincent Tavano ACT Festival ECC Architectural Print Gallery Heat Architecture ...

经验教程

691

收藏

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