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

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

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

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

 

12。在方框的右侧添加一些内空

按此在新窗口浏览图片

添加一个“more”的按钮,copy第7步的“图层样式”。

按此在新窗口浏览图片

13.绘制图片的滑块
绘制一个小矩形,并设如第12步的图层样式
接下来我们使用“椭圆工具”按shift键绘制一个小正圆,然后填充#e8e8e8 并设图层样式

按此在新窗口浏览图片

最终的效果哪下图:

按此在新窗口浏览图片

 

 

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

并添加如下图的“图层样式”。

按此在新窗口浏览图片

 


(责任编辑:PS家园网) ​​​​​​​

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

标签(TAG)

更多精彩内容

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