漫画描边兼职(新手设计使用AI之前的设置需知)

很长一段时间,我一直天真的以为在设计上熟练掌握一个PS就够了.讲真,PS在设计上可以做很多事情,有的大神只用PS做3d效果(RWADS)。不过最近迷上了画小插画,发现AI比PS好用多了,简单又省时。而且,如果做个兼职,弄个logo什么的,做一套图标,矢量图比位图好多了。于是,我想学习一下AI,然后找了几篇关于使用AI的初级文章。直到看到这一张,觉得还挺全的,然后本着分享好东西的精神(臭不要脸)分享给大家(部分单词英汉翻译不正确,部分图片有改动)。希望大家都能用上。(文章有点长。希望你能耐心看完。)

作为一个初学者,为网页制作数字图形有时会很棘手,尤其是当你在某张图片上投入大量精力(制作图形,或者也许是图标),最后你突然发现结果并不令人满意。

这是我们刚开始使用Adobe Illustrator时都需要处理的问题,这也是为什么我想写这篇短文来为你找到一些解决方法。

1.矢量 vs. 位图

在我们开始之前,我想为你、我和其他所有作为设计师的人写一些我们都应该注意的东西。

我们创意工作者在工作中会遇到两种主要类型的图片。一个是矢量,另一个是位图。

一幅矢量图像由大量的锚点和路径组成,用户可以随意缩放,但这些努力不会使图像失去质量。

位图,在网格上,是由一系列固定的像素组成的,也就是说这张图片一旦被确定为某个分辨率,当你试图以任何方式修改它时,它就会失去原有的质量(包括放大或缩小)。这是因为图片中的像素信息被强行改变了大小,我们的一些项目需要不同的大小来适应不同的用户。

显然,缩小画质是达不到想要的效果的。尝试改变它的大小,你会得到一个模糊的,像素化的图像。有一些软件,比如Perfect Resize,用特殊的算法对放大的细节进行优化,但是对于我来说,矢量对比位图最大的特点就是大小可以随意修改,质量可以保证。

位图或矢量图形都取决于它们的用途。你可能听说过,一张照片可以用数字方式显示或打印。关键的区别在于图片是如何复制的。打印机通过像素和数字屏幕(PC显示器、手机或笔记本屏幕等)工作。)依靠分辨率来处理和输出不同的图像,无论是位图还是矢量。

这就带来了一个棘手的问题,涉及到矢量如何在像素网格上分布,所以像素优化的工作在不同的设备之间是不一样的。

幸运的是,在我看来,有许多标准的解决方案。一旦您开始您的项目,或者您想要在web上发布或打印它,您可以使用这些解决方案。

1.理解Adobe Illustrator如何工作

在调整图片之前,首先要了解“那些”东西是如何工作的。Illustrator是一个基于矢量的软件,它使用数学算法来创建和显示路径(无论是开放的还是封闭的),包括锚点。您可以控制这些锚点的位置来调整您的图形。

新手设计使用AI之前的设置需知

并不是这些锚点重要,而是你把它们放在画板上的方式和它们呈现的对象(对齐与否)重要。这就是为什么我在最初的几个步骤中谈到了小细节,因为它有助于我们创建这样的图形。

3.改变Illustrator的设置

默认情况下,Illustrator有大量的设置和选项,其中许多都有默认设置,因此您可以在安装后开始使用该软件。很多时候,人家的成品是很好的,但是一旦你的工作流程需要更多的细节,你就要改变其中的一些,让你的设计看起来像你想的那样。前几个步骤,我给你看了一些基本的东西,每次新安装Illustrator后都会修改。

在开始之前,我想指出的是,这些都是我在试错过程中养成的个人喜好,我并不认为这些“对”或“错”的3354更像是“适合”像素优化这个项目。没有什么是完全相同的,但大多数时候你可以在工作流程中调整和适应自己。

第一步

在我们开始调整单位之前,我想将Illustrator中的默认单位(磅)与我们想要选择的单位(像素)进行比较。

点(译者注:这里更确切的术语是“磅”)

从印刷的角度来看,点(pt)是度量字体大小、行距、缩进和间距的最小单位。

像素

根据维基百科的描述,从数字图形的角度来看,像素(px)是数字屏幕上显示的图片中“最小的可访问元素”。在显示器等屏幕上,我们也可以根据不同屏幕的分辨率,将像素定义为最基本的测量元素,这样就可以看到屏幕上不同元素的显示大小。

现在,我们有两种单位,那么我们如何区分它们呢?许多文章描述他们是平等的(1 pt = 1 px),但它只在(1 pt = 1 px)是真实的,因为1 pt = 1/72 inch意味着当你的设备有更高的分辨率时,这个等式将不成立。如果你从CSS的角度来看,W3 Org会说:0.75 pt = 1 px

