如何设计与PSD模板标题导航菜单教程(3)

Step 7: 下一步,我们使用矩形选框工具(M). 添加一个黑暗地带的导航菜单边框,如下图所示 Step 8: 现在选择这层并且复制粘贴(CTRL + V)和划分导航菜单 如下. Step 9:现在我们要添加导航菜单文本给出截图使用文本

如何设计与PSD模板标题导航菜单教程(4)

Step 14: 现在,关于我的右侧漂浮,选择圆角矩形工具(U),半径为10像素的形状如下喜欢. Step 15: 现在复制图层样式,从子菜单层,并粘贴到我的浮动层. Step 16: 关于about me文字使用下面显示的文本文字工具(T)

Step 7: 下一步,我们使用矩形选框工具(M).
添加一个黑暗地带的导航菜单边框,如下图所示
如何设计与PSD模板标题导航菜单教程(3)插图
Step 8: 现在选择这层并且复制粘贴(CTRL + V)和划分导航菜单 如下.
如何设计与PSD模板标题导航菜单教程(3)插图(1)
Step 9:现在我们要添加导航菜单文本给出截图使用文本文字工具(T).

如何设计与PSD模板标题导航菜单教程(3)插图(2)

Step 10: 下一步,我们要添加子菜单条,使用圆角矩形工具(U)创建半径为10像素的形状像以下

如何设计与PSD模板标题导航菜单教程(3)插图(3)

Step 11:打开其图层样式,单击并选择渐变叠加,设置如下设置.
如何设计与PSD模板标题导航菜单教程(3)插图(4)
Step 12:现在选择自定义形状工具(U),并作出如下图的形状

如何设计与PSD模板标题导航菜单教程(3)插图(5)
Step 13: 再次选择“文本文字工具(T)和类型如下的文本.

如何设计与PSD模板标题导航菜单教程(3)插图(6)

Step 3: 现在创建SITENAME/标志的形状,选择圆角矩形工具(U),半径为10像素下面显示.

如何设计与PSD模板标题导航菜单教程(3)插图(7)

Step 4: 对于这个新的形状,再打开图层样式>渐变叠加设置属性,如下面的截图上色。.
如何设计与PSD模板标题导航菜单教程(3)插图(8)

Step 5: 要添加一些阴影,按下面的图设置阴影属性.

如何设计与PSD模板标题导航菜单教程(3)插图(9)

Step 6: 用于显示网站名称,选择圆角矩形工具(u),半径为4像素的形状像如下.

如何设计与PSD模板标题导航菜单教程(3)插图(10)

如何设计与PSD模板标题导航菜单教程
许多网站管理员/设计师专家图标/横幅图形设计,但只有10%个是与设计好一个非常好看的网站模板。今天我们要学习如何设计一个模板头有标志和导航菜单和部分内容区。一个很容易遵循在Adobe Photoshop CS3/CS5与PSD教程。
持续时间:30分钟。
效果图
如何设计与PSD模板标题导航菜单教程(3)插图(11)
步骤1:创建一个新项目,分辨率为1280×1024像素,画一条水平线带使用矩形选框工具(m)。

如何设计与PSD模板标题导航菜单教程(3)插图(12)
Step 2: 现在打开图层样式>渐变叠加,设置它的颜色就像下面显示。

如何设计与PSD模板标题导航菜单教程(3)插图(13)

Step 14: 现在,关于我的右侧漂浮,选择圆角矩形工具(U),半径为10像素的形状如下喜欢.

如何设计与PSD模板标题导航菜单教程(3)插图(14)

Step 15: 现在复制图层样式,从子菜单层,并粘贴到我的浮动层.
如何设计与PSD模板标题导航菜单教程(3)插图(15)

Step 16: 关于about me文字使用下面显示的文本文字工具(T).
如何设计与PSD模板标题导航菜单教程(3)插图(16)

Step 17: 现在我们将添加横幅模板下的导航使用圆角矩形工具(U)。如何设计与PSD模板标题导航菜单教程(3)插图(17)
Step 18: 现在选择一个banner图片.

如何设计与PSD模板标题导航菜单教程(3)插图(18)
Step 19: 打开其图层样式,并选择以下设置阴影.
如何设计与PSD模板标题导航菜单教程(3)插图(19)

Step 20: 选择创建一个角落的形状Ploygonal套索工具(L).

如何设计与PSD模板标题导航菜单教程(3)插图(20)

Step 21: 现在复制其他层和粘贴图层样式,像如下图层样式.

如何设计与PSD模板标题导航菜单教程(3)插图(21)

Step 22: 现在选择文本文字工具(T)和类型样品的文字或任何其他文本.

如何设计与PSD模板标题导航菜单教程(3)插图(22)

