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

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

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

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

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

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

广告位
ps设计心形网页模板教程(8)插图

ps设计心形网页模板教程(8)

在本教程中,你将学习如何创建一个Fancy的设计工作室网页布局。像往常一样,希望通过实例教程传递布局构架理念,不只是在告诉大家网站是如何一点点设计出来的。所以希望看到灵活应用的更多扩展版本。期待你的创新。

ps设计心形网页模板教程(2)插图

ps设计心形网页模板教程(2)

4、在页面布局的底部,填入第二张图片,命名该图层为bottom,设置图层模式为正片叠底。 5、Copy第二张图片得到bottom副本,移动到页面中上部位置。 6、接下来制作导航。使用圆角矩形工具,设置半径为15px,Size:94

ps设计心形网页模板教程(7)插图

ps设计心形网页模板教程(7)

21、下一步是创建一个Logo。 22、最后,你可以看到最终结果。

ps设计心形网页模板教程(6)插图

ps设计心形网页模板教程(6)

19、继续向页面加入一些图标和文字,注意icon效果和文字布局。 20、图标的图层样式参数如下。

ps设计心形网页模板教程(5)插图

ps设计心形网页模板教程(5)

15、然后使用滤镜模糊高斯模糊。设置8-10px为半径。 16、然后使用编辑变换扭曲,设置如下图。 17、下一步是在橙色铅笔。并用圆角矩形工具画一个橙色的形状,加入文字信息。 英文原教程是给了一个下载矢量素材的网站

ps设计心形网页模板教程(4)插图

ps设计心形网页模板教程(4)

10、想导航区域加入一些文字。 个人感觉比较喜欢这样的导航样式,宽敞的高度布局,融入了主副标题的设计,注意小号字不是二级导航,而是用一些简单的词语概括每个一级导航是什么。类似扩展说明。比较有新意。 11、

ps设计心形网页模板教程(3)插图

ps设计心形网页模板教程(3)

7、对该圆角矩形使用下面的图层样式。 8、使用直线工具画一些垂直的线。我使用下列颜色进行填充 #5e5a59。 9、然后使用矩形工具,绘制一个简单形状,加入较深的颜色。这个形状用于按钮事件。当你用鼠标滑动时就可以

Photohop网页模板设计实例:主机专业网站模板(3)插图

Photohop网页模板设计实例:主机专业网站模板(3)

作者:amitk 出处:webdesign.org 本教程您的需要 一个服务器的图像。 看看如何创建一个服务器 在这里 在 Photoshop笔刷 以下设置 我们最新的 超级包 超过30.000层多种款式,16.000梯度。 ( optional ) (可选) 请在

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部