PhotoShop参考线的合用技巧设计入门教程

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

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

  虽然我们早前推荐过《PS 参考线插件GuideGuide下载及使用说明》,但是大家还是非常有必要自己来好好从实际的操作中总结出参考线的使用技巧。

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

  打开标尺

  首先,要确保已经打开标尺,如果没有打开,那么视图>标尺(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。

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

  最终结果!

分类:

  • PS入门教程
时间: 2024-10-31 12:39:51

PhotoShop参考线的合用技巧设计入门教程的相关文章

photoshop淘宝钻展图设计思路教程

给各位photoshop软件的使用者们来详细的解析分享一下淘宝钻展图设计思路教程. 教程分享:                     好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的淘宝钻展图设计思路教程解析分享的全部内了,各位看到这里的软件使用者们,小编相信大家现在那是非常的清楚教程了吧,希望小编上面的教程能够给各位软件的使用者们带去有用的帮助.

PhotoShop制作水滴音符的简单入门教程

①打开一张背景素材 ②新建一个图层(图层1) ③选择画笔工具,然后载入音符笔刷 ④在1图层上用音符笔刷画上音符 ⑤按住Ctrl不放点击(图层1)载入音符选区 ⑥回到背景图层按Ctrl+j拷贝背景图层得到(图层2),再把(图层1)删除 分类: PS入门教程

PhotoShop曲线调整照片色调新手入门教程

Photoshop中有不少方法可以调整照片亮度及色调.一般初学者很多都会用"亮度/对比度"及"色彩平衡"进行调整.我个人则比较喜欢用曲线(Curves)调整照片. 可能有些摄友会说,曲线好像很复杂很难用,其实只要看完以下的简单介绍,你也可学会用曲线(Curves)来处理照片. 测试照片原图 不同曲线调整对于对比度/亮度的效果 1.S型曲线(增加反差)- 按图1的两点位置,将曲线向内推,照片反差会相应提高. 2.反S曲线(降低反差)- 按图2的两点位置,将曲线向外拉,

PhotoShop根据颜色原理调色新手入门教程

效果图:         三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载 原图: 绿色太多了 去掉点(ctrl+B) 去掉青色后会黄 在减去点黄 颜色灰蒙蒙的 调下色阶

PhotoShop影楼后期婚纱照相册排版设计实例教程

图/文王永亮 摄影/赵亮 化妆/黄惠 构图知识在人像摄影中的应用已经成为比不可少的部分,只要是摄影师就应该知道如何将构图知识运用到人像的拍摄中.但是随着摄影技术的发展,数码摄影 已经占领了摄影领域的主导.因此很多摄影师在拍摄人像时就容易主观上忽略一些细节,这些细节中就有我们今天要说的构图问题.并非摄影师拍摄技术问题, 只是很多摄影师不太了解后期环节对照片的需求或者是自己给忽略掉后期环节的要求,所以在摄影环节感觉非常好的照片到后期处理或者是排版时候就出现了构图问题. 出现这种问题后,后期环节就要对

PhotoShop详解图片制作中字体设计排字教程

教程主要使用Photoshop解析签名中的排字设计详细教程,一共选自网络上写的比较好的一些排字教程,下面让我们一起来学习吧. 排字,顾名思义为字体排版,在PS中,排字是一个比较重要但是需要自己理解的东西.所有的排字教程都只可能教你一些基本的方法.而所有的创意必须出自你自己. 然后排字又是制图者们面临的一个非常棘手的问题. 小孩的排字笔记 分类: PS入门教程

PhotoShop一款优秀的设计工作室网页设计制作教程

像往常一样,希望通过实例教程传递布局构架理念,不只是在告诉大家网站是如何一点点设计出来的.所以希望看到灵活应用的更多扩展版本.期待你的创新. 在本教程中,你将学习如何创建一个Fancy的设计工作室网页布局. 1.首先,你需要下载以下两个素材图片. 用PS打开第一张图片,然后点击 编辑>定义图案.选择这种模式的名称,然后就可以关闭这个文件了. 2.这是第二张图片.请下载原始尺寸图片,或者在下载压缩包里找到它. 3.创建新文件,Size:1100*1260px. 选择油漆桶工具,选择图案模式,找到刚

PhotoShop打造简洁的新闻栏目网页设计制作教程

介绍用PhotoShop打造简洁的新闻栏目网页设计效果,比较简洁的新闻栏目设计,喜欢网页设计的同学可以一起来学习一下! 效果: 制作开始: 绘制一个矩形框. 给矩形框增加样式:描边. 在底部矩形上再绘制一个长形矩形.用来承载栏目名. 给这个载体矩形增加样式. 分类: PS入门教程

PhotoShop创建一个怀旧复古的网页效果设计制作教程

利用PhotoShop设计创建一个怀旧复古的网页效果,主要用到两张材质素材,来打造一种破旧复古的效果. 教程效果图: 1. 打开photoshop,新建空白文档,文档大小为800*1200; 2. 打开素材图片1,按Ctrl+Alt+T调整大小为800*1200; 3. 给背景填加烧坏效果.设置前景色为黑色.选择渐变工具选择的前景色到透明,混合模式为软柔光与不透明度:30%. 分类: PS入门教程