PS如何制作简洁漂亮的网站快速导航工具
下面为大家分享PS制作简洁漂亮的网站快速导航工具方法,教程很简单,介绍的很详细,推荐过来,希望大家喜欢!
步骤
打开PS软件,创建一个大小为“ 300*300 ”的画布
调整前景色为“ #deffd5 ”,新建“ 图层1 ”,按“ Alt+Del” 填充前景色
选中“ 图层1 ”,点击“ 滤镜 ”→“ 杂色 ”→“ 添加杂色 ”
选择“ 圆角矩形工具 ”,选中“ 图层1 ”,在点击“ 画布 ”,创建圆角矩形
双击“ 圆角矩形1 ”,打开其“ 图层样式 ”
添加“ 描边 ”,描边颜色为“ #007d3a ”。
选择“ 渐变工具 ”
打开“ 渐变编辑器 ”,如下图所示。
按住Ctrl点击“ 圆角矩形1 ”,新建“ 图层2” 选中它。
按着Shift,拖动鼠标从左往右滑动。
选中“ 图层2 ”,按下Ctrl+j,复制出“ 图层3 ”和“ 图层4 ”加深画布中矩形的颜色。
载入“圆角矩形1”的选区,选择“ 矩形选框工具 ”,设置“ 从选区减去 ”,绘制出下图的矩形选区。
新建“图 层5 ”,使用“ 渐变工具 ”上色,给“图层5”添加“ 矢量蒙板 ”。
复制“ 图层5 ”,按下“ Ctrl+t ”,鼠标右键点击“ 垂直翻转 ”
按方向键调整变换后图层的位置,达到下图的效果。
选中“ 图层5” 和“ 图层5副本 ”,按下“ Ctrl+Alt+E ”合并并新建出一个图层
“ 图层5副本(合并)”
复制并调整“ 图层5副本(合并)”, 并调整他们的位置,调成下图中的样式。
最后,使用“ 文字工具 ”添加文字就可以了。
注意事项
Photoshop CC版本中,可以直接把图层转换为CSS文件——以便直接使用。
以上就是PS制作简洁漂亮的网站快速导航工具方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!
文章标题:PS如何制作简洁漂亮的网站快速导航工具
文章链接:http://xiazai.zol.com.cn/jiqiao/39625.html
为给用户提供更多有价值信息,ZOL下载站整理发布,如果有侵权请联系删除,转载请保留出处。
相关软件推荐
其他类似技巧
- 2024-03-29 10:50:01Adobe Photoshop CS6中制作放大镜动画效果图的操作教程
- 2024-03-29 10:50:01Photoshop CS6给草地调出亮丽颜色的操作教程
- 2024-03-29 10:50:01Photoshop CS6自制源文件psd格式该进行保存的操作教程
- 2024-03-29 10:50:01Photoshop CS6使用吸管工具的简单操作
- 2024-03-29 10:43:42photoshop cs6制作旋转水波光效果的相关操作方法
- 2024-03-29 10:43:42photoshop cs6调整网格线颜色以及尺寸的详细操作教程
- 2024-03-04 11:36:55Adobe Photoshop CS2怎么抠图?Adobe Photoshop CS2抠图方法
- 2024-03-04 11:36:55Adobe Photoshop CS2怎么使用?Adobe Photoshop CS2使用教程
- 2024-02-21 13:33:08PS2020怎么设置滚轮放大?PS2020设置滚轮放大教程
- 2024-02-21 13:33:08iFonts字体如何添加到PS软件?iFonts字体添加到PS软件教程
Photoshop CS6软件简介
Photoshop CS6中文版是Adobe公司旗下最为出名的图像处理软件之一,Photoshop CS6简体中文版集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱。Adobe发布了Photoshop CS6的正式版,在CS6中整合了其Adobe专有的 Mercury图像引擎,通过显卡... 详细介绍»