恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
(技术好文)解决PS中对齐与分布相关问题
0.0°
2019-08-08 好文转载 教程 原作者: 未知 举报 1835 2 8 2

(技术好文)解决PS中对齐与分布相关问题 


一、对齐参考对象

首先咱们来解决ps中以某个对象为参考位置进行对齐的问题,我称之为对齐标准。

有过ai或者cdr操作经验的设计师应该知道在他们这两款软件中对齐可以【按照某个对象的位置来对齐】(也就是ai中的对齐关键对象,cdr中是按照选择顺序来决定的),但是在ps中却没有一个直接的操作可以完成这种需求,ps中的对齐操作是按照比较的原则来进行对齐的,比如将两个垂直对象进行左对齐

Image title

Image title


这时候的对象是以最左侧的对象为标准来对齐的,同理,其他对齐方式也是一样,当我们使用垂直或者水平对齐的时候,两个对象都会移动位置。那如果我们需要以上图中橙色矩形进行左对齐该怎么办呢?下面给出两种方法:

第一种,链接图层

链接图层这种方法首先将两个图层选中,然后点击链接按钮链接起来

Image title


在链接状态下可以视为一种比较特殊的整体状态,这时候可以选中我们需要作为对齐标准的橙色图层,并且观察对齐属性栏位置你会发现即便选择一个图层也可以使用对齐操作,在正常情况下必须选择多个对象才能使用的对齐,在链接状态下只需要选中一个对象即可

Image title


那这时候我们就可以直接点击左对齐,以橙色矩形为对齐参考了

Image title


其他对齐的方式也是一样,选中的图层对象就是你对齐的标准


第二种,选区

我在平时教学的过程中发现很多同学对选区的理解还是不够,这里就不再详细阐述,只针对这个对齐问题来看。这种方法特别简单,我平时也用的最多。如果需要以某个对象为对齐标准,直接作出该对象的选区即可。

按ctrl不放,单击图层缩略图,即可将图层对象作为选区载入

Image title

Image title


出现选区之后,你会发现对齐操作也可以操作了,这时候你需要选中需要对齐的其他图层,然后直接点击你要对齐的方式即可

Image title


除此之外,如果需要对齐整个画布,也可以使用这种方法,因为ps不像ai可以选择对齐画布,如果ps需要对齐画布,需要先做出整个画布的选区ctrl+a,然后选中你需要对齐的图层,选择需要的对齐操作即可

这两种方法主要的区别也就在于,链接法是选中需要对齐的参考对象,适用于图层较多,而选区法是作出对齐参考对象的选区,然后选择其他图层来对齐,适用于图层较少的情况

二、等距分布

关于分布这个问题,ai和cdr都有左中右分布和等间距分布的按钮,但是ps中只有左中右分布,没有等间距分布,新手在操作的时候往往将左中右分布当成等间距分布,只能说这种理解没错,但是跟我们的实际需求会有点出入。

首先我们来看一下ps中默认的分布方式。

在同等大小的情况下,ps默认分布方式还算能满足我们等距的需要,比如绘制三个绿色矩形,然后垂直分布

Image title

Image title

Image title


Image title


这时候我们需要将三者之间的距离分布相等,就可以直接选中三个图层,点击任一个分布选项

Image title


这时候三者即可实现等距分布。

但是!!!

当我们选择的对象大小不等的时候情况就不一样了

随意绘制三个对象,垂直分布

Image title

Image title


这时候我们要等距分布这三个对象就有点困难了,不论你点击任何一个垂直分布的选项都没办法完成等距分布

因为在ps这里给出的并不是等距分布,而是边缘等距分布,啥意思呢,看下图

我在之前点击的垂直底部分布,这时候以三个对象的底部边缘位置进行了等距分布,其他分布方式也是以这种边缘的方式进行等距分布的。

Image title


那能不能实现我们要的等距分布呢?答案肯定是可以的,只是……PScc2018及以下的版本没办法通过本身来实现,需要借助插件,PS2019倒是软件自身已经追加了这项功能,这个放后面说,我们先来看看,2019以下的版本该怎么办,也就是借助插件。

噔噔蹬蹬,主角登场!

Image title


找这款插件也费了点功夫,不过能解决问题也值的了,直接将该文件夹复制粘贴到ps安装目录下的C:\Program Files\Adobe\Adobe Photoshop CC 2018\Required\CEP\extensions即可,重启ps之后在窗口菜单栏——扩展功能里找到

就这么个小小的东西,但是用起来非常舒心、畅快,选中你要等距分布的所有对象,然后就直接点击是垂直分布距离还是水平分布距离即可,就那么两个按钮,自己试试吧

Image title

需要这款插件的请动动手点赞这篇文章,然后私信我吧,看到即回(人气少,也是无奈之举,希望大家理解)

另外就是对于使用ps2019的小伙伴了,就没必要用这块插件了,直接系统自带

Image title

就在这个被隐藏的三个点之中,使用2019版本的小伙伴自己探索吧。

更新:2019-08-08

收藏

2人已收藏

羞了月色

领取更多资料,微信:wx178434

  • 57

    作品

  • 79

    粉丝

  • 0

    关注

  • AI制作立体发光灯管文字效果教程
  • PS合成《终结者》电影海报教程
  • PS绘制绿色游戏宝石教程
  • AE制作炫光粒子动效教程

    猜你喜欢

      2019-08-08 好文转载 教程 原作者: 未知 举报 1835 2 8 2

      (技术好文)解决PS中对齐与分布相关问题

      0.0°

      你确定要举报(技术好文)解决PS中对齐与分布相关问题

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年08月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      2
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录