29教程网 首页 Illustrator教程 Illustrator入门教程

Illustrator荧光字制作教程

2020-9-24 20:25
来自: 网络整理 收藏 分享 邀请

教程详细信息:如何创建Illustrator荧光字制作教程程序:Adobe Illustrator CC难度:初学者-中级涵盖的主题:基本工具和效果,变换和变形技术,图案和图案画笔预计完成时间:1小时最终图像:荧光笔文本效果矢量与往 ...

教程详细信息:如何创建Illustrator荧光字制作教程
程序:adobe illustrator CC
难度:初学者-中级
涵盖的主题:基本工具和效果,变换和变形技术,图案和图案画笔
预计完成时间:1小时
最终图像:荧光笔文本效果矢量

与往常一样,这是我们将要创建的最终的荧光笔文本效果矢量图像:

如何在Illustrator中创建荧光笔
第1步
要开始此荧光笔文本效果矢量教程,请按Control + N创建一个新文档。从“单位”下拉菜单中选择“像素”,在“宽度”框中输入600,在“高度”框中输入400,然后单击“高级”按钮。

选择RGB,屏幕(72ppi),并确保在单击“确定”之前未选中“将新对象与像素网格对齐”框。

启用网格(“视图”>“显示网格”)和“对齐网格”(“视图”>“对齐网格”)。您将需要每1像素一个网格,因此只需转到“编辑”>“首选项”>“参考线”>“网格”,在“每个网格线”框中输入1,在“细分”框中输入1。

尽量不要被所有网格困扰,这将简化您的工作,并请记住,您可以使用Control +“键盘快捷键轻松地启用或禁用它。

您还应该打开“信息”面板(“窗口”>“信息”)以实时预览形状的大小和位置。不要忘记通过“编辑”>“首选项”>“单位”>“常规”将度量单位设置为像素。所有这些选项将大大提高您的工作速度。

如何在Illustrator中创建荧光笔
第2步
选择矩形工具(M),然后将焦点放在工具栏上。

从笔划中删除颜色,然后选择填充并将其颜色设置为R = 255 G = 186 B = 41。移动到画板上,只需创建一个6像素的正方形,网格和“对齐网格”功能将简化您的工作。

继续关注此形状并切换到直接选择工具(A)。选择底部的左侧锚点,然后将其向右拖动3 px。

如何在Illustrator中创建荧光笔
第三步
继续关注您的黄色形状,并确保直接选择工具(A)仍处于活动状态。

首先,选择顶部,左侧锚点,移至选项栏,然后在“角落”框中输入1 px。

接下来,选择底部的左锚点,仅返回到选项栏,这一次在“角落”框中输入2 px。最后,您的黄色形状应类似于第二幅图像。

请记住,“ Live Corners”功能仅适用于CC用户。替代此效果的最佳解决方案是在本文中找到的Round Round Corner脚本:20个免费且有用的Adobe Illustrator脚本。

将其保存到硬盘驱动器,返回到Illustrator,然后获取直接选择工具(A)。依次选择两个突出显示的锚点,然后转到“文件”>“脚本”>“其他脚本”。打开“圆角任何角落脚本”,输入在“角落”框中指向的相同值,然后单击“确定”按钮。

最终结果可能看起来有些不同,因此可以随意增加/减少这些“角落”框中提到的值,以确保最终得到的形状类似于第二幅图中所示的形状。

如何在Illustrator中创建荧光笔
第4步
禁用对齐网格(Shift + Control +“),然后转到“编辑”>“首选项”>“常规”,并确保将“键盘增量”设置为1px。

确保选择了黄色形状,并在前面制作了两个副本(Control + C> Control + F> Control + F)。

选择顶部副本,然后使用键盘上的向下箭头按钮将其向下移动1像素。重新选择在此步骤中制作的两个副本,打开“路径查找器”面板(“窗口”>“路径查找器”),然后单击“减号前”按钮。

确保结果形状保持选中状态,并集中在“外观”面板(“窗口”>“外观”)上。

将现有的填充颜色替换为白色(R = 255 G = 255 B = 255),然后单击该“不透明度”文本以打开“透明度”弹出面板。将混合模式更改为柔光,并将不透明度降低到40%。

