生产2019-10-7更新日期：2023年2月2日小笠原雅美
鸣叫 分享 哈特纳 RSS
创建网站时，您可能有机会使用 Illustrator 创建图像文件。
在这样的时候，如果能够创建漂亮的渐变效果那就太好了。
但创建漂亮的渐变是很困难的……你不这么认为吗？
给大家带来好消息！
从 Illustrator CC 2019 开始，除了常规渐变之外，还添加了“自由渐变”！
这次，我将介绍如何使用新的渐变函数及其制作示例。
>>对于那些考虑网站更新的人 | 免费分发 RFP 样本
目录[显示]
传统渐变
首先，让我们看一下到目前为止的渐变情况。
电子邮件列表是成功数字推广的支柱。在 MP 列表中，妈妈们寻找最好的服务。提供与您的受众概况相匹配的高度针对性的最新电子邮件列表。无 电子邮件列表 论是新闻通讯、促销还是产品发布，我们精心策划的列表确保您在接受我们的服务后，永远不会在亲眼所见的情况下知道服务有多好。你记住这一点，你就赢了，希望你能闭上眼睛接受你的服务。最大限度地提高您的电子邮件营销效果。
传统的渐变有两个渐变。
一种是“线性渐变”，另一种是“圆形渐变”。
前者是沿固定方向变化的渐变，后者是从中心开始呈放射状变化的渐变。
现在让我们实际使用这两个渐变
线性和圆形渐变
首先，启动Illustrator并准备两个圆圈。
现在，让我们对左圆应用线性渐变，对右圆应用圆形渐变。
从左侧的“工具面板”中选择渐变工具。
也可以通过在键盘上输入“G”来启动。
这次，我们将颜色从红色更改为蓝色，以便更容易看到颜色的变化。
这是应用了渐变的效果。
对于线性渐变和圆形渐变，颜色之间的界限都隐约可见，导致渐变粗糙。
为了解决这个问题，我们需要平滑从红色到蓝色的过渡。
然而，即使您只是想轻松处理，排列大量颜色并使渐变平滑也可能很乏味。
那么让我们使用新添加的渐变功能
新增渐变功能
使用新添加的渐变功能，您可以创建更平滑的渐变。
新增加的一个叫做“自由渐变”。
自由渐变有两种类型：“点”和“线”。
让我们使用自由渐变
现在，让我们实际使用自由渐变。
首先，我们像以前一样准备两个圆圈。
接下来，选择图像后，从“工具”面板中选择“渐变”工具。
然后，您将能够从屏幕顶部的控制面板中选择渐变类型，因此选择最右侧的“自由渐变”。
然后，您将能够选择自由渐变复选框旁边的“点”或“线”
现在，让我们使用之前放置的两个圆圈的左侧圆圈上的点创建渐变。
带点的渐变
如果要使用点作为渐变，请将该点设置在对象（例如形状）上方。
然后从该点创建渐变。
该图像是颜色从您放置点的位置开始扩散的。
现在让我们创建类似于上面所做的线性渐变的东西。
这几乎与线性渐变相同。
如果是像这样的简单渐变，则可以毫无问题地使用线性渐变。
创建更复杂的渐变时，自由渐变非常有效。
从这里开始，让我们放置一些点并排列各种颜色。
它突然变成了一种时尚的渐变
尝试改变放置点的位置来找到您最喜欢的设计。
您还可以在选择点时通过调整控制面板上的散布来调整点的大小。
分布越大，该颜色覆盖的区域就越大。
例如，在上图中，顶部的白色扩展设置为 26%，使渐变稍宽一些。
通过调整点的位置和分布，您可以实现您想要的设计。
如果您对配色方案没有信心，请点击此处。
用线条渐变
接下来，我们用右侧圆圈上的线条创建渐变。
即使使用线条创建渐变时，也要首先在形状顶部放置一个点，就像使用点创建渐变一样。
这次，我将点放置在中心以及顶部、底部、左侧和右侧边缘，并将中心涂成红色，其余部分涂成蓝色。
现在，让我们使用线条创建渐变
选择放置的点后，从控制面板中选择“线”作为绘制方法。
然后，点变成了线。
现在，让我们实际使用线条创建渐变。
选择位于中心的红点，检查绘图是否为一条线，然后尝试将颜色放置在形状上的适当位置。
这次我尝试在右上角创建一条线的渐变。
然后，从中心到右上角画一条线。
现在，让我们将右上角的颜色更改为黄色。
结果是这样的。
您可以看到，沿着线条绘制的方向（在本例中是朝向右上角）存在从红色到黄色的渐变。
在点渐变的情况下，颜色从放置的点均匀地扩散，而在线渐变的情况下，渐变可以具有流动。
现在，让我们连接最初放置在顶部、底部、左侧和右侧边缘的点。
首先，选择顶部的点，确保绘制方法是“直线”，然后通过左侧的点从顶部的点到底部的点绘制渐变。
之后，我们将位于左侧的点的颜色更改为绿色，将位于底部的点的颜色更改为紫色。
如果用一条线连续连接多个点，它就成为一条曲线
如果你看上图，你会发现有一个从蓝色到绿色到紫色的渐变，逆时针绘制了一个圆弧。
请记住，如果您使用线条绘制自由渐变，则可以指定渐变方向。
让我们对文本应用渐变
渐变不仅可以应用于形状，还可以应用于文本。
从这里开始，我们为文本添加自由渐变。
让我们输入字符
首先，使用左侧“工具面板”中的文本工具输入文本。
也可以通过在键盘上输入“T”来启动。
这次我输入了“WEB”。
打字时，从控制面板选择字体和字体大小。
使用粗字体更容易应用渐变。
这次，我选择了“包豪斯93”。
将文本转换为轮廓
现在，让我们勾勒出文本的轮廓以应用渐变。
除非将文本转换为轮廓，否则无法对文本应用渐变。
要创建轮廓，请选择要轮廓的元素，然后单击“格式”中的“创建轮廓”。
然后，文本就变成如下所示的轮廓
从这里开始，我想应用渐变。
不过，自由渐变无法一次应用于所有角色，因此我们将取消该组，并将渐变一一应用于每个角色。
我们取消群组吧
要取消分组，请选择要取消分组的元素，然后单击“对象”中的“取消分组”。
现在您可以一一选择每个角色。
从这里 通过墨尔本便捷的移动汽车美容服务改造您的车辆 开始，按照“让我们尝试使用自由渐变”中将自由渐变应用于形状的相同步骤进行操作。
让我们用您最喜欢的颜色创建渐变。
>>对于那些考虑网站更新的人 | 免费分发 RFP 样本
为每一个设置一个渐变
作为一个例子，我想添加一些渐变。
首先，我们对字母“W”应用渐变。
选择元素后，从“工具”面板中选择“渐变”，从“控制”面板中选择“自由渐变”。
这次，让我们专注于绘画。
这次，让我们创建一个字母“W”从顶部出现的设计。
通过在“W”的顶部放置一个白点，在底部放置一个蓝点，我们创建了一个看起来像是从上面出现的设计。
这似乎可以通过正常的线性渐变来完成。
现在，让我们将 W 视为三条垂直线，并将它们分别设置为不同的颜色。
这样，设计就丰富多彩、流行起来
此外，橙色和绿色被放置在中间，使从红色到黄色、从黄色到蓝色的过渡更加平缓。
这样，通过自由渐变，您可以通过简单的操作创建渐变。
让我们使用单调的渐变
让我们尝试一些其他渐变。
虽然您可以使用如上所示的各种颜色创建彩色渐变，但您也可以使用单色创建时尚的渐变。
例如，尝试将白点放置在黑点旁边。
这将创建一个白色和黑色碰撞的前卫渐变。
如果你排列其中一些，它会看起来像这样：
该设计类似于一块凹凸不平的金属板。
有了自由渐变，这样的事情很快就能完成。
黑色背景会给人一种更扎实的感觉。
这样，你就可以自由地享受渐变了
让我们使用线条对文本应用渐变。
到目前为止，我们主要讨论了使用自由渐变时的绘制方法，但我们也尝试使用线条渐变。
让我们将“B”视为一个单笔画字母，并沿途创建一个锯齿形渐变。
首先，使用自由渐变并在“B”的左下角放置一个点。
从那里，将绘图更改为线条并连接渐变。
我准备两个。
外部线条为蓝色和绿色交替，内部线条为黄色和白色交替。
您可以看到渐变分为两部分，如下所示。
当您想要像这样向渐变添加运动时，使用线条绘制方法的渐变非常有用。
这样，根据您想要表达的内容使用不同的词语是个好主意。
让我们为图像添加渐变
到目前为止，我们已经将渐变应用于形状和文本，但实际上您也可以将渐变应用于图像。
从这里开始，我们对图像应用渐变。
准备图像和形状
首先，准备一张图像。
这次，我将准备一个单调图像，以使渐变更容易理解。
这次，我准备了这样的图像。
接下来，准备一个与图像大小相同的形状。
首先，让我们对这个形状应用渐变。
让我们在形状上设置渐变
形状的渐变与以前相同。
选择形状后，从“工具”面板中选择“渐变”，然后从“控制”面板中选择“自由渐变”。
现在，让我们尝试自由创建渐变。
这次我像这样设置了绿色和蓝色渐变。
让我们将其叠加在上一张图像的顶部。
我们来调整一下不透明度
如果你这样离开，你将看不到你身后的图像。
那么让我们从这里开始调整不透明度。
在屏幕顶部的控制面板中将所有点的不透明度设置为 75%。
结果是这样的。
通过以这种方式重叠图像和形状并调整应用于形状的渐变的不透明度，您也可以将渐变应用于图像。
剩下的只是微调的问题。
我感觉屏幕左侧和右上角的黄绿色很浓。
此外，从屏幕右侧到中心没有清晰度。
因此，让我们更改不透明度并调整颜色的强度。
这只是一个示例，因此请随意尝试渐变。
自由渐变制作示例
到目前为止，我们已经解释了如何使用各种自由渐变。
最后，我想介绍一些自由渐变的例子。
通过应用这种自由渐变，您可以创建各种设计。
例如，这个数字营销博客上介绍 jsFiddle 的文章中的图像中就使用了这种自由渐变。
您还可以通过向背景添加渐变并调整不透明度来使背景更加丰富多彩，同时模糊背景。
通过使用这样的自由渐变功能
您可以轻松创建时尚的渐变。
概括
使用传统 AOB 目录 的线性和圆形渐变，需要花费时间和精力来创建带有渐变的时尚设计。
然而，通过使用新功能“自由渐变”，您现在可以轻松创建时尚的设计。
大家不妨尝试一下吧。
该网站还介绍了许多有关网络的有用信息。
如果您负责网络内容或对数字营销感兴趣，请看一下
