[ps教程]如何在Photoshop里画虚线？
度娘的结果中也提供了很多画虚线的办法，有激情的同学可以去搜搜看。但是对于精细的网页设计来讲，如果用到了虚线，那么它的精细度对效果影响很大，做的好了，就能带来意想不到的效果，废话不多说了，下面介绍几种网页设计中用得到的虚线画法。
步骤/方法
- 01
- 02
1、直线
- 03
在网页building中，直线型的虚线用的很多，例如横向分割和竖向分割，大致分为点划线（dotted）和虚线（dashed），如下图：
- 04
做这样的线非常简单，我们只用到PS中的文字工具即可模拟出来，设置如下：
- 05
如果你的线是竖着的，只需要把图层旋转90度即可，我一直是这么做的。
- 06
2、直角矩形边框
- 07
如果你不仅仅画直线，还需要对矩形的边框添加虚线，可以这么做。
- 08
首先，是点划线（dotted），需要新建一个2×2像素的白底文件，按Ctrl+0把画布放到最大，不用新建图层，直接在画布中错格填充，如下图：
- 09
接着，按Ctrl+A全选此图案，点击PS的顶部菜单 编辑->定义图案 命令，将此图定义为一个图案。
- 10
接着，在你需要添加点划线的直角方框（注意：一定是直角，不是圆角矩形也不是圆形）的图层双击，调出来图层样式窗口，选择最后一项描边，按下图设置：
- 11
这个时候，边线是黑白交替的，你肯定有的时候需要白色，有的时候需要黑色，你可以这么干：
- 12
需要黑色时，将描边的混合模式设置为正片叠底，白色就被滤掉了。
- 13
需要白色时，描边的混合模式设置为滤色，过滤掉黑色。
- 14
这样一个1px的点划线边框就做好了，可以很方便的进行多次复用，ps留个这样的图案非常方便。
- 15
如果你需要虚线，那么很简单，你只需要把描边的图案做的尺寸大点即可，我一般是做个4×4的图案，效果如下：
- 16
如果还需要更大的虚线，各位同学自行调整图案尺寸即可。
- 17
3、圆角矩形的虚线边框
- 18
新的css3标准是支持矩形圆角的，如果模拟这样的圆角矩形虚线边框，那么上面的方法就不太适用了，怎么办呢，其实很简单，你只需要把填充的图案改为圆形格子即可，最小的尺寸为4×4像素，如下图：
- 19
基本模拟的八九不离十，嘿嘿~
- 20
4、异形的虚线边框
- 21
各位同学，如果你需要给异形的图形添加虚线边框，那么我建议你还是在Illustrator里画好再导入Photoshop吧，因为上边的方法只适用于网页设计中的结构图形设计，而不是做专题或者banner之类的造型设计了，正所谓术业有专攻哇！