网格背景图怎么做(网格背景墙)
本文主要介绍如何制作网格背景图(网格背)，下面跟着东辰网详细了解一下吧。
我从来没有想过我会在酷站发教程。我一直以为是大神做的特别好的事情。后来看了很多教程，发现写教程的都是大神(因为很多人
他们写教程的时候总会漏掉一个步骤，然后我们这些菜鸟想了很久，开个玩笑，)，设计这个行业需要太多人的分享和连接。
网络行业更是如此。
开始次写教程，给自己，也给那些还在初级阶段的设计爱好者。
在设计上，有很多人能做出高调的效果，也有很多人花很长时间去思考哪怕是最基本的细节，比如我，呵呵。...
今天这篇文章写的是如何在PS中制作最基本的网格背景，而且要漂亮。
同学们，大神们，请无视我的文章。
首先，让我们让我们看看从网上收集的一张图片。突然觉得这个网格背景很好看。看起来很简单，其实做起来很简单，需要一丝不苟。
美是需要思考的。
有的同学会画一条直线，然后shiftalt会横向和纵向复制。...
这种方害死你的)
今天，我将分享一个给新手设计师的方法，叫做定义模式。
这个方法很多人都知道，但是做的时候难免忽略细节。
事不宜迟，让我们咱们开始工作吧...
1.ctrln新建一个画布，按照下图设置(请忽略我有强迫)。
2.用任何颜色填充画布。既然你我都是认真的，我就用吸管工具选择和那张图片一样的背景色。
3.接下来我们该做什么？画布建好之后，当然要画格子。怎么画...........这是教程的开始。我们用定义图案的方法来完成网格的绘制。所以，继续新建一个画布文档(50*)，如下图所示。
4.用黑色填充我们的新画布，然后将视图放大到500%以供参考。选择线条工具，在水平方向画一条宽50像素，高1像素的线。
如下图所示。用左手按住shiftalt，用右手拖动鼠标，以10个像素的间隔复制剩余的直线。
5.同理，也是垂直做的，如下图。
6.接下来我们将网格四边的线性透明度降低到76(数值由我自己决定，我说我有强)，网格内部的线性透明度降低到21。开始定义模式，编辑定义模式，只需给模式起一个你能区分的名字，然后点击确定。
7.接下来，回到开始个新建的画布，开始用我们的自定义模式绘制网格。是的，它见证奇迹的时刻到了。选择油漆桶工具，
在左上角的油漆桶子菜单中选择图案，点击旁边的倒三角符号，在下拉菜单中找到你刚刚点的。义的格局一般会在最后一个。
8.然后在背景层上新建一层填充网格图案。只要用选中的油漆桶图案点击新建图层，就会发现网格被填充了，如下图所示。
9.让让我们看一下我们制作的这张图片和前一张图片。
10.通过比较，我们可以看到为什么其他人美国的网格是如此美丽，而我们的网格不。;它看起来不太漂亮。为什么我们的网格线如此之粗，其他的网格这么细？都是1像素的单位，为什么看起来不一样？PS中可以选择0.5像素吗？还是更小的像素？
有的同学会说，把新建的网格背景透明度调整一下就好了。你可以试试。即使调整了透明度，效果依然不理想。即使放大缩小，还是不如别人。
我觉得肯定有问题。为了解决这个问题，让让我们继续分析。.....
11.让让我们仔细看看我们的网格背景，看看他为什么这么厚。谁让他这么厚，谁允许他这么厚？我们放大到3200%，可以看到参考线下一个像素的网格有多大。该步骤调用参考线(快捷键ctrl)并将参考线单位设置为像素。
12.通过放大网格背景，我们终于发现了猫腻。本来有的直线占了2个像素，有的直线占了1个像素，导致最后效果显示这么粗糙疯狂，这不完全不符合我们的审美。在定义图案时，我们清楚地画出一条像素直线，即使在垂直和水平方向。
为什么油漆桶刷出来会有一条2像素的直线？我们不妨回到定义该模式的PSD文档，看看发生了什么。
13.如果观察上图，可以得到一些思考。这2个像素是从哪里来的？约定的像素是多少？经过分析，我得出结论，问题就出在这里，如下图红色标记所示。当我们把这两条直线去掉，重新定义图案，就看会出现什么效果了。
14.去掉这两条直线后，整个网格图案就是一个不闭合的图案。这时，我们用同样的方法重新定义图案，并给它起一个名字，以便于识别。然后回到之前的画布，用油漆桶工具再刷一遍，看看效果如何。
15.通过再次重新定义图案，再次给油漆桶上色，得到如下效果。(记得把网格层的整体透明度降低到30%左)。顺便对比一下之前的图片，看看效果有没有提高。
16、重新定义格局后，我们发现问题就在那里，对吧？为什么？因为用油漆桶工具绘画时，闭合的网格图案自动与同一个网格合并，导致边缘叠加，也就是说，叠加后1像素的直线变成了2像素的直线。为了解决这个问题，我们设置了网格模式。把边缘直线去掉就行了，这样用油漆桶画的时候图案就不用和边缘重叠了。
至于主网格和次网格的区别，就看你定义图案时边缘线的透明度和网格内部线条的透明度的区别了。
17、设计有时候就是这么好玩，一个像素的区分会带来不同的整体效果，尤其是UI设计行业，需要太多的细节去掌控。希望这篇文章能给设计行业的新朋友带来不一样的思考角度，也是为了我自己。希望朋友们喜欢，也希望编辑给我首页。高清分辨率课程可供选择...
也希望各位大牛分享一下自己学到的一些知识，多交流。
开始期写教程，求砖，求交流，求朋友，求推荐，求分享。
此外，你可以点击它不会怀孕。...
我从来没有想过我会在酷站发教程。我一直以为是大神做的特别好的事情。后来看了很多教程，发现写教程的都是大神(因为很多人
他们写教程的时候总会漏掉一个步骤，然后我们这些菜鸟想了很久，开个玩笑，)，设计这个行业需要太多人的分享和连接。
网络行业更是如此。
开始次写教程，给自己，也给那些还在初级阶段的设计爱好者。
在设计上，有很多人能做出高调的效果，也有很多人花很长时间去思考哪怕是最基本的细节，比如我，呵呵。...
今天这篇文章写的是如何在PS中制作最基本的网格背景，而且要漂亮。
同学们，大神们，请无视我的文章。
首先，让我们让我们看看从网上收集的一张图片。突然觉得这个网格背景很好看。看起来很简单，其实做起来很简单，需要一丝不苟。
美是需要思考的。
有的同学会画一条直线，然后shiftalt会横向和纵向复制。...
这种方害死你的)
今天，我将分享一个给新手设计师的方法，叫做定义模式。
这个方法很多人都知道，但是做的时候难免忽略细节。
事不宜迟，让我们咱们开始工作吧...
1.ctrln新建一个画布，按照下图设置(请忽略我有强迫)。
2.用任何颜色填充画布。既然你我都是认真的，我就用吸管工具选择和那张图片一样的背景色。
3.接下来我们该做什么？画布建好之后，当然要画格子。怎么画...........这是教程的开始。我们用定义图案的方法来完成网格的绘制。所以，继续新建一个画布文档(50*)，如下图所示。
4.用黑色填充我们的新画布，然后将视图放大到500%以供参考。选择线条工具，在水平方向画一条宽50像素，高1像素的线。
如下图所示。用你的左手握住石。Falt，用右手拖动鼠标，以10个像素的间隔复制剩余的直线。
5.同理，也是垂直做的，如下图。
6.接下来我们将网格四边的线性透明度降低到76(数值由我自己决定，我说我有强)，网格内部的线性透明度降低到21。开始定义模式，编辑定义模式，只需给模式起一个你能区分的名字，然后点击确定。
7.接下来，回到开始个新建的画布，开始用我们的自定义模式绘制网格。是的，它见证奇迹的时刻到了。选择油漆桶工具，
在左上角的油漆桶子菜单中选择图案，点击旁边的倒三角符号，在下拉菜单中找到你刚刚定义的图案，一般是最后一个。
8.然后在背景层上新建一层填充网格图案。只要用选中的油漆桶图案点击新建图层，就会发现网格被填充了，如下图所示。
9.让让我们看一下我们制作的这张图片和前一张图片。
10.通过比较，我们可以看到为什么其他人美国的网格是如此美丽，而我们的网格不。;它看起来不太漂亮。为什么我们的网格线如此之粗，其他的网格这么细？都是1像素的单位，为什么看起来不一样？PS中可以选择0.5像素吗？还是更小的像素？
有的同学会说，把新建的网格背景透明度调整一下就好了。你可以试试。即使调整了透明度，效果依然不理想。即使放大缩小，还是不如别人。
我觉得肯定有问题。为了解决这个问题，让让我们继续分析。.....
11.让让我们仔细看看我们的网格背景，看看他为什么这么厚。谁让他这么厚，谁允许他这么厚？我们放大到3200%，可以看到参考线下一个像素的网格有多大。该步骤调用参考线(快捷键ctrl)并将参考线单位设置为像素。
12.通过放大网格背景，我们终于发现了猫腻。本来有的直线占了2个像素，有的直线占了1个像素，导致最后效果显示这么粗糙疯狂，这不完全不符合我们的审美。在定义图案时，我们清楚地画出一条像素直线，即使在垂直和水平方向。
为什么油漆桶刷出来会有一条2像素的直线？我们不妨回到定义该模式的PSD文档，看看发生了什么。
13.如果观察上图，可以得到一些思考。这2个像素是从哪里来的？约定的像素是多少？经过分析，我得出结论，问题就出在这里，如下图红色标记所示。当我们把这两条直线去掉，重新定义图案，就看会出现什么效果了。
14.去掉这两条直线后，整个网格图案不是闭合的。模式，此时我们用同样的方法重新定义模式，并给它起一个名字，以便于识别。然后回到之前的画布，用油漆桶工具再刷一遍，看看效果如何。
15.通过再次重新定义图案，再次给油漆桶上色，得到如下效果。(记得把网格层的整体透明度降低到30%左)。顺便对比一下之前的图片，看看效果有没有提高。
16.重新定义模式后，我们发现问题就在那里，对吧？为什么？因为封闭的网格图案在用油漆桶工具绘画时自动合并了同一个网格，导致边缘叠加，即一条1像素的直线叠加后变成了2像素的直线。为了解决这个问题，我们在定义网格图案时去掉了边缘直线，这样用油漆桶绘画时图案就不必与边缘重叠。
至于主网格和次网格的区别，就看你定义图案时边缘线的透明度和网格内部线条的透明度的区别了。
17、设计有时候就是这么好玩，一个像素的区分会带来不同的整体效果，尤其是UI设计行业，需要太多的细节去掌控。希望这篇文章能给设计行业的新朋友带来不一样的思考角度，也是为了我自己。希望朋友们喜欢，也希望编辑给我首页。高清分辨率课程可供选择...
也希望各位大牛分享一下自己学到的一些知识，多交流。
开始期写教程，求砖，求交流，求朋友，求推荐，求分享。
此外，你可以点击它不会怀孕。...
了解更多如何制作网格背景图(网格背景)相关内容请关注东辰网。
本文由东辰网发布，不代表东辰网立场，转载联系作者并注明出处：https://www.ktwxcd.com/psjc/20217.html
