PS设计教程网欢迎你!

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

文章来源于 发现吧,感谢作者 龙骑士 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-05-04
在两条线下面增加选区. 设置前景色为#e6e6e6背景色为#efefef 然后选择线性渐变. 向下拉出渐变. 我们现在需要混合2条线和渐变. 我们加入了左,右两方面的背景. 增加一个蒙版, 设置前景色为白色,背景色为黑色. 选择对

在两条线下面增加选区.

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

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

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

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

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

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

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

增加内容

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

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

设置如下样式.

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

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

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

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

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

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

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

创建页脚

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

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

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

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

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=455434

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa