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

Photoshop设计商务网站布局教程

首先欣赏下最终效果图:点击这里看放大的图

Photoshop设计商务网站布局教程

准备就绪

新建文档:大小1200px*1200px.设置前景色#505050,背景色#2d2d2d,选择”渐变工具”,并改渐变类型为”径向渐变”。

此径向渐变大概是位于画布中间上方一点,因此渐变起点和终点要有一定长度。如下所示:

Photoshop设计商务网站布局教程

接下来,新建图层,命名为”header”,选择”矩形选框工具”或”矩形工具”沿左上角拖出高为300px的矩形,以任何颜色填充。如下所示:

Photoshop设计商务网站布局教程

给”header”添加以下图层样式:

内阴影

Photoshop设计商务网站布局教程

渐变叠加

Photoshop设计商务网站布局教程

这时的效果图为:

Photoshop设计商务网站布局教程

Photoshop制作碳纤维风格的插入式导航菜单
用Photoshopo制作简单的水晶按钮