PS设计教程网欢迎你!

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

文章来源于 HiZhen.cn,感谢作者 秩名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-04-20
做一个渐变叠加,如下图所示。 将这个图层命名为header-bg。 步骤 5 输入网站标题,并设置以下文字属性: 字体设置: Rockwell (从这里获取) 字体大小: 30px 字体样式: Regular 反锯齿设置:平滑 颜色:不要紧,因

做一个渐变叠加,如下图所示。

Photoshop设计专业网站模板布局

将这个图层命名为“header-bg”。

Photoshop设计专业网站模板布局

步骤 5

输入网站标题,并设置以下文字属性:

字体设置: Rockwell (从这里获取)

字体大小: 30px

字体样式: Regular

反锯齿设置:平滑

颜色:不要紧,因为我们还要执行一个渐变叠加

Photoshop设计专业网站模板布局

现在对文本添加渐变叠加,参考下图所示:

Photoshop设计专业网站模板布局

将你的网站标题和标题背景色对齐;同时选择你的标题层和“header-bg”层,然后选择垂直居中。

Photoshop设计专业网站模板布局

步骤 6

导航条字符设置如下:

字体设置:Arial

字体大小: 20px

字体样式: Regular

反锯齿设置:平滑

颜色:#ffffff

Photoshop设计专业网站模板布局

创建一个圆角矩形作为一个动态链接,固定大小65*35Px,半径5px,(可用任何颜色填充)。

Photoshop设计专业网站模板布局

根据下图所示:执行描边,渐变叠加.

Photoshop设计专业网站模板布局

在我们进行下一步之前,首先要确保你的图层条理清晰,下面展示的是我们的图层面版!

Photoshop设计专业网站模板布局

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