PS设计教程网欢迎你!

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

文章来源于 发现吧,感谢作者 龙骑士 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-03-15
增加描边效果,选择图层图层样式描边 这是我的设置 在布局的顶部,我使用圆角椭圆工具创建另外一个图形 在导航栏上面,使用钢笔工具创建一个简单图形如下 对于这个按钮,我将增加一个图层样式.选择 图层图层样式渐变叠

增加描边效果,选择图层>图层样式>描边

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

这是我的设置

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

在布局的顶部,我使用圆角椭圆工具创建另外一个图形

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

在导航栏上面,使用钢笔工具创建一个简单图形如下

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

对于这个按钮,我将增加一个图层样式.选择 图层>图层样式>渐变叠加,使用如下设置:

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

按钮看清了应该是这样子的.

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

选择椭圆形工具,新建2个小圆.

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

将该圆图层拖到背景上面.

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

圆将置于黑色图形后面,用这种方法我们创建了一个漂亮的3D效果.

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

使用水平排版工具,增加文字.

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa