Photoshop创建web2.0商业布局网站

文章来源于发现吧，感谢作者龙骑士给我们带来经精彩的文章！

设计教程/PS教程/设计教程2010-03-15

本教程,我会给大家展示如何用Photoshop来制作一个web2.0商业布局.在此类的美工教程中,重点部分就是网页的布局和配色,下面让我们一起来学习.

先看看最终效果图

首先创建在photoshop创建新的文档,我将使用以下尺寸:高900像素,宽1000像素.尺寸的大小并不重要.但如果你想要创建web2.0布局的样式,你需要创建尽可能大的网站,

留出许多空间,当你选择字体大小的时候,尽可能选择大的尺寸.

Photoshop创建web2.0商业布局网站

选择椭圆形工具,在顶部的控制面板,将圆角半径设置为15像素.

将前景色设置为#313538.

在文档中新建几个图形

Photoshop创建web2.0商业布局网站

使用相同的工具,根据下面图片创建另外一些白色图形.我将它们转变为粉红色片刻,因为想让你更好的看到如何放置这些图形.

Photoshop创建web2.0商业布局网站

现在将这些图形转成白色.只有双击图层缩略图然后修改,这一步现在不是必须的.然后使用第一次创建的白色图形割出以下形状.

Photoshop创建web2.0商业布局网站

情非得已