当前位置: 首页 > 设计教程 > 网页设计教程 > 用Photoshop设计专业网站模板布局(2)

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

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

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

  • 共12页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 下一页
  • 上一篇:Photoshop制作云朵标题的网页布局
    下一篇:Photoshop简单绘制圆角矩形翻转网页按钮

    图集推荐

    • 灵感
    • 美图