UI网页导航设计1

网页导航设计

效果

1.新建画布600*600，然后画出一个圆角矩形，调整角的半径值
2.然后用矩形工具画出矩形
3.然后加上渐变，把前景色改为比矩形条亮一点的颜色，然后矩形条复制一个缩小一半的位置，点击矩形工具上面的渐变
4.用线段工具在深颜色矩形下面的线上画出一条一像素的线段，填充改为白色渐变，中间白色，两边透明的，然后调整一下不透明度
5.添加投影，复制深颜色矩形，拖拽到下面，点击添加图层蒙版，拉一个黑到白色或者黑色到透明色的渐变
6.添加文字
7.添加鼠标滑过的样式，用矩形工具画出矩形添加深红颜色，然后用钢笔工具画出形状，对正方形创建剪贴蒙版

8.绘制线型图标
9.给图标加上底部效果，新建图层，用画笔工具把画笔调小，硬度也调小一点，然后点击画面，按Ctrl+T进行拉长，达到想要的效果，然后进行复制