征集码头论坛_LOGO_广告语_名字_征文_歌曲_包装_景观_文创征集网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 348|回复: 0
打印 上一主题 下一主题

Photoshop基础教程:解析PS的参考线使用技巧欣赏

[复制链接]

8万

主题

9万

帖子

27万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
274320

灌水之王突出贡献论坛元老优秀版主宣传达人

跳转到指定楼层
楼主
发表于 2015-4-14 17:12:37 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
说真的,很多设计师做了几年网页设计,但依然把参考线没有玩转,甚至很少去使用它。要知道,参考线是PS中很强大的工具,省时省力,效果极佳,能够帮助我们的内容”塑形”。
打开标尺

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



设置并调整参考线

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



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



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



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

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



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

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

清除: 试图 > 清除参考线

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

精确设置参考线

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



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



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

参考线使用的案例

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



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



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



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



现在选择移动工具。



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



旋转矩形,使之水平



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



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



对齐文本:

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



分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享分享
征集码头网http://www.zhengjimt.com/
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|征集发布|征集码头 ( 皖ICP备2021000921号-1 ) 

GMT+8, 2024-11-24 16:17 , Processed in 0.429207 second(s), 26 queries .

快速回复 返回顶部 返回列表