Photoshop Grid是一个不可或缺的工具,用于准确地创建像素完美的布局和定位项目。网格看起来像图像顶部的线框网格覆盖。这条线框的尺寸可以很容易地改变,以满足您的需求和帆布尺寸。

在本教程中,我们将学习如何有效地使用和自定义Photoshop网格。你可以在这里学习更多关于Photoshop网格的知识Photoshop CS6快速入门课程

Photoshop的网格究竟是什么?

看看下面的图片:

小猫是可爱的,但如果你想从顶部的顶部,50像素究竟要放置一些文字,那么它是什么?

这就是网格派上用场的地方。下面是启用网格的图片:

我将每个网格线之间的距离设置为25像素。将文本定位在所需的距离,因此,与从顶部(25px)的一个网格线一起放置两个网格线,如下所示,如下所示,如下所示:

这是Photoshop网格背后的基本概念:它可以帮助您创建准确的布局和定位元素。网格完全可定制;您可以更改网格颜色,网格之间的距离,以及元素是否“捕捉”到网格边缘。我们将详细介绍所有这些方面。

使用Photoshop网格

1.访问网格

要访问网格,请创建一个新的空白文档,然后转到Views -> Show -> Grids。或者,您可以按CTRL + '。

您将立即看到您的文档覆盖了一个网格覆盖层。

我的叠加层看起来很蓝,因为我已经把它设置为那样;根据您的设置,您的网格颜色可能有所不同(您将学习如何在下面更改此问题)。

你可以了解有关定制Photoshop的更多信息,包括网格,在一个专门的课程。

2.网格和捕捉

如果你再去Views菜单,你会看到一个叫Snap的东西。

你还可以看到一个名为“Snap-to”的子菜单。这将决定任何元素是否与网格、切片、参考线等相匹配。

When you enable Snap (SHIFT + CTRL + and make sure that Grid is selected under ‘Snap-to’, any element you move around with the mouse will automatically stick to grid edges. This takes all the guesswork out of positioning elements. In the example used above, if the text snaps to the second grid edge from the left, it means that the element is exactly 50px from the left, as the width of each grid is 25px.

来吧,你自己试试。在您的空白文档中,创建一个元素—一个方形框,一些文本,任何东西。尝试移动它周围的snap启用和网格显示。您将看到元素粘在每个网格边缘上,这使得精确定位成为可能。

例如,下面,我使用电网的功率和捕捉创建了不同的彩色方块。

因为1 grid = 25px宽,我们可以说:

这些是Photoshop中一些最基本的功能。您可以在本文中了解更多关于使用它们的信息Photoshop基础的优秀课程

3.改变网格的设置

正如我们上面所看到的,网格对于定位元素甚至创建特定大小的新元素非常有用。但如果我们也想改变每个网格的大小呢?

这很容易。您可以从编辑 - >首选项 - >指南,网格和切片访问网格设置。

在下一个窗口中,您将完全控制网格尺寸和颜色。您还可以更改指南和切片的特征,但这是另一教程!

让我们仔细看看这些设置:

根据您使用的图像(及其尺寸),您可能需要更换每个和细分设置的网格线。例如,这是我的文档如100像素和10个细分的网格线所示:

这是每20%的网格线,只有一次细分(即没有细分)的效果:

显然,每次想要调整网格参数时都会进入偏好可能是真正的痛苦。这个photoshop插件让您快速访问网格控件,以动态调整网格设置。

网格是Photoshop中最有用的功能之一。你会经常使用它们,所以花点时间去掌握它们。这里有一道菜可以为你介绍Photoshop中的所有基本概念,包括当然,Photoshop Grid!

如何在Photoshop中使用网格?我们很乐意在下面的评论中听到你的想法!

Photoshop顶级课程

Adobe Photoshop CC -高级培训课程
丹尼尔·沃尔特·斯科特,指导总部
4.8 (5953)
Photoshop 2021来说
马丁Perhiniak
4.6 (8919)
绘画面对Photoshop的力量
哈代福勒
4.7 (1,150)
Adobe Photoshop完全掌握课程初学者到高级
史蒂夫麦当劳
4.5 (5551)
畅销书
Adobe Photoshop CC:你的完全初学者到高级班
Phil Ebiner,视频学校
4.6 (17921)
Adobe Photoshop CC -基本训练课程
丹尼尔·沃尔特·斯科特,指导总部
4.7 (18,584)
畅销书
Photoshop CC for初学者:Adobe Photoshop课程
Jeremy Deighan,概念课程
4.7 (556)
Adobe Photoshop 2021 - 初学Essentials培训课程
Gurpreet辛格
4.9 (87)
评价最高

更Photoshop的课程

ps学生也能学到

赋予你的团队。引领行业。

使用Udemy for Business订阅在线课程库和数字学习工具。

请求演示