如何使用Adobe Photoshop快速轻松地创建网格?


32

假设我需要在Photoshop中绘制一个网格,每个正方形的大小均相同,并且一定数量的像素高和宽,并且网格线具有一定的像素宽度。像这样:

在此处输入图片说明

目前,我是通过绘制一个正方形来完成此操作的,将其复制,粘贴,移动和合并几次以创建一行,然后复制/粘贴几次以在彼此之上创建更多行。

它可以工作,但是感觉很笨拙,我确定应该有一种更有效的方法来做到这一点?

创建相等大小的正方形网格的有效方法有哪些?


3
如果您有Illustrator,我会在那里做。请参阅:graphicdesign.stackexchange.com/questions/16869/…-然后只需将其复制/粘贴到Photoshop。
斯科特,

Answers:


61

尝试使用模式。以正方形为例:

绘制您的初始正方形并选取框,选择一个仅包含顶部和左侧的较小正方形。然后选择Edit > Define Pattern...并保存名称。

接下来,选取框选择要填充的区域。然后选择Edit > Fill...Use: Pattern然后选择您的方形图案。

在此处输入图片说明


您如何做到这一点,以确保没有半个单元格,因为它非常适合?
小家伙

1
在上面的示例中,我使用了信息面板来测量网格大小。在这种情况下,像素为86px。如果要平铺没有“半单元格”的画布,请使用一个均匀地乘以画布尺寸的值。
亚历克斯·布莱克伍德

好吧,我在其中选择了绘制正方形的图层并已设置了选取框,但是“编辑”>“定义图案”对我来说是禁用的菜单选项。莫名其妙。
戴夫·芒格

6

如果您试图在设计时仅出于自己的利益创建网格,则有一个名为GuideGuide的扩展可以有效地完成此任务。

如果您需要将网格作为设计的一部分,我建议您使用选取框工具创建一条线,然后根据需要将其复制多次,然后使用Layer >> Distribute选项使它们完美均匀。


2
  1. 选择Photoshop→首选项→辅助线,网格和切片。

  2. 根据需要定义网格

  3. 选择视图→显示→网格;然后检查其他内容。

  4. 检查视图→对齐网格;然后检查捕捉。

  5. 如果尚不可见,请打开“ 路径”窗口。创建一个称为“ 水平”的新路径

  6. 使用钢笔工具(P)。在网格顶部定义水平线段。首先单击左侧,然后单击右侧。

  7. 使用路径选择工具(A,黑色箭头)。单击路径,按住选项Alt)以复制对象。

  8. 创建另一个称为“ 垂直”的新路径

  9. 使用钢笔工具(P)。在左侧定义网格的垂直线段。首先单击顶部,然后单击底部。

  10. 使用路径选择工具(A,黑色箭头)。单击路径,按住选项Alt)以复制对象。

  11. 为网格创建一个新层(可选)。否则,将在活动的任一层上绘制网格。

  12. 调色板窗口→选择水平路径,然后从选项子菜单中选择描边路径(使用前景色)(单击调色板窗口右上角的三行小三角形),选择画笔或铅笔。

  13. 重复上一步以描画垂直路径。


1
要做到这一点需要大量的工作。
Evan Carslake 2015年

实际上,这对我来说是非常快的。有没有更好的方法来创建路径网格(而不是像素)?使其整齐地排列在网格上非常整洁。谢谢!
emrys57 '17

2

我找到了解决问题的快速方法(我拥有PS CS4):我使用了“显示网格”,在“首选项”中调整了尺寸等,完全按照我的需要进行了拍摄,然后对图像进行了截图,并将其粘贴到将我的文件作为新图层,并对其进行修剪以使其具有一定的大小和比例。对于某些用户来说,这还不够高分辨率,但是它非常快捷,可以满足我的需求。


2

在“查看”标签下的“新指南”布局

这将打开一个新窗口预设-您可以保存,加载和创建参考线布局,以根据需要一遍又一遍地检查或取消选中列或行。我建议选中“预览”号=所需的参考线数宽度=生成的辅助线之间的距离装订线=辅助线之间的间隔边距=设置设计所需的边距,您可以键入上,左,下和右的值

也可以选择中心列和清晰的现有指南

这是用于Photoshop CC 2015.5

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.