PS设计教程网欢迎你!

Photoshop制作一个非常棒的网店购物主页

文章来源于 ximumu.cn,感谢作者 夕木木 给我们带来经精彩的文章!
设计教程/PS教程/其他教程2009-12-17
本教程主要用Photshop设计绿色掉网店购物模板,本教程属于网页制作教程,最有特色是的头部的设计,效果非常的棒.有兴趣的可以动手试一下.

先来看效果图:

Photoshop制作一个非常棒的网店购物主页

1.来看一下如何做这个PS网页.打开PS软件,新建一个950*1100的文档,并为背景填充#f8f8f8.然后新建一个新图层,在工具栏上选择矩形工具,高度大约有120px的矩形(crtl+r打开辅助线),并渐变与描边设置如下.

Photoshop制作一个非常棒的网店购物主页

Photoshop制作一个非常棒的网店购物主页

Photoshop制作一个非常棒的网店购物主页

2.在矩形下面创建一个1px的白色线条,你可以新建一个图层,等你在修改的时候会发现是多么重要的.

Photoshop制作一个非常棒的网店购物主页

3.新建一个图层,使用矩形选区工具,画一个小矩形,并给它添加样式.

Photoshop制作一个非常棒的网店购物主页

Photoshop制作一个非常棒的网店购物主页

Photoshop制作一个非常棒的网店购物主页

完成之后你可以看到如下效果:

Photoshop制作一个非常棒的网店购物主页

4.再次建创一个高度为65px的矩形并添加样式

Photoshop制作一个非常棒的网店购物主页

Photoshop制作一个非常棒的网店购物主页

5.使用圆角矩形工具,在画布上画出一个圆角为15px的圆角矩形.

Photoshop制作一个非常棒的网店购物主页

复制这个圆角矩形,然后暂时隐形这个图形.再利用矩形工具创建一个矩形,如下图:

Photoshop制作一个非常棒的网店购物主页

现在可以把那个隐藏的圆角矩形显示出来,并给它改变颜色并移动其位置,如图所示:

Photoshop制作一个非常棒的网店购物主页

按ctrl键不放在红色的圆角距形的图层上点击一下,这样就可以快速的选区,然后隐藏这个图层,选择下面的矩形图层按delete键,效果如下:

Photoshop制作一个非常棒的网店购物主页

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