WEB开发网
开发学院图形图像PhotoShop Photoshop制作一个精美的透明导航 阅读

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

 2010-09-12 13:07:00 来源:WEB开发网   
核心提示:这photoshop教程介绍非常精致的导航栏的制作方法,大致过程:先用做出自己想要的导航栏形状,Photoshop制作一个精美的透明导航,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感,13、为“形状 2”图层添加图层样式,单击“投影”项目,后期调整细节并加上文字即可,最终效果1、打开下图所示的背景素材

这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制作一个精美的透明导航

1 2  下一页

Tags:Photoshop 制作 一个

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接