PS设计教程网欢迎你!

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

文章来源于 HiZhen.cn,感谢作者 秩名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-04-20
步骤 32 让我们继续,现在只剩下页脚了。创建一个1020460px 的选区,以任何颜色填充。 添加渐变叠加,参考下图设置。 现在你应该拥有一个很漂亮的阴影。 wi运用单排选框工具(M) 创建一个1px 的选区然后填充白色(#ff

步骤 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设计专业网站模板布局

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