不同格式(例如手机)显示不同类型的项目(例如应用程序屏幕)的一种流行的模型方法是在等轴测网格上显示它们。等距布局是一种正交投影,其中元素在所有三个轴上以相同的比例绘制:沿X,Y和Z等量显示。在等轴测视图中开始设计元素的一个好方法是使用网格作为投影元素的向导。


步骤1

打开Photoshop并根据需要创建一个新文件。在这种情况下,我将以1800 x 1200像素的像素进行显示。

ps如何做立体网格(如何在Photoshop中制作等距网格)(1)


第2步

选择线条工具(U)。确保在顶部工具栏中将“模式”设置为“形状”,并将“权重”设置为2 px,然后从上到下画一条线。

ps如何做立体网格(如何在Photoshop中制作等距网格)(2)

ps如何做立体网格(如何在Photoshop中制作等距网格)(3)

ps如何做立体网格(如何在Photoshop中制作等距网格)(4)


第3步

在键盘上按“ Ctrl J”可复制线层。

ps如何做立体网格(如何在Photoshop中制作等距网格)(5)

ps如何做立体网格(如何在Photoshop中制作等距网格)(6)


第4步

选择移动工具(V),然后按住键盘上的Shift键的同时,按向右箭头键5次,以将新行向右移动50 px。

ps如何做立体网格(如何在Photoshop中制作等距网格)(7)

ps如何做立体网格(如何在Photoshop中制作等距网格)(8)


第5步

再次,按键盘上的“ Ctrl J”以复制线图层,然后将其向右移动50 px,如图所示。

ps如何做立体网格(如何在Photoshop中制作等距网格)(9)

ps如何做立体网格(如何在Photoshop中制作等距网格)(10)


第6步

要制作网格的垂直线,请重复此过程(重复 移动)多次。在这种情况下,我做了20条线。

ps如何做立体网格(如何在Photoshop中制作等距网格)(11)

ps如何做立体网格(如何在Photoshop中制作等距网格)(12)


步骤7

选择所有垂直线图层,然后在键盘上按“ Ctrl E”将其合并。将图层重命名为“垂直线”。

ps如何做立体网格(如何在Photoshop中制作等距网格)(13)

ps如何做立体网格(如何在Photoshop中制作等距网格)(14)


步骤8

在键盘上按“ Ctrl J”可复制“垂直线”图层,并将其重命名为“水平线”。

ps如何做立体网格(如何在Photoshop中制作等距网格)(15)

ps如何做立体网格(如何在Photoshop中制作等距网格)(16)


步骤9

选中“水平线”图层后,按键盘上的“ Ctrl T”,在顶部工具栏中,将旋转角度设置为90º,然后单击“提交变换”图标。

ps如何做立体网格(如何在Photoshop中制作等距网格)(17)

ps如何做立体网格(如何在Photoshop中制作等距网格)(18)


第10步

在“层”面板中,选择两个线层(水平和垂直),然后在键盘上按“ Ctrl T”。

ps如何做立体网格(如何在Photoshop中制作等距网格)(19)

ps如何做立体网格(如何在Photoshop中制作等距网格)(20)


步骤11

要完成等距网格,请确保在顶部工具栏中取消选中“保持纵横比”图标,将“垂直比例”设置为86,602%,将“旋转”设置为30º,将“水平倾斜”设置为-30º,然后单击“提交变换”图标。

ps如何做立体网格(如何在Photoshop中制作等距网格)(21)

效果图

ps如何做立体网格(如何在Photoshop中制作等距网格)(22)

#我要涨粉##职场杂货铺##我要上##职场达人说##爆料#

,