苹果在他的iOS开发者库页面中指出,为什么使用点而不是像素将有助于图片在更低或更高分辨率的设备上更好地显示。

“例如,在高分辨率屏幕中,一条1磅宽的线实际上位于由两个物理像素组成的线内。因此,当您在两个设备上绘制相同的内容时,其中一个是高分辨率屏幕。这两个屏幕上的内容几乎一样大”。

他们忘了说的是,现在厂商的屏幕都有不同的密度,这个数字很重要,这让我们的项目有些复杂。

现在你可能会疑惑,怎么选择哪一个呢?我倾向于选择像素。为什么?就个人喜好而言,我从事平面设计工作以来,从未听到有人抱怨自己iPhone上的同一个图形看起来比PC上的轮廓还粗。

而且,像素不依赖于ppi。创建新文档时,您可以将文件设置为更高的分辨率,以调整ppi,使设备具有不同的ppi。因为不同设备的分辨率范围太广,我更愿意相信苹果设备上1 pt和2 px是相等的,不同厂商的同一台设备可能显示密度更高。

这个选择取决于你。如果找到合适的方法,修改单位选项。在首选项菜单中,(编辑首选项单位)以及将一般描边的值设置为像素文本类型是基于点的。我建议保持默认值,因为设置为像素并不能提高文字的清晰度和锐度。

新手设计使用AI之前的设置需知

第二步

当你调整你的单位,你来网格设置它。关于网格我就不多说了,因为我的另一篇文章解释了你需要了解的一切。我想说的是,如果你想创建一个准确的图像,你需要更加注意网格的精确设置,并与像素预览函数(我将在接下来的几分钟内讨论)一起使用。

要更改默认设置,请找到编辑首选项参考线和网格,。有两个场景你需要注意:网格线间隔次分隔线。。我有时用 1 来设置这两个值。现在我觉得这是最适合我工作的设定,不管我做什么项目。是的,你应该更加注意,如果你像我一样尝试,尽可能注意细节。

新手设计使用AI之前的设置需知

第三步

我们都知道箭头键的用法。Illustrator有一个功能,可以使用键盘上的箭头键将对象精确地移动到一个方向。如果我们希望所有东西都精确到像素,我们需要调整它。每当我们按下箭头键时,对象将向那个方向移动一个像素。

它可以在编辑首选项一般常规键盘增量找到。

当我们想要快速、准确地短距离移动物体时,这非常有用。

新手设计使用AI之前的设置需知

4.处理

到目前为止,我们已经讨论了一些使Illustrator更准确的设置,但作为一个例子,我们将教你更简单的功能描述,我将教你如何处理一个要在Web上发布的图像。

第一步

我们开始创建一个新文档。但如果多注意一些基础设置,就能保证我们的画面有一个良好的像素优化基础。

按下Control-N (或 文件 新建) ,看看目前的设置,开始我们的项目。(这是原文中的图片,不能改。换了之后就走不下去了。)

新手设计使用AI之前的设置需知

因为我们想为网页优化像素,配置文件需要改为Web。之后,Illustrator会自动将单位设置为像素,将颜色模式设置为RGB

如果你看看文件的大小,你会注意到宽度高度都变成了近似的(960 x 560px),而不是十进制的(960.5 x 560.38px)。。为什么?如果你创建一个新的画布,并设置其宽度960.5px,一个对话框将出现在右边:完整的像素网格没有被占用。

新手设计使用AI之前的设置需知

让我们打开新建对象与像素网格对齐。这个功能很重要。它指示每个新创建的对象将它们的位置正确地与像素网格对齐,这样它们看起来更清晰。

因此,在最后一个示例中,我们创建了一个960 x 560 px的矩形,然后我们希望它在小数画布的中心对齐,但我们不能,因为右边和底边不能完全覆盖它们所在的像素。

新手设计使用AI之前的设置需知

有些人可能认为这个选项可能只用于网页内容,但我认为打印也可以起到准确定位你的锚点的作用,而不是场景中到处都有锚点。

提示:如果您不小心处理了一个十进制数的宽度和高度图像,您可以使用画板工具(ShiftO)来舍入这些值,但您应该尝试在开始时正确设置这些值,以免以后给您带来麻烦。

第二步

一旦我确认了我的文档设置是正确的,我经常用我自己的方法来确保每个宽度和高度都是整数。

正如我之前展示的,覆盖完整像素的规则适用于此处。如果我想创建一个看起来很锐利的图形,我需要让它有一个固定的值(比如200 x 200 px),这样可以保证图形的每个像素完全覆盖画布上的像素。然后我可以创建一个可以按任意比例缩放的图形,它看起来很清晰。

