PS简洁网页美工教程(5)插图

PS简洁网页美工教程(5)

完成的网页效果: 1 创建新的 Photoshop文档 (Ctrl/Cmd + N)根据下图. 设置单位和标尺 2 确保你使用像素为单位, 它是网页设计的标准尺度. 从前置选项的windows对话框设置标尺 (Ctrl/Cmd + K); 点击单位和标尺,确保你

PS简洁网页美工教程(2)插图

PS简洁网页美工教程(2)

9 将SMASHING 图层移动到距离顶部35px距离左侧参考线0px 的地方. 你可以使用移动工具配合方向键使用. 复制文字图层(图层 复制图层). 移动复制文字到 SMASHING 的右边,更改为Dzine. 重复步骤6, 7, 8 但颜色有些不同

广告位
PS简洁网页美工教程(4)插图

PS简洁网页美工教程(4)

27 选择椭圆形工具创建方型大小80px乘以35px命名为submit btn. 28 双击图层打开图层样式对话框 ,勾选左边的渐变叠加对话框. 点击渐变编辑按照如下变更颜色 . 29 选择文字工具,键入Submit 使用字体Arial, 粗体样式

PS简洁网页美工教程(3)插图

PS简洁网页美工教程(3)

21 现在我们开始为特色区域图片创建标题和描述.选择矩形工具(U)创建矩形大小为630px乘以 90px,颜色为#161718. 改变图层不透明度为90% 命名为title bg. 如下放置图片. 22 创建矩形630px乘以 1px颜色#命名为title hor

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

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部