如何在Illustrator中创建荧光笔
第5步
重新选择黄色形状,并在前面制作两个新副本(Ctrl + C> Control + F> Control + F)。选择顶部副本并将其向下移动2像素。

重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。

用白色替换现有的填充色,将不透明度降低到30%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
第6步
重新选择黄色形状,并在前面制作两个新副本(Ctrl + C> Control + F> Control + F)。

选择顶部副本并将其向上移动1像素。重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。将现有的填充颜色替换为黑色(R = 0 G = 0 B = 0),将不透明度降低到30%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
Illustrator荧光字制作教程
步骤7
重新选择黄色形状,并在前面制作两个新副本(Ctrl + C> Control + F> Control + F)。

选择顶部副本并将其向上移动2像素。重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。将现有的填充色替换为黑色,将不透明度降低到20%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
步骤8
启用对齐网格(Ctrl +‘)。

使用矩形工具(M)创建4 x 10像素的形状,将其放置在第一张图像中,并将其填充颜色设置为R = 61 G = 61 B = 61。

继续关注这个新矩形,然后切换到直接选择工具(A)。选择左侧的锚点,移至选项栏,然后在“角落”框中输入2 px。最后,您的深色形状应与第二张图片中的相似。

如何在Illustrator中创建荧光笔
步骤9
禁用对齐网格(Control +‘)。

重新选择深色形状,并在前面制作两个副本(Ctrl + C> Control + F> Control + F)。

选择顶部副本并将其向右移动1 px。重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。用白色替换现有的填充色,将不透明度降低到40%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
第10步
启用对齐网格(Ctrl +‘)。

使用矩形工具(M)创建7 x 18像素的形状,将其放置在第一张图像中,并将其填充颜色设置为R = 71 G = 71 B = 71。

将焦点放在这个新矩形的左侧,切换到“添加锚点工具”(+),然后添加两个新的锚点,如第二幅图所示。

选择直接选择工具(A),选择顶部和底部,左侧锚点,然后将其向右拖动4 px。最后,您的形状应类似于第四个图像。

如何在Illustrator中创建荧光笔
步骤11
使用矩形工具(M)创建3 x 18 px的形状,将其放置在第一张图像中,并将其填充颜色设置为R = 61 G = 61 B = 61。

如何在Illustrator中创建荧光笔
Illustrator荧光字制作教程
步骤12
使用矩形工具(M)创建45 x 18像素的形状,将其放置在第一张图像中,并将其填充颜色设置为R = 255 G = 186 B = 41。

将焦点放在此新形状的右侧,然后切换到直接选择工具(A)。首先,选择顶部锚点并向下拖动3 px,然后选择底部锚点并向上拖动3 px。

如何在Illustrator中创建荧光笔
步骤13
确保仍然选择黄色的大形状,然后转到效果>扭曲>凸起。输入下图所示的属性,然后单击“确定”按钮。

如何在Illustrator中创建荧光笔
步骤14
使用椭圆工具(L)创建4 x 12像素的形状,将其放置在第一张图片中,不要忘记将填充颜色设置为R = 255 G = 186 B = 41。

继续关注这个新形状,选择锚点工具(Shift + C),然后简单地单击顶部和底部锚点。最后,您的形状应该看起来像第二张图片。

如何在Illustrator中创建荧光笔
步骤15
重新选择在上一个步骤中制作的两种黄色形状,然后从“路径查找器”面板中单击“合并”按钮。选择结果形状和树形,在第二个图像中突出显示深色形状,然后复制它们(Ctrl + C> Control + F)。

确保仅选择了这些副本,然后从“路径查找器”面板中单击“合并”按钮。用R = 39 G = 170 B = 225填充新制作的形状。

如何在Illustrator中创建荧光笔
步骤16
禁用对齐网格(Control +‘)。

重新选择您的蓝色形状,并在前面制作两个副本(Control + C> Control + F> Control + F)。选择顶部副本并将其向上移动1像素。

重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。将现有的填充色替换为黑色,将不透明度降低到20%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
步骤17
重新选择您的蓝色形状,并在前面制作两个副本(Control + C> Control + F> Control + F)。选择顶部副本并将其向上移动3像素。

