织梦CMS - 轻松建站从此开始!

我的网站

Photoshop设计商务网站布局教程

时间:2011-02-07 21:02来源:思源论坛 作者:未知 点击:
首先欣赏下最终效果图:点击这里看放大的图 准备就绪 新建文档:大小1200px*1200px.设置前景色#505050,背景色#2d2d2d,选择渐变工具,并改渐变类型为径向渐变。 此径向渐变大概是位于画布中间上方一点,因此渐变起点和终点要有一定长度。如下所示: 接下来

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

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a><a href='/' target='_blank'><u>设计</u></a>商务网站布局教程

准备就绪

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

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

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a><a href='/' target='_blank'><u>设计</u></a>商务网站布局教程

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

Photoshop设计商务网站布局教程

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

内阴影

Photoshop设计商务网站布局教程

渐变叠加

Photoshop设计商务网站布局教程

这时的效果图为:

Photoshop设计商务网站布局教程

(责任编辑:RGB)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容