新手设计使用AI之前的设置需知

如果有一个200.4 x 199.9 px的正方形,Illustrator将在图形的右侧和底部应用保真效果,因为整个像素未被覆盖。这样做之后,图形元素最后看起来会有点模糊。

新手设计使用AI之前的设置需知

幸运的是,Adobe的优秀员工提供了解决这个问题的方法,这可以由Transform变换对齐像素网格功能的小组下解决。如果你的图形尺寸不合适,那么打开这个选项,它会将这个正方形的宽度和高度设置为200 px。此时,软件会自动将形状的大小值设置为最接近的整数。

新手设计使用AI之前的设置需知

提示:如果你看不到这个选项,那是因为你必须点击ns表单面板右上角的箭头并选择显示选项

新手设计使用AI之前的设置需知

第三步

使用Illustrator创建像素优化的图像时,还有一些重要的功能必须提出来。虽然它们提供相似的功能,但它们有关键的区别。

对齐网格

从名称上推测,这个选项与您设置的网格直接相关。要激活这个函数,当你来到视图对齐网格(Shift Control ”)时,它会指示你在画布上的所有对象与最近的网格边缘对齐。

新手设计使用AI之前的设置需知

对齐像素

“对齐像素”选项的行为略有不同。它在像素网格上对齐无法修改的对象。在您打开像素预览(Alt-Control-Y) 之前,此功能是隐藏的。再次打开后,对齐网格功能将成为对齐像素函数。

新手设计使用AI之前的设置需知

虽然不同,但是当网格分割线为1 px,次分隔线为1时,对齐网格对齐像素是相等的,也就是可以创建的最小网格,和像素网格一样大。

第四步

预览模式,当与对齐像素一起使用时,将帮助您更好地处理像素。它允许您在像素级别查看,您可以直接看到您的设计需要处理的部分。这个功能我一直在用,真的很有帮助。正如我已经提到的,当你打开视图像素预览或快捷键Alt-Control-Y时,这个功能可以被激活。

第五步

一旦你完成了你的工作,花一点时间,确保你的锚点在像素网格上正确对齐。当您发现锚点不在直线上时,使用直接选择工具(A)会将锚点拖到最近的网格交叉点。

你可能想使用像素网格对齐功能来处理这些问题,但根据我的经验,有时它会失败,所以我会用直接选择工具(A)手动修复它。

第六步

Bezier曲线是矢量软件的重要组成部分,它允许用户改变其形状和方向(闭合或开放)。初学者遇到的问题是如何处理手柄。他们经常到处拖动它们,这将导致图形看起来起伏不定。

新手设计使用AI之前的设置需知

但是,秘诀是要保证在拖动手柄的时候(按住Shift),手柄以45对角线纵横拖动。这种方法可以使手柄的尾部对齐某个网格的交点。

新手设计使用AI之前的设置需知

并且,如果此路径的一侧是平的,请尝试拖动手柄的上部,使其不超过图形的显示区域。

新手设计使用AI之前的设置需知

5.处理尺寸

在处理像素优化的作品时,调整大小是永远的痛。如果您尝试选择一个对象,并在一侧拖动边框,它将放大或缩小,并且还会破坏其原始外观。

一种解决方案是使用缩放期权(右键变换缩放统一),并使用50%、150%、200%、250%来增加和-50%来减少。

这就是为什么你需要一直计划,因为你知道你要做的设计需要多大的尺寸。

新手设计使用AI之前的设置需知

提示:这种方法会有问题,特别是当你有一个由圆角和弯曲路径的分组元素组成的巨大图形时。出现问题时,需要取消分组,同时进行调整。

6.处理旋转

当你想旋转矩形时,这一步非常简单。您可以在最近的像素网格上对齐锚点。但是圆角的形状怎么处理呢?还是一条弯曲的小路?

这可能是制作像素优化图形时遇到的最烦人的问题。很多情况下,锚点不可能和像素网格对齐,因为会影响图形的整体形状。很多时候,当我有一个需要旋转的圆角矩形时,我会应用这个旋转并让它消失。

好了!

如果你按下这个,你就可以为不同的设备创建漂亮的图形了!

以上文章摘自https://design.tutsplus.com/zh-hans/tutorials/how-to-create-pixel-perfect-art-using-adobe-illustratorCMS-23907。

这个链接,如果你写得不够好,你可以自己去原网站,但它有时有点慢。

主题测试文章,只做测试使用。发布者:徐浪老师,转转请注明出处:https://www.yuyanwz.com/108405

(0)
上一篇 2022年6月20日 上午8:56
下一篇 2022年6月20日 上午8:58

相关推荐