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

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

如何设计与PSD模板标题导航菜单教程 许多网站管理员/设计师专家图标/横幅图形设计,但只有10%个是与设计好一个非常好看的网站模板。今天我们要学习如何设计一个模板头有标志和导航菜单和部分内容区。一个很容易遵循

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

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

Step 3: 现在创建SITENAME/标志的形状,选择圆角矩形工具(U),半径为10像素下面显示. Step 4: 对于这个新的形状,再打开图层样式渐变叠加设置属性,如下面的截图上色。. Step 5: 要添加一些阴影,按下面的图设置

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

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

Step 20: 选择创建一个角落的形状Ploygonal套索工具(L). Step 21: 现在复制其他层和粘贴图层样式,像如下图层样式. Step 22: 现在选择文本文字工具(T)和类型样品的文字或任何其他文本. 最后效果图如下: 你可以

如何设计与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、下一步是在橙色铅笔。并用圆角矩形工具画一个橙色的形状,加入文字信息。 英文原教程是给了一个下载矢量素材的网站

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部