当前位置: 首页 > 设计教程 > Photoshop教程 > Photoshop设计一个蓝色海洋风格网页模板教程(6)

Photoshop设计一个蓝色海洋风格网页模板教程(6)

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

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

 

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

 

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

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

 

21。接下来绘制分隔线

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

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

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

 

添变效果如下图:

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

 

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

 

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

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

  • 共6页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 下一页
  • 上一篇:Photoshop设计漂亮的美食BLOG网页模板
    下一篇:Photoshop制作一个简单又时尚的UI按扭

    图集推荐

    • 灵感
    • 美图