建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 图像设计 > Photoshop教程 >

Photoshop制作一个精美的透明导航

时间:2010-09-12 23:21来源: 作者: 点击:
这photoshop教程介绍非常精致的导航栏的制作方法。大致过程:先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。

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

  最终效果

 

Photoshop制作一个精美的透明导航

 

 

Photoshop制作一个精美的透明导航

 

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

  <点小图查看大图>

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航

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

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航

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

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航

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

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航

 

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

 

Photoshop制作一个精美的透明导航
(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片