当前位置: 主页 > 设计教程 > photoshop教程 >

photoshop制作一个专业的2.0网页布局(19)

时间:2010-08-12 15:57来源:ps真功夫 整理:admin 点击:
步骤 32 让我们继续,现在只剩下页脚了。创建一个1020460px 的选区,以任何颜色填充。 添加渐变叠加,参考下图设置。 现在你应该拥有一个很漂亮的阴影
  


步骤 32

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

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

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

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


步骤 33

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

输入一个标题,并设置以下字符属性:
字体类型: Rockwell
字体大小:30px
字体粗细:Regular
反锯齿设置 Sharp
颜色:#7ea547

输入一个sub-title,字符属性设置如下:
字体类型: Arial
字体大小:15px
字体粗细:Regular
反锯齿设置: None
颜色:#d3d3d3

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

如下图所示对齐:


步骤 34

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

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

在这两个矩形里面输入文本,设置文字属性如下:
字体类型: Arial
字体大小:15px
字体粗细:Regular
反锯齿设置: None
颜色:#7ea547

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


步骤 35

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

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

把你所做的复制两份。


顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------

我要分享到: