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

PS制作一个蓝色海洋风格网页模板

  • 2021-05-21 14:27:58
  • 来源/作者:互联网/佚名
  • 己被围观

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

6.在网站的导航条上添加文字;文字的属性为:#0263a4;大小24px。

7。接下来制作导航的hover状态。

选择“圆角矩形工具”并设圆角半径为:15px,绘制一个按钮出来并填充黑色。双击此图层添加图层样式。

Photoshop制作一个蓝色海洋风格网页模板

效果如下图:

Photoshop制作一个蓝色海洋风格网页模板

8。制作搜索栏

还是使用“圆角矩形工具”并设圆角半径为:15px,绘制想要的长度,并设“图层样式”设置如下图:

Photoshop制作一个蓝色海洋风格网页模板

“内阴影”选项:不透明改为:0%

Photoshop制作一个蓝色海洋风格网页模板

找一个“放大镜的图标”放置在右边。

Photoshop制作一个蓝色海洋风格网页模板

头部做完了,接下来就开始做产品展示部分。

9。新增参考线:200px,465px和500px.还是选择“圆角矩形工具”并设圆角半径为:15px。从500参考线往上绘制一个圆角矩形并填充白色,

设不透明度为:70%。

Photoshop制作一个蓝色海洋风格网页模板

10。接下来制作左侧的方块。

依然使有“圆角矩形工具”,从465参考线开始绘制一个高为300,宽为560的矩形,双击打开此图层设其“图层样式”

效果如下图:

Photoshop制作一个蓝色海洋风格网页模板

Photoshop制作一个蓝色海洋风格网页模板
​​​​​​​

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

更多精彩内容

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