当前位置:首页 > PS教程 > 设计教程

设计一个蓝色的海洋风格网页

  • 2011-08-31 01:01:58
  • 来源/作者:互联网/佚名
  • 己被围观

在今天的这个教程中,木木和童学们分享:使用photoshop设计一个非常清爽的网站主页,特色是网站的配色非常的不错,童学们好好学习一下。 效果图: 1。在这个网页设计教程中,使用

 

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

 

按此在新窗口浏览图片

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

按此在新窗口浏览图片

 

 

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

按此在新窗口浏览图片

 

按此在新窗口浏览图片

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

按此在新窗口浏览图片

 

 

21。接下来绘制分隔线

使用“线条工具”绘制两条坚线,一条填充:#0270bc;另一条:#148bcf。

然后点击“面板”上的“蒙版图标”,

按此在新窗口浏览图片

添变效果如下图:

按此在新窗口浏览图片

 

按此在新窗口浏览图片

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

按此在新窗口浏览图片

按此在新窗口浏览图片

 


(责任编辑:PS家园网)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?