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

2016-02-16 00:26 50 1 收藏

今天图老师小编给大家介绍下Photoshop通过实例解析参考线的使用技巧,平时喜欢Photoshop通过实例解析参考线的使用技巧的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - PS 】

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

打开标尺

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

设置并调整参考线

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Alt键(Mac:Option): 可将水平参考线改为垂直参考线,也可将垂直参考线改为水平参考线,Shift键: 可根据标尺的刻度对齐参考线,如果想要改变标尺的单位,可右键单击标尺进行设置。

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

隐藏显示:(Ctrl+H)、或者视图显示参考线Clear: To remove your guidelines completely, choose

清除: 试图 清除参考线

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

精确设置参考线

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

参考线使用的案例

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

现在选择移动工具。

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

旋转矩形,使之水平

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

对齐文本:

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

Photoshop通过实例解析参考线的使用技巧,PS教程,图老师教程网

最终结果,上图

来源:http://www.tulaoshi.com/n/20160216/1565829.html

延伸阅读
标签: PS PS基础
PS的图层样式一直都是大家添加特效的有力武器,比如投影、描边什么的,他们不会破坏图层原本的信息,真是非常好用。有了正确的知识和一定的经验以后,几乎可以完成任何特效,为了实现这些效果,你需要了解每个功能都是干什么的,其中一些设置是怎么控制特效的变化的。希望看完了这一系列的教程,你能解开封印,做出更棒的作品。 内阴影的应用...
标签: PS PS基础
本次教程主要使用Photoshop通过两个实例练习讲解曲线命令,在Photoshop中曲线 命令是最基础、最常用的色彩调整命令之一,相信朋友们对此命令并不陌生。使用曲线命令可以调整图像的色调和颜色,其功能与色阶命令的功能有异曲同工之处。 素材: MissYuan_素材教程 1. 认识曲线 (1)打开素材人物.tif文件,观察图像中的黑、白、灰的分布。 ...
标签: PS PS基础
在本节内容中将着重向朋友们讲述使用画笔工具进行绘画。画笔工具是绘图工具中最为常用的工具之一,只要设置好所需要的颜色、笔刷大小、形状、压力参数,就可以直接使用鼠标在页面中进行绘画。 素材: MissYuan_素材 (1)执行文件→打开命令,将素材人物.tif文件打开。 (2)选择画笔工具,在画笔预设选取器中选择画笔。 (3)设置...
标签: PS PS教程
素材: 效果: [next] 1、首先在PS中打素材,在图层调板上双击背景层使之激活成为图层,在它的下面新建一层填充为白色。我们的目的是将素材9等分,也可以说是将素材横向分为3等分,纵也分为3等分。 按Ctrl+R先调出标尺!为了做到精确的9等分,我们不采用直接从标尺上拖曳的方式来建立参考线,而采用:视图》新建参考线,在...
标签: PS PS基础
本教程我们主要使用Photoshop通过实例解析应用图像命令,在上一节中我们讲述了计算命令的应用原理及使用方法,在这就一节的学习中将继续向朋友们应用图像命令的应用原理及使用方法。 了解了计算命令后再来使用应用图像命令,相信朋友们会很容易上手。其实计算命令与应用图像命令的应用原理有着异曲同工之处,只不过采用计算命令,将会在通道中...

经验教程

39

收藏

80
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部