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

使用Photoshop CS4设计网页教程

使用Photoshop CS4设计网页教程

复制下面链接,用迅雷或者电驴下载 [使用photo-shop.CS4设计网页教程].TLF-SOFT-VTC.Adobe.photo-shop.CS4.for.the.Web-iNKiSO.bin 611.2MB [使用photo-shop.CS4设计网页教程].TLF-SOFT-VTC.Adobe.photo-shop.CS4.fo

Photoshop设计制作冬天主题的网页教程(3)插图

Photoshop设计制作冬天主题的网页教程(3)

作者:小鱼 出处:UCD博客 先看下效果吧 :) 第1步:新建文件(ctrl+N),全选(ctrl+A)填充#e3f2f6色;取消选择(ctrl+D) 第2步:设置参考线;编辑首选项常规网格(ctrl+K) 第3步:激活网格(ctrl+’),按F8打开

Photoshop设计制作冬天主题的网页教程(2)插图

Photoshop设计制作冬天主题的网页教程(2)

Photoshop设计制作冬天主题的网页教程(3)作者:小鱼 出处:UCD博客 先看下效果吧 :) 第1步:新建文件(ctrl+N),全选(ctrl+A)填充#e3f2f6色;取消...
Photoshop设计制作冬天主题的网页教程插图

Photoshop设计制作冬天主题的网页教程

作者:小鱼 出处:UCD博客 先看下效果吧 :) 第1步:新建文件(ctrl+N),全选(ctrl+A)填充#e3f2f6色;取消选择(ctrl+D) 第2步:设置参考线;编辑首选项常规网格(ctrl+K) 第3步:激活网格(ctrl+’),按F8打开窗口信息,选择圆角矩形工具(U)设置半径为10px,圆角矩形

PS简洁网页美工教程插图

PS简洁网页美工教程

.

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部