PS设计教程网欢迎你!

Photoshop设计炫彩的商业网页界面设计

文章来源于 站酷,感谢作者 wangyufeng 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2012-06-06
本教程主要使用Photoshop绘制绚丽多彩的商业Web页面,该教程将逐步教您如何制作一个华丽的Web网页。

先看看效果图

Photoshop设计炫彩的商业网页界面设计

1、首先需要创建一个新文档,大小 1200*1172px,背景设置为#efefef

Photoshop设计炫彩的商业网页界面设计

2、使用矩形工具,在所创建新的图层内一个大的灰色矩形,命名“Grey”,大小1200*62px。

Photoshop设计炫彩的商业网页界面设计

3、为这个Grey矩形添加如下图层样式。

Photoshop设计炫彩的商业网页界面设计

Photoshop设计炫彩的商业网页界面设计

Photoshop设计炫彩的商业网页界面设计

4、在Grey图层上方再新建一个图层Image,再该层添加另一个形状,但这次我将使用圆角矩形工具。加入选择一张如下图漂亮的梦幻图片。

Photoshop设计炫彩的商业网页界面设计

5、对这张梦幻图片,添加一些图层样式,如下。

Photoshop设计炫彩的商业网页界面设计

Photoshop设计炫彩的商业网页界面设计

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