说真的,很多设计师做了几年网页设计,但依然把参考线没有玩转,甚至很少去使用它。

要知道,参考线是PS中很强大的工具,省时省力,效果极佳,能够帮助我们的内容”塑形”。

不管怎么样大家还是非常有必要自己来好好从实际的操作中总结出参考线的使用技巧。

那么这篇文章应运而生了:)

首先,要确保已经打开标尺,如果没有打开,那么视图>标尺(CTRL/CMD+R)

设置并调整参考线

打开标尺后,可以开始设置参考线了。只需拖移垂直标尺或水平标尺并释放,便可设置垂直或水平参考线了。

释放按键后,虚线变为彩色参考线

使用任何工具时,都可以设置参考线,无所限制。值得一提的是移动工具(V),可以进一步拖移参考线,重设位置。

拖移参考线时的一些快捷键

·Alt键(Mac:Option):可将水平参考线改为垂直参考线,也可将垂直参考线改为水平参考线

Shift键:可根据标尺的刻度对齐参考线,如果想要改变标尺的单位,可右键单击标尺进行设置。

隐藏/显示,清除以及锁定参考线

隐藏显示:(Ctrl+H)、或者视图>显示>参考线Clear:Toremoveyourguidelinescompletely,choose

清除:试图>清除参考线

锁定:视图>锁定参考线.,注意,依然可以新建参考线

精确设置参考线

比方说中心位置视图>新建参考线(Alt+V,按E)

当然,输入百分比便省去了计算的麻烦:

新建参考线的默认单位取决于标尺的单位

参考线使用的案例

现在,我们来用真实案例来说明一下参考线的益处。比方说常见的三栏式布局,在文本与页面边缘之间需要留出一点留白区域。

同样的,栏与栏之间也需要留白区域。总而言之,我们最后想要这种文本布局。

创建新文件:输入一些文本,比如LoremIpsum就行

设置基本参考线:在开始之前,设置一些最基本的参考线(画布的顶部,底部,左边,右边),然后设置两条垂直参考线(33.33%以及66.66%),

结果如下。

创建留白区域:现在需要给栏与栏之间创造一点留白区域。使用矩形工具(Shift+U),在想要设置留白区域的地方画出形状,

我使用了品红色,这样比较容易辨识。

现在选择移动工具。

拖移矩形,使之贴紧最左边的基本参考线,一旦自动对齐后,那么新建一条参考线贴紧矩形的右边——右边同理。这样左边和右边就打造出了留白区域。

然后拖移矩形至33.33%参考线处,让33.33%参考线居于矩形的中部,然后新建两条参考线——66.66%参考线同理。(如下图所示)

旋转矩形,使之水平

然后设置水平参考线(水平参考线只需要顶部、底部)

这里我给区域上了色,品红色为三栏的文本部分,蓝绿色为留白部分

对齐文本:

字体工具,选择文本图层,当悬停指针至文本时,你会发现黑色箭头,然后将文本移动到第一栏(会自动对切),然后按Enter。

然后双击文本图层。点击文本右下角的锚点,然后拖移到参考线交合的右下角。这样第一栏就放置完毕,其他两栏同理。

最终结果!

  • ps图纸建立不了选区? ps所选区域是空的多种解决办法

    ps图纸区域选不了怎么办?ps处理图纸的时候,想要选择部分区域,但是选择以后是空的,该怎么办去呢?下面我们就来看看ps所选区域是空的多种解决办法
    2023-05-05
  • ps怎么做纹理浮雕凸出效果图? ps凸起浮雕效果的制作方法

    ps怎么做纹理浮雕凸出效果图?ps中想要做纹理浮雕效果,该怎么制作呢?下面我们就来看看ps凸起浮雕效果的制作方法
    2023-05-04
  • ps如何将图片变成笔刷? ps将图片处理成笔刷效果的技巧

    ps如何将图片变成笔刷?ps导入的图片想要将风景图片变成笔刷,该怎么操作呢?下面我们就来看看ps将图片处理成笔刷效果的技巧
    2023-05-04
  • ps怎么设计公司名片? 图文教您轻松学会用PS设计制作名片

    ps怎么设计公司名片?ps中想要设计名片,该怎么制作公司的名片呢?下面我们就来看看图文教您轻松学会用PS设计制作名片
    2023-04-30
  • ps如何制作花岗岩浮雕效果图? ps设计花岗岩浮雕图案的技巧

    ps如何制作花岗岩浮雕效果图?ps中想要设计一款花岗岩浮雕图案,该怎么操作呢?下面我们就来看看ps设计花岗岩浮雕图案的技巧
    2023-04-27
  • ps显示全屏了怎么办? PS突然全屏幕显示后退出方法

    ps显示全屏了怎么办?ps处理图片的时候,突然全屏了,想要退出全屏,该怎么操作呢?下面我们就来看看PS突然全屏幕显示后退出方法
    2023-04-27
  • PS怎么画心形柱体? PS工作路径快速制作出3D心形模型的技巧

    PS怎么画心形柱体?ps中想要绘制一款心形柱体模型,该怎么建模3d立体图形呢?下面我们就来看看PS工作路径快速制作出3D心形模型的技巧
    2023-04-23
  • ps怎么给抠图加描边? ps抠图加外边描边色的技巧

    ps怎么给抠图加描边?之前利用ps抠出一直小猫,星耀给猫咪添加白色描边,该怎么操作呢?下面我们就来看看ps抠图加外边描边色的技巧
    2023-04-19
  • PS怎么设计咖啡的宣传网页? ps设计网页效果图的技巧

    PS怎么设计咖啡的宣传网页?想要做一款咖啡网页,该怎么设计呢?下面我们就来看看ps设计网页效果图的技巧
    2023-04-19
  • ps投影怎么虚化? PS将实体投影变虚化效果的技巧

    ps投影怎么虚化?ps实体投影的时候,想要给影子做虚化效果,该怎么实现呢?下面我们就来看看PS将实体投影变虚化效果的技巧
    2023-03-10
  •