Photoshop怎样打造非常精致的条纹水晶导航栏

本教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。
最终效果:

步骤/方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

  • 09

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

  • 10

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

  • 11

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

  • 12

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

  • 13

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

  • 14

    14、单击“内发光”项目,并设置其各项参数。

  • 15

    15、单击“渐变叠加”项目,并设置其各项参数。

  • 16

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

  • 17

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

  • 18

    18、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“高光”,并将其图层的图层样式删除。

  • 19

    19、将“高光”图层栅格化,按下<Ctrl>键的同时单击“形状 1”图层,将其载入选区,移动选区位置,对“高光”图层进行修整。

  • 20

    20、为“高光”图层添加图层蒙版,选择“渐变工具”调整图像。

  • 21

    21、设置“填充”参数,效果如图所示。

  • 22

    22、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“边”,并将其图层的图层样式删除。

  • 23

    23、将“边”图层栅格化,参照修整“高光”图层的方法,对“边”图层进行修整。

  • 24

    24、取消选区,效果如图所示。

  • 25

    25、设置“填充”参数,效果如图所示。

  • 26

    26、将“图层”调板中隐藏的“组 1”图层组和“素材”图层显示,完成本实例的制作。 最终效果:

(0)

相关推荐

  • 如何使用Photoshop制作一张精致的邮票

    你是否尝试过自己设计一张邮票附在信封上,寄给远方亲爱的父母.朋友?这可是一件十分有意义的事情,而且操作起来十分简单!今天就来给有需要的朋友讲讲如何运用Photoshop制作一张精致的邮票.邮票效果图是 ...

  • PhotoShop设计打造品牌艺术字LOGO教程

    本教程主要介绍用PhotoShop设计打造品牌艺术字LOGO效果,主要用到路径工具来打造文字的型,然后根据创意需要制作出效果就好了. 操作方法 01 1.首先,让我们来看一下最终效果: 02 2.新建 ...

  • 怎样用Photoshop滤镜打造抽象的光影效果

    怎样用Photoshop滤镜打造抽象的光影效果?最终效果图: 步骤/方法 01 1.建立一个500×500的北景为黑色的图像. 02 2.选择"滤镜"- "渲染" ...

  • Photoshop怎样制作漂亮的绿色水晶导航按钮

    按钮是网页中不可缺少的部分,好的按钮可以给网页增色不少.下面的教程介绍水晶风格的导航按钮制作.制作的时候先制作按钮的一部分,然后再复制组成导航栏. 最终效果: 步骤/方法 01 1.新建文件,大小50 ...

  • Photoshop教程:教你制作质感水晶图标

    Photoshop在质感表现方面的功能是非常惊人的,无论你今天才开始接触还是对它早有研究,这一点都无法否认(可能理解层次上会有所差异).从这个意义来说,你也许永远都无法知道它究竟"不能&qu ...

  • Photoshop怎样打造水彩风景画

    Photoshop怎样把风景画处理为水彩效果,打造古典水乡韵味,一起来看看吧! 对比图 01 原图 02 效果图 步骤/方法 01 打开图片,Ctrl+j复制一个图层. 02 执行图像->调整亮 ...

  • Photoshop如何打造火焰特效

    Photoshop是我们经常使用的图片编辑软件,它的功能十分强大.但是一些用户不知道火焰特效是如何制作的.下面小编就教你制作火焰特效的方法,如图所示: 操作方法 01 在桌面上双击Photoshop的 ...

  • Photoshop如何打造非主流文字效果

    Photoshop是我们经常使用的图片编辑软件,它的功能十分强大.但是一些用户不知道怎么制作一些非主流图层样式效果.下面小编就教你制作非主流图效果的方法,如图所示: 操作方法 01 在桌面上双击Pho ...

  • photoshop cs5打造半调网纹风格人物图像效果

    按以下图制作 按以下图制作 按以下图制作