当前位置:首页 > PS教程 > 设计教程

PS通过实例解析参考线的使用技巧

  • 2021-05-08 21:35:58
  • 来源/作者:互联网/佚名
  • 己被围观

说真的,很多设计师做了几年网页设计,但依然把参考线没有玩转,甚至很少去使用它。要知道,参考线是PS中很强大的工具,省时省力,效果极佳,能够帮助我们的内容”塑形”。

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

参考线使用的案例

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

Photoshop通过实例解析参考线的使用技巧

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

Photoshop通过实例解析参考线的使用技巧

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

Photoshop通过实例解析参考线的使用技巧

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

Photoshop通过实例解析参考线的使用技巧

现在选择移动工具。

Photoshop通过实例解析参考线的使用技巧

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

Photoshop通过实例解析参考线的使用技巧

旋转矩形,使之水平

Photoshop通过实例解析参考线的使用技巧

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

Photoshop通过实例解析参考线的使用技巧

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

Photoshop通过实例解析参考线的使用技巧

对齐文本:

字体工具,选择文本图层,当悬停指针至文本时,你会发现黑色箭头,然后将文本移动到第一栏【会自动对切】,然后按Enter。然后双击文本图层。点击文本右下角的锚点,然后拖移到参考线交合的右下角。这样第一栏就放置完毕,其他两栏同理。

Photoshop通过实例解析参考线的使用技巧

最终结果,上图

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?