当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计商务网站布局教程(5)

Photoshop设计商务网站布局教程(5)

创建内容区

从下载图标的网站下载一个”房子”的图标,放置在左边产品盒下方。

Photoshop设计商务网站布局教程

选择”矩形选框工具”,在主内容下方创建矩形选区。

Photoshop设计商务网站布局教程

给此矩形填充颜色#1e1e1e,然后设置如下图层样式:

内阴影

Photoshop设计商务网站布局教程

描边

Photoshop设计商务网站布局教程

最后在矩形内添加一张图片示例,并留出10px的边框。

Photoshop设计商务网站布局教程

创建Footer

在画布剩下的空间里创建一个矩形选区,以颜色#1e1e1e进行填充,然后添加如下图层样式:

内阴影

Photoshop设计商务网站布局教程

描边

Photoshop设计商务网站布局教程

在底部区域添加你想添的内容。

Photoshop设计商务网站布局教程

最终效果图

Photoshop设计商务网站布局教程

  • 共5页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 上一篇:Photoshop制作碳纤维风格的插入式导航菜单
    下一篇:用Photoshopo制作简单的水晶按钮

    图集推荐

    • 灵感
    • 美图