织梦CMS - 轻松建站从此开始!

我的网站

Photoshop中创建简洁专业的网页设计(4)

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
27 选择椭圆形工具创建方型大小80px乘以35px命名为submit btn. 28 双击图层打开图层样式对话框 ,勾选左边的渐变叠加对话框. 点击渐变编辑按照如下变更颜色

27 选择椭圆形工具创建方型大小80px乘以35px命名为”submit btn“.

28 双击图层打开图层样式对话框 ,勾选左边的渐变叠加对话框. 点击渐变编辑按照如下变更颜色 .

Photoshop中创建简洁专业的网页设计

29 选择文字工具,键入”Submit” 使用字体Arial, 粗体样式 大小为13pt. 选择”submit 按钮” 和 “Submit 文字”).

30 在工具面板选择移动工具 在选项条设置水平居中和垂直居中.

Photoshop中创建简洁专业的网页设计

创建主要内容区域

31创建新组命名为”content“. 选择椭圆形工具(U).新建300px 乘以 175px 命名为”c01“. 放置此层在距离头部30px 以下 距离左边参考线0px. 双击层,设置如下样式.

Photoshop中创建简洁专业的网页设计

32 我们继续为该层填充内容. 选择文字工具增加文字, “About SmashingDzine“. 使用文章工具选择”About” 文字,改变颜色为#b47825. 选择”Smashing”文字,改变颜色为#2f2f2f. 增加简短描述和文字连接. 参考以下设置.

Photoshop中创建简洁专业的网页设计

标题设置:

字体: Trebuchet MS, 样式: Normal,大小: 24pt,反锯齿选项: 锐利

描述设置:

字体: Arial, 样式: Normal, 大小: 12pt,反锯齿选项: 无, 颜色: #767676

连接设置:

字体: Arial, 样式: Bold,大小: 13pt, 反锯齿选项:无, 颜色: #252525, 下划线

33 紧靠描述的地方我们将增加多一个正方形. 选择矩形工具,颜色 #ffffff, 按住Shift键,维持比例绘制矩形,大小为88px 乘以88px. 移动该矩形到距离左边矩形(“c01″).10px 的地方,命名为”border“. 设置描边如下:

Photoshop中创建简洁专业的网页设计

34 创建另一个盒子,大小为82px 乘以 82px放置在”border” 层中央. 命名为”box“ 颜色改变为 #d5d5d5. 选择”content” 组的所有图层,进入图层> 新建> 创建组(Ctrl/Cmd + G) 命名为”about“.

Photoshop中创建简洁专业的网页设计

(责任编辑:RGB)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容