下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

PS基础教程:参考线的了解与应用

作者:课课家教育     来源: http://www.kokojia.com点击数:949发布时间: 2016-03-29 11:25:41

标签: ps课程ps工具ps技巧ps学习

想学设计?来看看大师是如何完成作品的?

  参考线其实photoshop中很强大的工具。如果好好利用它,我们平时PS制作时会省时省力,能够帮助我们的内容“塑形”。所以课课家在此建议大家有必要好好从实际的PS操作中学习以及总结出参考线的使用技巧。

  下面我们一起来学习这期的PS教程:强大的PS参考线。

  1、打开标尺

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

  图01

  2、设置并调整参考线

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

  图02

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

  图03

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

  图04

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

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

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

  图05

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

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

  清除:试图>清除参考线

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

  5、精确设置参考线

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

  图06

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

  图07

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

  参考线使用的案例

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

  图08

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

  图09

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

  图10

  创建留白区域:现在需要给栏与栏之间创造一点留白区域。使用矩形工具(Shift+U),在想要设置留白区域的地方画出形状,我使用了品红色,这样比较容易辨识。

  图11

  现在选择移动工具。

  图12

  拖移矩形,使之贴紧最左边的基本参考线,一旦自动对齐后,那么新建一条参考线贴紧矩形的右边——右边同理。这样左边和右边就打造出了留白区域。然后拖移矩形至33.33%参考线处,让33.33%参考线居于矩形的中部,然后新建两条参考线——66.66%参考线同理。(如下图所示)

  图13

  旋转矩形,使之水平

  图14

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

  图15

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

  图16

  对齐文本:

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

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

  图17

  最终结果,如上图。是不是觉得自己瞬间有必要好好从实际的PS操作中学习以及总结出参考线的使用技巧。

赞(10)
踩(2)
分享到:
华为认证网络工程师 HCIE直播课视频教程