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

我的网站

Photoshop绘制展示软件产品的绿色网页布局(4)

时间:2010-10-27 21:02来源: 作者: 点击:
在两条线下面增加选区. 设置前景色为#e6e6e6背景色为#efefef 然后选择线性渐变. 向下拉出渐变. 我们现在需要混合2条线和渐变. 我们加入了左,右两方面的背

在两条线下面增加选区.

Photoshop绘制展示软件产品的绿色网页布局

设置前景色为#e6e6e6背景色为#efefef 然后选择线性渐变. 向下拉出渐变.

Photoshop绘制展示软件产品的绿色网页布局

我们现在需要混合2条线和渐变. 我们加入了左,右两方面的背景.

增加一个蒙版, 设置前景色为白色,背景色为黑色. 选择对称渐变从元素的中间往左右两边拉出渐变. 你所选择的元素应与背景的左右两边融合.

为你的3个图层进行设置,分别是 顶部线, 底部线和渐变.

Photoshop绘制展示软件产品的绿色网页布局

增加内容

在画步的左边,分割线的下边新建3个圆角矩形. 不需要太大,我们只是放置简单的列表.

Photoshop绘制展示软件产品的绿色网页布局

设置如下样式.

Photoshop绘制展示软件产品的绿色网页布局
Photoshop绘制展示软件产品的绿色网页布局
Photoshop绘制展示软件产品的绿色网页布局

在圆角矩形里面增加绿色的小圆点, 分割列表项目.

Photoshop绘制展示软件产品的绿色网页布局

盒子的右边增加简短的标题. 在段落下面增加图标, 我使用“Classy Icon Set” 来自 “Dryicons”.

Photoshop绘制展示软件产品的绿色网页布局

创建页脚

复制页眉和底部的风格线拖动到画布底部. 选择复制 页面后按住CTRL+T自由变形. 调整以适应页脚.

移动从页面复制的分隔线. 最后加上页脚文字.

Photoshop绘制展示软件产品的绿色网页布局

教程完毕,希望你能喜欢.

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