重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。将现有的填充色替换为黑色,将不透明度降低到20%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
步骤18
重新选择您的蓝色形状,并在前面制作两个副本(Control + C> Control + F> Control + F)。选择顶部副本并将其向上移动5像素。

重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。将现有的填充色替换为黑色,将不透明度降低到15%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
步骤19
重新选择您的蓝色形状,并在前面制作两个副本(Control + C> Control + F> Control + F)。选择顶部副本并将其向下移动1像素。

重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。用白色替换现有的填充色,将不透明度降低到40%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
步骤20
重新选择您的蓝色形状,并在前面制作两个副本(Control + C> Control + F> Control + F)。选择顶部副本并将其向下移动3 px。

重新选择在此步骤中制作的两个副本,然后从“路径查找器”面板中单击“减号”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。用白色替换现有的填充色,将不透明度降低到30%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔 Illustrator荧光字制作教程
步骤21
重新选择您的蓝色形状,这次仅在前面复制一份(Control + C> Control + F)。选择它并向下移动5 px。

重新选择两个蓝色形状,然后从“探路者”面板中单击“减号前”按钮。

确保结果形状保持选中状态,然后将焦点放在外观面板上。用白色替换现有的填充色,将不透明度降低到20%,然后将混合模式更改为柔光。

如何在Illustrator中创建荧光笔
步骤22
启用对齐网格(Ctrl +‘)。

使用矩形工具(M),创建一个1 x 6 px的形状并将其放置在第一个图像中。将其不透明度降低到40%,将混合模式更改为柔光,并确保将填充颜色设置为黑色。

使用相同的工具,创建一个1 x 10 px的形状并将其放置,如第二个图像所示。将其不透明度降低到15%,将混合模式更改为柔光,并确保将填充颜色设置为黑色。

使用相同的工具,创建一个1 x 18 px的形状并将其放置在第一个图像中。将其不透明度降低到25%,将混合模式更改为柔光,并确保将填充颜色设置为白色。

如何在Illustrator中创建荧光笔
步骤23
选择到目前为止制作的所有形状,然后复制它们(Control + C> Control + F)。确保仅选择了副本,然后从“路径查找器”面板中单击“合并”按钮。选择结果形状,然后将焦点放在外观面板上。

首先,从填充中删除颜色,然后选择笔触。将其颜色设置为R = 71 G = 71 B = 71,然后单击该“笔画”文本以打开“笔画”弹出面板。将“权重”增加到2 px,然后选中“圆角连接”,然后单击“将笔触与外部对齐”按钮。

