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

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

步骤7

现在我们该创建一个特色的设计空间了。我们先在上一个参考线430px之后添加一个水平的参考线作为下边框。

Photoshop设计专业网站模板布局

创建一个1020*430px的选区作为特色设计空间的背景,用任何颜色填充。

Photoshop设计专业网站模板布局

然后执行图层样式——渐变叠加,设置参考下图所示:

Photoshop设计专业网站模板布局

现在让我们添加光泽效果!创建一个1020*120px的选区,用任何颜色填充。

Photoshop设计专业网站模板布局

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

Photoshop设计专业网站模板布局

降低图层不透明度到40%

Photoshop设计专业网站模板布局

步骤 8

接下来添加高光!运用单排选取框工具创建一个1像素的选区,如下图所示设置对齐:

Photoshop设计专业网站模板布局

设置前景色为 #acd86e 然后按下 shift+backspace 填充;要确定是使用前景色作为填充色。

Photoshop设计专业网站模板布局

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

    图集推荐

    • 灵感
    • 美图