最后效果图如下:
如何设计与PSD模板标题导航菜单教程(3)插图(11)

你可以设计出不同的颜色和您的体例选择的影响,以更好地提高其质量。

PDF下载本模板的PSD
我希望你喜欢这个教程,和给定的思想和技术,激发了一些新的想法在你的心中,你的下一个模板项目。

如何设计与PSD模板标题导航菜单教程
许多网站管理员/设计师专家图标/横幅图形设计,但只有10%个是与设计好一个非常好看的网站模板。今天我们要学习如何设计一个模板头有标志和导航菜单和部分内容区。一个很容易遵循在Adobe Photoshop CS3/CS5与PSD教程。
持续时间:30分钟。
效果图
如何设计与PSD模板标题导航菜单教程(3)插图(11)
步骤1:创建一个新项目,分辨率为1280×1024像素,画一条水平线带使用矩形选框工具(m)。

如何设计与PSD模板标题导航菜单教程(3)插图(12)
Step 2: 现在打开图层样式>渐变叠加,设置它的颜色就像下面显示。

如何设计与PSD模板标题导航菜单教程(3)插图(13)

Step 3: 现在创建SITENAME/标志的形状,选择圆角矩形工具(U),半径为10像素下面显示.

如何设计与PSD模板标题导航菜单教程(3)插图(7)

Step 4: 对于这个新的形状,再打开图层样式>渐变叠加设置属性,如下面的截图上色。.
如何设计与PSD模板标题导航菜单教程(3)插图(8)

Step 5: 要添加一些阴影,按下面的图设置阴影属性.

如何设计与PSD模板标题导航菜单教程(3)插图(9)

Step 6: 用于显示网站名称,选择圆角矩形工具(u),半径为4像素的形状像如下.

如何设计与PSD模板标题导航菜单教程(3)插图(10)

Step 7: 下一步,我们使用矩形选框工具(M).
添加一个黑暗地带的导航菜单边框,如下图所示
如何设计与PSD模板标题导航菜单教程(3)插图
Step 8: 现在选择这层并且复制粘贴(CTRL + V)和划分导航菜单 如下.
如何设计与PSD模板标题导航菜单教程(3)插图(1)
Step 9:现在我们要添加导航菜单文本给出截图使用文本文字工具(T).

如何设计与PSD模板标题导航菜单教程(3)插图(2)

Step 10: 下一步,我们要添加子菜单条,使用圆角矩形工具(U)创建半径为10像素的形状像以下

如何设计与PSD模板标题导航菜单教程(3)插图(3)

Step 11:打开其图层样式,单击并选择渐变叠加,设置如下设置.
如何设计与PSD模板标题导航菜单教程(3)插图(4)
Step 12:现在选择自定义形状工具(U),并作出如下图的形状

如何设计与PSD模板标题导航菜单教程(3)插图(5)
Step 13: 再次选择“文本文字工具(T)和类型如下的文本.

如何设计与PSD模板标题导航菜单教程(3)插图(6)

Step 14: 现在,关于我的右侧漂浮,选择圆角矩形工具(U),半径为10像素的形状如下喜欢.

如何设计与PSD模板标题导航菜单教程(3)插图(14)

Step 15: 现在复制图层样式,从子菜单层,并粘贴到我的浮动层.
如何设计与PSD模板标题导航菜单教程(3)插图(15)

Step 16: 关于about me文字使用下面显示的文本文字工具(T).
如何设计与PSD模板标题导航菜单教程(3)插图(16)

Step 17: 现在我们将添加横幅模板下的导航使用圆角矩形工具(U)。如何设计与PSD模板标题导航菜单教程(3)插图(17)
Step 18: 现在选择一个banner图片.

如何设计与PSD模板标题导航菜单教程(3)插图(18)
Step 19: 打开其图层样式,并选择以下设置阴影.
如何设计与PSD模板标题导航菜单教程(3)插图(19)

Step 20: 选择创建一个角落的形状Ploygonal套索工具(L).

如何设计与PSD模板标题导航菜单教程(3)插图(20)

Step 21: 现在复制其他层和粘贴图层样式,像如下图层样式.

如何设计与PSD模板标题导航菜单教程(3)插图(21)

Step 22: 现在选择文本文字工具(T)和类型样品的文字或任何其他文本.

如何设计与PSD模板标题导航菜单教程(3)插图(22)

最后效果图如下:
如何设计与PSD模板标题导航菜单教程(3)插图(11)

你可以设计出不同的颜色和您的体例选择的影响,以更好地提高其质量。

PDF下载本模板的PSD
我希望你喜欢这个教程,和给定的思想和技术,激发了一些新的想法在你的心中,你的下一个模板项目。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部