Photoshop设计一个视觉系纵向导航条

2016-03-19 01:59 10 1 收藏

最近很多朋友喜欢上PS，但是大家却不知道如何去做,别担心有图老师给你解答，史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - PS 】

本教程效果非常明显，易学。

最终效果

第1步：新建一个文件，大小如图，背景为黑色。

第2步：选择圆角矩形工具（U）（半径为10px）

第3步：选择图层样式颜色叠加描边

第5步：使用矩形工具（U）创建一个矩形，选择图层样式投影渐变

12下一页

来源:https://www.tulaoshi.com/n/20160319/1901031.html

上一篇：附PSD下载：Photoshop设计视觉系深海中的网页
下一篇： PS企业网站模版设计系列三：新手入门

看过《Photoshop设计一个视觉系纵向导航条》的人还看了以下文章更多>>

50个经典的网页导航条与按钮设计教程

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

互联网上有许多有创意且经典的网页导航条与按钮，很多设计虽然并不为人所知，不过将这些导航条与按钮集中起来看，会发现很适合我们设计时进行参考。虽然这些设计并不是合所有网站，但通过这些精美的UI设计我们可以找到制作网站的灵感。本文中所展示的导航条并不完整，可以点击对应链接查看，相信当你需要设计网页时，这篇会给你很大的启发。 ...

Photoshop网页设计教程：制作简洁风格黑色导航条按钮

标签： PS PS教程

本文由中国 zixuan_gzs 编译，转载请保留此信息！在学习中遇到问题可以到论坛Photoshop求助研讨版块发贴交流！本例为Photoshop网页设计实例教程，主要学习如何运用PS制作简洁风格黑色导航条按钮，运用的工具主要有图层样式、图层混合模式以及渐变填充的运用，制作过程比较简单，有兴趣的朋友可以动手试试哦~~ 最终效果： ...

Photoshop制作透明风格的网页导航条

标签： PS PS基础

首先声明，这个透明的导航不是我发明的，我是借鉴和学习，其次，我在做的过程中遇到很多问题，是前辈们没有讲出来的。是通过我一点点研究出来的成果，所以解决的问题是原创，最后，希望把东西分享给更多的人，让大家少走弯路，多进步。先发一组模拟的效果图那么接下来我们开始吧 1. 新建一个画布(我的是1000*1000px，新手可以效仿)...

评判国内商城网站的导航条设计

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

电子商务网站的主导航设计是整个网站最最最核心的模块之一。导航需要解决的问题就是，告诉用户如何快速准确的到达他想要去的任何地方。本文主要想表达的内容是：如果某个组件具有某个属性，那就把这个属性发挥到极致；如果某个组件不具备某个属性，那么就不要把它伪装成具备这个属性，并用这个属性来诱奸用户。简单说，设计就是要解决问...

Photoshop快速绘制木纹质感的导航条