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

我的网站

用Photoshop设计专业网站模板布局(11)

时间:2011-01-18 00:00来源:思缘设计 作者:未知 点击:
步骤 32 让我们继续,现在只剩下页脚了。创建一个1020460px 的选区,以任何颜色填充。 添加渐变叠加,参考下图设置。 现在你应该拥有一个很漂亮的阴影

步骤 32

让我们继续,现在只剩下页脚了。创建一个1020×460px 的选区,以任何颜色填充。

Photoshop设计专业网站模板布局

添加渐变叠加,参考下图设置。

Photoshop设计专业网站模板布局

现在你应该拥有一个很漂亮的阴影。

Photoshop设计专业网站模板布局

wi运用单排选框工具(M) 创建一个1px 的选区然后填充白色(#ffffff)。

Photoshop设计专业网站模板布局

步骤 33

参照下图所示拖拽两条新的水平参考线。

Photoshop设计专业网站模板布局

输入一个标题,并设置以下字符属性:

字体类型: Rockwell

字体大小:30px

字体粗细:Regular

反锯齿设置 Sharp

颜色:#7ea547

Photoshop设计专业网站模板布局

输入一个sub-title,字符属性设置如下:

字体类型: Arial

字体大小:15px

字体粗细:Regular

反锯齿设置: None

颜色:#d3d3d3

Photoshop设计专业网站模板布局

运用线性工具 (U)在顶部创建两条水平线,然后设置颜色值为:#151515 – #2f2f2f.

Photoshop设计专业网站模板布局

如下图所示对齐:

Photoshop设计专业网站模板布局

步骤 34

参照下图所示拖拽两条新的水平参考线。

Photoshop设计专业网站模板布局

运用圆角矩形工具 (U) 创建两个210×25px半径 5px 的矩形,填充颜色为: #141313,设置阴影。

Photoshop设计专业网站模板布局

在这两个矩形里面输入文本,设置文字属性如下:

字体类型: Arial

字体大小:15px

字体粗细:Regular

反锯齿设置: None

颜色:#7ea547

Photoshop设计专业网站模板布局

创建另一个矩形如上图所示,但是这个高度调整为: 110px依然在里面输入文字,属性设置同上,复制我们在第17步制作的按钮,然后对齐它如下图所示:

Photoshop设计专业网站模板布局

步骤 35

如同左边,我们在右边也输入同样的标题。

Photoshop设计专业网站模板布局

输入文字,并参考下图设置。

Photoshop设计专业网站模板布局

把你所做的复制两份。

Photoshop设计专业网站模板布局

步骤 36

输入第三个标题和一些文字来填充右边的部分。

Photoshop设计专业网站模板布局

现在你的页脚应该像这个样子:

Photoshop设计专业网站模板布局

步骤 37

我们现在应该到这一步了!向下50px拖拽一条新的水平参考线。

Photoshop设计专业网站模板布局

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