当前位置 >> photoshop>>[推荐]在photoshop中制作一个蓝色清爽的网页布局(下)

上一篇:« 网页美工必备:使用photoshop制作网页 网页设计教程电子书下载 下一篇:第一节:如何本地安装zencart视频教程 »

[推荐]在photoshop中制作一个蓝色清爽的网页布局(下)

发布时间:2011年7月26日 次浏览:

在photoshop中制作一个蓝色清爽的网页布局(上)

这个网页设计培训教程是上一节的后部分,继续观看了。

14.添加一条新的参照线:550px.接下来我们来做内容的背景。选择圆角矩形工具”并设圆角半径为:15px,从参照线:550px到页面的底部。

15。添加一条参考线:680px;从这个参考线到550px那条之间,添加类似“公告栏”文字。

16。添加一条参考线:880px,和参考线:680px之间,使用“矩形工具”绘制一个矩形,填充任一颜色,并添加如下图的“图层样式”。


添加一些尺寸为:180*135px的图片,并设“图层样式”。

 

17.接下来我们给图片的两边加一个“箭头”,使用“自定义图形”选择一个箭头的形状,并设置“图层样式”(颜色叠加:#87cdf5)

 

18。添加图片和文字,如下图:

19。再次添加新参考线:1280px和1350px,使用“矩形工具”绘制出一个矩形,并设如下图“图层样式”

 

20。添加图标(图标的颜色:#87cdf5),文字

21。接下来绘制分隔线
使用“线条工具”绘制两条坚线,一条填充:#0270bc;另一条:#148bcf。
然后点击“面板”上的“蒙版图标”,

添变效果如下图:

 

22。最终效果如下图:漂亮不,一个清爽的网页布局就在你手上制作出来了。
 

 

 

 

 

 

 

 

 

分享家:Addthis中国

喜欢这篇文章的人还喜欢...

全部评论(0条)

发表评论

(必填)

(必填)