# 界面介绍

该组件针对不同需求快速添准确加参考线,提高生成效率。

An image

# 参考线参照物模式

智能参考线有针对当前选区&图层和针对全局的2种模式

  • 选区&图层:针对选区&图层作为参考物来生成参考线
  • 全局:不管选区&图层,针对画布为参考物来生成参考线

指导

在底部功能区 应用到当前选区/图层 点击即可切换模式(默认选区&图层作为参考物
ps:滑动选中上面为开启选区&图层作为参考物下面为 全局为参考物

案例演示

# 参考线参数说明

单位说明:默认为px,可以自己填上单位,除了百分比,ps单位都支持)

# 左右边距&上下边距

左边距:参考线距离参考物的左边距离,例如:填20,距离左边距为20px
右边距:参考线距离参考物的右边距离,例如:填20,距离右边距为20px
上边距:参考线距离参考物的上边距离,例如:填20,距离左边距为20px
下边距:参考线距离参考物的下边距离,例如:填20,距离右边距为20px
PS:同时插件还会在边缘生成选区最边缘的边界参考线,方便其他操作

案例演示

# 列数&行数

列数:一共生成多少列例如:填5,一共生成5列参考线,会根据图层/选区宽度平均生成列

行数:一共生成多少行例如:填5,一共生成5行参考线,会根据图层/选区高度平均生成行

案例演示

# 列宽度&行高度

列宽度:两列之间的距离(竖线与竖线之间的距离)
ps:该参数需要配合列数参数一起使用,例如,生成3条列,列宽度为20px,会生成3列,每列宽度为20px
注意:如果参考物宽度为100,生成3列,但是间距填上55,则只会生成2条参考线, 不够间距的则不会生成
行高度:参考列宽度(生成竖线与竖线间的距离),注意事项与列宽度也相同

案例演示

# 列间距&行间距

列间距:生成的列参考线,设置每列之间的间距
举例:例如要生成5列参考线,列宽度为50px,每列参考线间距为20
行间距效果与列间距一样

案例演示

# 垂直居中&水平居中

垂直居中:在画布正中间生成一列参考线,输入列宽度即可
举例说明:2000PX宽度的画布,居中垂直生成1400PX的参考线,输入1400px,即可生成离左边距300px,右边距300px,宽度1400px的一列参考线
水平居中效果与垂直居中效果一样

案例演示

# 快速添加常用参考线

快速添加选区模式只支持当前选区/图层生效,不选中任何选区/图层则是针对全局。

# 常用功能说明

  1. 快速添加上下左右边界参考线
  2. 快速添加垂直&水平居中参考线
  3. 快速清除参考线

案例演示

# 隐藏小功能

按住 Ctrl + 上&下&左&右 边界参考线的任意一个,会同时生成4条边界参考线
按住 Ctrl + 垂直&水平 居中参考线的任意一个,会同时生成2居中参考线
按住 Shift + 清除参考线,只会清除垂直参考线
按住 Ctrl + 清除参考线,只会清除水平参考线
可以框选区域,在点击清除所有参考线,可以快速清除选区内的参考线

案例演示

# 参考线的存储

可以把常用的参考线保存起来,下次方便直接调用,不用再次输入参数

  • 添加参考线到预设

设置好需要添加的参考线参数 > 点击 保存到当前参数到预设 > 在输入框输入要保存的名称即可
在预设仓库(界面右下角)可以看到保存的预设

  • 查看预设

点击 预设(界面右下角),即可看到添加的预设,滑动到 i 图标上,可以看到该预设的详细参数

  • 删除预设

点击 预设(界面右下角),在需要删除的预设上,点击删除按钮即可。

  • 使用预设

点击 预设(界面右下角),点击需要使用的预设,即可按照预设设置,添加对应的参考线

案例演示

# 黄金分割线

黄金分割线 会根据当前图层/选区来进行黄金比例的分割,来生成黄金分割线(图层),点击需要的分割线即可

操作说明

1 选择需要生成的图层或者选区
2 点击需要的黄金分割即可

视频演示

# 透视线

根据需求,确定透视点,点击功能即可生成需要的透视线
透视线需要一定的美术功底,建议透视线基础理论
透视线基础理论教程 (opens new window)

# 界面介绍

An image

# 透视线(一点透视)

画点需要切换到钢笔工具 -> 形状

用法说明

  • 自己选择需要的透视点(消失点),点击透视线,插件会自动计算并生成透视线(perspective 图层)
  • 画出需要基于的参考面(画3个边),插件会自动计算透视点,然后生成参透视点透视线,视平线

视频演示

# 水平线(视平线)

画点需要切换到钢笔工具 -> 形状
水平线就是生成由远及近的线条(方向与画的线条一致)

操作说明

1 使用钢笔画出视平线方向 2 点击水平线工具即可

视频演示

# 更换颜色&隐藏&显示透视线

  • 颜色:可以切换3种不同的颜色
  • 点击隐藏显示按钮,可以快速的显示&隐藏插件生成的参考线

视频演示