PS设计教程网欢迎你!

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

文章来源于 站酷,感谢作者 wangyufeng 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2012-06-06
6、在大图片下面,继续创建4个小矩形。尝试使用不同的颜色。 我使用的尺寸是222*182px。颜色值分别是:#f15522、#66aa44、#eea411、#1188cc 7、现在我们做一下小颜色块上的高光效果。 创建另一个层(按CTRL + SHIFT

6、在大图片下面,继续创建4个小矩形。尝试使用不同的颜色。

我使用的尺寸是222*182px。颜色值分别是:#f15522、#66aa44、#eea411、#1188cc

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

7、现在我们做一下小颜色块上的高光效果。

创建另一个层(按CTRL + SHIFT + ALT + N),在高光层内,添加白色到透明的径向渐变。

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

8、调整该高光层的混合模式为叠加,同时改变不透明度为50%.

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

9、复制该高光层到每个颜色图层上方。

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

10、接下来做导航部分。

在网站布局的顶部,将创建一个新的矩形。

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

11、对该层使用下面的图层样式。

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

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

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

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

12、创建一个小圆椭圆工具,直径22px。

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

13、对这个小圆,添加下面的图层样式。

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

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

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