0

0

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

PHP中文网

PHP中文网

发布时间:2016-06-01 14:30:51

|

1614人浏览过

|

来源于php中文网

原创

本章主要是为大家介绍ps中的参考线的使用技巧,在大多数的情况下,我们还是会用到的,收藏起来是没有坏处的

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

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

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

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

打开标尺

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

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

设置并调整参考线

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

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

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

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

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

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

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

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

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

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

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

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

清除:试图>清除参考线

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

精确设置参考线

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

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

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

GoEnhance
GoEnhance

全能AI视频制作平台:通过GoEnhance AI让视频创作变得比以往任何时候都更简单。

下载
PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

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

参考线使用的案例

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

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

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

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

PhotoShop(PS)实践中总结参考线实用技巧文字排版实例教程

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

结果如下。

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)实践中总结参考线实用技巧文字排版实例教程

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
go语言 注释编码
go语言 注释编码

本专题整合了go语言注释、注释规范等等内容,阅读专题下面的文章了解更多详细内容。

2

2026.01.31

go语言 math包
go语言 math包

本专题整合了go语言math包相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

go语言输入函数
go语言输入函数

本专题整合了go语言输入相关教程内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

golang 循环遍历
golang 循环遍历

本专题整合了golang循环遍历相关教程,阅读专题下面的文章了解更多详细内容。

0

2026.01.31

Golang人工智能合集
Golang人工智能合集

本专题整合了Golang人工智能相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

2026赚钱平台入口大全
2026赚钱平台入口大全

2026年最新赚钱平台入口汇总,涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道,助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。

76

2026.01.31

高干文在线阅读网站大全
高干文在线阅读网站大全

汇集热门1v1高干文免费阅读资源,涵盖都市言情、京味大院、军旅高干等经典题材,情节紧凑、人物鲜明。阅读专题下面的文章了解更多详细内容。

73

2026.01.31

无需付费的漫画app大全
无需付费的漫画app大全

想找真正免费又无套路的漫画App?本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用,涵盖国漫、日漫、韩漫及经典老番,满足各类阅读需求。阅读专题下面的文章了解更多详细内容。

67

2026.01.31

漫画免费在线观看地址大全
漫画免费在线观看地址大全

想找免费又资源丰富的漫画网站?本合集精选2025-2026年热门平台,涵盖国漫、日漫、韩漫等多类型作品,支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。

19

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
麦子学院Photoshop切片视频教程
麦子学院Photoshop切片视频教程

共13课时 | 3.8万人学习

PS技法与切片技术视频教程
PS技法与切片技术视频教程

共9课时 | 5.2万人学习

零基础精通 PS 视频教程
零基础精通 PS 视频教程

共268课时 | 93.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号