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

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

最终效果预览

Photoshop设计专业网站模板布局

详细教程

软件:Adobe Photoshop

版本:CS4

难度:中级

预计完成时间:大约两个小时

步骤1

为了确保能够对齐我们采用960s坐标制(从这里获取)下载打开文件

我们先创建背景图层,在背景层上右击,然后选择背景图层,命名为“bg”。

Photoshop设计专业网站模板布局

步骤2

我们运用了这么多参考线,所以我们需要打开视图>标尺。

Photoshop设计专业网站模板布局

步骤3

我们要为标题区设置下边框,所以需要在下方100px拖拽一条新的参考线,执行视图——新建参考线,位置:100

Photoshop设计专业网站模板布局

步骤 4

让我们来创建标题。先创建一个1020*100px的选区,然后按下shift+backspace 填充(可用任何颜色)

Photoshop设计专业网站模板布局

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

    图集推荐

    • 灵感
    • 美图