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

我的网站

Photoshop设计商务网站布局教程(5)

时间:2011-02-07 21:02来源:思源论坛 作者:未知 点击:
创建内容区 从下载图标的网站下载一个房子的图标,放置在左边产品盒下方。 选择矩形选框工具,在主内容下方创建矩形选区。 给此矩形填充颜色#1e1e

创建内容区

从下载图标的网站下载一个”房子”的图标,放置在左边产品盒下方。

Photoshop设计商务网站布局教程

选择”矩形选框工具”,在主内容下方创建矩形选区。

Photoshop设计商务网站布局教程

给此矩形填充颜色#1e1e1e,然后设置如下图层样式:

内阴影

Photoshop设计商务网站布局教程

描边

Photoshop设计商务网站布局教程

最后在矩形内添加一张图片示例,并留出10px的边框。

Photoshop设计商务网站布局教程

创建Footer

在画布剩下的空间里创建一个矩形选区,以颜色#1e1e1e进行填充,然后添加如下图层样式:

内阴影

Photoshop设计商务网站布局教程

描边

Photoshop设计商务网站布局教程

在底部区域添加你想添的内容。

Photoshop设计商务网站布局教程

最终效果图

Photoshop设计商务网站布局教程

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