如何在Illustrator中创建荧光笔
步骤24
使用矩形工具(M)创建5 x 4 px形状,将其放置在第一张图像中,并将填充颜色设置为R = 255 G = 186 B = 41。确保仍选中此小矩形,然后使用Shift + Control + [键盘快捷键将其发送回。

重新选择到目前为止制作的所有形状,并使用Control + G键盘快捷键对它们进行分组。

如何在Illustrator中创建荧光笔
步骤25
使用矩形工具(M),创建1 x 4 px的形状,如下图所示放置它,并确保填充颜色设置为R = 255 G = 186 B = 41。

如何在Illustrator中创建荧光笔
步骤26
使用矩形工具(M)创建新的1 x 4 px形状,如下图所示放置它,不要忘记将填充颜色设置为R = 255 G = 186 B = 41。

确保此新形状保持选中状态,然后转到“效果”>“扭曲和变形”>“变形”。将“水平移动”滑块拖动到-1px,在“副本”框中输入9,然后单击“确定”按钮。

如何在Illustrator中创建荧光笔
步骤27
确保在上一步中添加的矩形仍处于选中状态,然后转到“对象”>“展开外观”。使用直接选择工具(A),一个接一个地选择生成的矩形,并减少不透明度属性,如第二幅图像所示。

如何在Illustrator中创建荧光笔  Illustrator荧光字制作教程
步骤28
确保仍然选择矩形组,然后将其拖动到“色板”面板(“窗口”>“色板”)中,以将其保存为图案。现在,您需要命名这个新模式。选择它,从“色板”面板中打开弹出菜单,然后直接转到“色板选项”。输入“ lineYellow”作为名称,然后单击“确定”按钮。

如何在Illustrator中创建荧光笔
步骤29
禁用网格(Control +“)和对齐网格(Shift + Control +‘)。

选择组成突出显示的一组形状,将其转变为第二个图案,并将其重命名为“ highlighterYellow”。

如何在Illustrator中创建荧光笔
步骤30
现在,让我们创建第一个图案画笔。选择下图中突出显示的微小黄色形状,打开“画笔”面板(“窗口”>“画笔”),然后单击“新建画笔”按钮。选中“图案画笔”框,然后单击“确定”按钮以打开“图案画笔选项”窗口。

将其命名为“ Highlighter Brush Yellow”,确保如下所示设置所有属性,然后移至“ Tile”框。打开“开始平铺”下拉窗口并从该列表中添加“ lineYellow”模式,然后打开“结束平铺”下拉窗口并添加“ highlighterYellow”模式。最后,单击“确定”,您应该在“画笔”面板中找到新的图案画笔。

如何在Illustrator中创建荧光笔
步骤31
返回您的画板,选择一种黄色形状,然后转到选择>相同>填充颜色以轻松选择所有黄色形状。选择所有这些形状后,将黄色替换为R = 141 G = 228 B = 63。

现在,将绿色矩形组和组成荧光笔的组变成两种样式。与上一步一样,使用这些新的图案和下面突出显示的绿色小矩形创建第二个图案画笔。

如何在Illustrator中创建荧光笔
步骤32
这是一种更快的技术,可用于重新着色和保存新的图案画笔。选取“画笔工具”(B),选择到目前为止制作的其中一种图案画笔,将焦点放在画板上并绘制一条简单的路径。确保此路径保持选中状态,然后转到“编辑”>“编辑颜色”>“为艺术品重新着色”。

首先,单击“从选定的艺术品获取颜色”按钮,并确保选中“为艺术品重新着色”按钮,然后只需将绿色替换为R = 0 G = 186 B = 255。单击“确定”按钮,并且图案画笔的蓝色版本将出现在“画笔”面板中。

如何在Illustrator中创建荧光笔
步骤33
使用上一步中提到的技术,可以在“画笔”面板中轻松添加粉红色的图案画笔。

如何在Illustrator中创建荧光笔
步骤34
选择“文字工具”(T),只需在画板上单击并添加灰色文字即可。确保其保持选中状态,然后打开“字符”面板(“窗口”>“类型”>“字符”)。

使用Freestyle Script字体,将大小设置为150 pt,将跟踪设置为100。使用画笔工具(B),沿文本大致绘制一堆路径,如第二幅图像所示。

如何在Illustrator中创建荧光笔
步骤35
摆脱掉这段文字,然后一步一步地选择在上一步中添加的路径,然后简单地添加图案画笔,如下所示。

如何在Illustrator中创建荧光笔
步骤36
启用网格(Control +“)和对齐网格(Shift + Control +‘)。

使用矩形工具(M),创建1 x 5和5 x 1 px的形状并将其放置,如下图所示。确保两个形状都用R = 39 G = 170 B = 225填充,然后将它们变成新的图案。

如何在Illustrator中创建荧光笔
步骤37
使用矩形工具(M)创建形状与画板相同的形状,并将其变为白色。

如何在Illustrator中创建荧光笔
步骤38
确保仍然选择白色矩形,将焦点放在外观面板上,然后使用“添加新填充”按钮添加第二个填充。选择此新填充,将其不透明度降低到10%,然后简单地添加几步之前保存的图案。

如何在Illustrator中创建荧光笔  Illustrator荧光字制作教程
而且我们完成了!
希望您喜欢这个荧光笔文本效果矢量教程,并可以在以后的项目中应用这些技术。对于任何学校或教育设计而言,这都是很棒的。

推荐阅读
粉丝 阅读68 回复0
上一篇:
如何在Illustrator中绘制卡通鞋图标发布时间:2020-08-14
下一篇:
Illustrator CC怎么样绘制一个发光的电灯泡发布时间:2020-10-06
推荐资讯
阅读排行
精选案例展示
关闭

站长推荐上一条 /1 下一条



专注平面设计教程免费分享
客服QQ

357224957

周一至周日9:00-23:00

反馈建议

357224957@163.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 桂ICP备12007517号-1 )