DDR爱好者之家 Design By 杰米
图层对齐操作在网页设计中会经常遇到,我们不能总是拿肉眼去看齐,或者拿着尺子去衡量。在photoshop中带有的对齐工具可以很好的帮助我们更快的完成工作,这些工具该怎么去使用呢?一起来看一下。

一、制作四个网页按钮

新建网页

打开photoshop软件,按ctrl+n新建空白网页,尺寸要求为800px*1000px,背景色为白色。

photoshop如何对齐图层?PS对齐工具使用方法

圆角矩形工具画网页按钮边沿

点击圆角矩形工具,修改属性栏圆角半径为5,然后在空白网页左上部画出圆角矩形按钮。

photoshop如何对齐图层?PS对齐工具使用方法

给圆角矩形工具添加绿白渐变色

点击路径控制面板,将路径修改为选区,然后点击渐变工具,设置好绿白渐变色后填充,注意采用对称渐变的方式填充。

photoshop如何对齐图层?PS对齐工具使用方法

复制4个矩形圆角按钮

点击移动按钮后,在移动圆角按钮前,先按住,注意是一直按住alt键,然后再移动圆角矩形按钮,以同样的方式复制另外2个,共计4个。

photoshop如何对齐图层?PS对齐工具使用方法

二、对齐工具如何生效

当制作完成4个网页按钮后,将光标移动至对齐工具上方时,发现这些工具处于不可操作状态,问题出在哪里呢?

若要使得对齐工具生效,需要我们先将这4个需要对齐的图层同时选中才可以,操作步骤是:打开图层控制按钮,按住shift键分别点选4个按钮所在图层后,属性栏中的对齐工具即可生效。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

三、“对齐方式”工具

顶对齐

比较4个图标的位置,选择齐中位置最高者为对齐对象对齐。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

垂直居中对齐

比较最顶端和最底端的位置,选择两者之间的中间线为对齐线对齐。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

底对齐

比较4个按钮图标的位置,以位置最低者为对齐对象对齐。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

左对齐

比较4个按钮图标垂直方向最左边位置的按钮为对齐对象。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

水平居中对齐

比较4个按钮在垂直方向上最左边的位置和最右边的位置,以两者之间的中间线为对齐线对齐。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

右对齐

比较4个按钮在垂直方向上的位置,以位置最靠右者为对齐对象对齐。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

四、“分布方式”工具

按顶分布

比较4个按钮垂直方向的位置,最顶端和最低端位置的按钮不动,中间按钮在垂直方向上等距离分布,水平方向的位置不变。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

垂直居中分布

比较4个按钮在垂直方向上的位置,最顶端和最低端位置的按钮不动,并以这两者的位置判断出中间线,然后再进行等距离垂直方向上的分布。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

按底分布

比较4个按钮在垂直方向上的位置,以最低端的位置为基准,最顶端的位置也不动,然后对中间部分进行等距离对齐。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

按左分布

比较4个按钮的位置,以位置最左边的按钮为基准,最右边的按钮位置不动,中间的按钮进行等距离分布。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

水平居中分布

比较4个按钮的位置,最左端和最右端位置的按钮位置不动,并以这两个按钮的位置判断出一条垂直的中间线,以此为基线等距离分布其他按钮。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

按右分布

比较4个按钮的位置,以位置最右边的按钮为基准,最左边的按钮位置不动,中间的按钮进行等距离分布。

photoshop如何对齐图层?PS对齐工具使用方法

photoshop如何对齐图层?PS对齐工具使用方法

以上就是photoshop如何对齐图层方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米

稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!

昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?