photoshop如何对齐图层(教程讲解)

2025-10-24 01:09:15

1、新建网页

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

photoshop如何对齐图层(教程讲解)

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

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

photoshop如何对齐图层(教程讲解)

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

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

photoshop如何对齐图层(教程讲解)

4、复制4个矩形圆角按钮

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

photoshop如何对齐图层(教程讲解)

1、顶对齐

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

2、垂直居中对齐

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

3、底对齐

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

4、左对齐

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

5、水平居中对齐

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

6、右对齐

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

1、按顶分布

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

2、垂直居中分布

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

3、按底分布

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

4、按左分布

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

5、水平居中分布

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

6、按右分布

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

photoshop如何对齐图层(教程讲解)

photoshop如何对齐图层(教程讲解)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