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

PS制作渐变色导航背景

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

前段时间有朋友问这个效果怎样实现的,今天我简单写一下教程,希望对大家有用,还有如果大家对页面中的什么效果感到疑惑,就请留言给我,我会尽力发上教程来和大家分享的。

首先看一下最终效果和分层:

Photoshop制作渐变色导航背景

Photoshop制作渐变色导航背景

1、 背景色设置为#280021,新建图层,利用钢笔工具画如下图形,填充颜色,然后图层样式中的渐变叠加设置如下:

Photoshop制作渐变色导航背景

2、 新建图层,用椭圆工具在图形上面建一个选区,然后填充白色,如图。

Photoshop制作渐变色导航背景

3、取消选区,选择"滤镜""高斯模糊"把白色进行模糊。具体数值视效果而定,效果如图。

Photoshop制作渐变色导航背景

4、把这个图层的混合模式设置为"叠加",现在看起来过于亮,可以降低一下透明度。然后把超出下面图形的白色去掉。如图。

Photoshop制作渐变色导航背景

Photoshop制作渐变色导航背景

5、新建图层,按住ctrl单击图形图层得到图形选区,然后选择"编辑"-"描边"对它进行描边设置,如图。

Photoshop制作渐变色导航背景

Photoshop制作渐变色导航背景

6、将此描边图层的混合模式设置为叠加,透明度设置为40%,视效果而定。如图。

Photoshop制作渐变色导航背景

Photoshop制作渐变色导航背景
​​​​​​​

 1/2    1 2 下一页 尾页

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

更多精彩内容

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