讲细讲解PS制作导航栏(条)的步骤分析 PS网页导航设计教程

软件发布|下载排行|最新软件

当前位置:首页photoshop教程图片处理

讲细讲解PS制作导航栏(条)的步骤分析 PS网页导航设计教程

PS网页导航设计教程   2022-07-14 我要评论

PS网页导航设计教程:讲细讲解PS制作导航栏(条)的步骤分析

本文的Photoshop制作导航条最终的效果预览如下:

PS网页导航设计教程:讲细讲解PS制作导航栏(条)的步骤分析

第一部分:导航条背景

要点:突出透明质感需较深色背景

本文的导航条为透明效果。透明物体是通过背景进行参照,体现出质感。对于背景我们可以使用一些朦胧效果来让导航栏更加通透。

譬如,下面的麦穗图,通过PS里面的“滤镜——模糊——高斯模糊”命令模糊之后,就得到了色彩比较统一的导航栏背景。搜索素材切记找一些色彩统一的图像,否则模糊之后会导致色系太多导致没有层次感。

PS网页导航设计教程:讲细讲解PS制作导航栏(条)的步骤分析

第二部分:导航条形状绘制

对图形不复杂的,尽量用矢量工具,方便后期修改。

PS网页导航设计教程:讲细讲解PS制作导航栏(条)的步骤分析

在图层面板里选择当前形状,将填充设置为0%,形状颜色消失了,但是形状路径依然在。

第三部分:PS导航条样式添加

PS网页导航设计教程:讲细讲解PS制作导航栏(条)的步骤分析

PS网页导航设计教程:讲细讲解PS制作导航栏(条)的步骤分析

PS网页导航设计教程:讲细讲解PS制作导航栏(条)的步骤分析

PS网页导航设计教程:讲细讲解PS制作导航栏(条)的步骤分析

通过上面的几个步骤,一个透明质感的导航条在PS里面就可以如法炮制制作出来。

猜您喜欢

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们