在今天的Illustrator教程中,我们将创建一个以漫画书为灵感的文本效果,你最喜欢的超级英雄会为之骄傲。了解如何使用混合工具创建一个基本的3D效果,并生成酷的半色调图案,以提供复古丝网印刷外观的设计。这两种技术本身就是插画师技能的重要补充,可以用于各种插图和设计工作。

漫画风格文本效果

我们要创造的文字效果是基于那些带有粗体标题的复古漫画书封面,通常具有强烈的轮廓和三维样式效果。我们的例子还利用微妙的半色调图案来增加色彩的变化,并模仿老式丝网印刷技术的可见点图案。

打开Illustrator,使用类型工具输入一些文本,然后选择一个高的,粗体字体这是我选的Futura粗体浓缩.

转到“对象>变换>扭曲”,然后从下拉菜单中选择“上升”选项。将弯曲度更改为45%左右,并将水平变形调整为-40%左右。

我们需要永久应用此效果才能继续编辑文本。转到“对象>展开”,然后选择“对象”选项。

选择文本并按Cmd+C进行复制,然后按Cmd+B粘贴到后面。将文本的副本沿对角线向左移动,然后选择两个对象,转到“对象>混合>生成”。

返回到“对象>混合”,然后选择“混合选项”以更改设置。将间距更改为指定的步数,然后将数字调整到非常大的值,以实现两个元素之间的平滑过渡。

转到“对象>展开”将混合转换为单个形状,然后单击Pathfinder工具中的合并选项,将所有单独的部分混合成一个形状。

原始文本仍应复制到剪贴板中。按Cmd+F粘贴在前面,然后改变颜色,创造一个彩色的正面三维效果。

选择文本的混合部分并应用对比色。使用相同颜色添加一个笔划,然后将设置调整到与外部对齐的大约3像素。

复制并粘贴在文本面副本的前面,然后给它一个黑白渐变填充。通过将方向调整为90°,使梯度垂直流动。

转到“效果>像素化>颜色半色调”,并将各个通道的角度调整为45°,以便它们都对齐以形成基本的半色调图案。根据文档大小更改最大半径,但8个像素应该可以创建一个大小合适的点模式。

不幸的是,Illustrator创建的半色调图案是基于光栅的(如果它真的是矢量格式的话,那就太神奇了!).这意味着我们需要使用实时跟踪工具对其进行矢量化。展开“对象>展开外观”下的半色调效果,然后转到“对象>实时跟踪>跟踪选项”。将“路径拟合”和“最小面积”设置更改为1px,然后选择“忽略白色”。

在Illustrator中,CS6实时跟踪现在称为“图像跟踪”(窗口>图像跟踪)。这些设置的命名略有不同,但可以应用类似的配置。

展开半色调图案,使其成为完整的矢量对象。

将半色调图案的颜色更改为文本颜色的略暗色调,以创建酷的半色调渐变效果。

复制并粘贴在另一份原始文本的前面。去除颜色填充,使用灰白色选择添加2个笔画。

复制混合三维区域,然后转到“对象>展开外观”将笔划转换为已售出的形状。点击Pathfinder调色板中的合并选项,将这两个元素混合成一个单独的对象。

将黑白渐变填充添加到此背景块,然后使用渐变工具更改渐变流,使颜色随文本角度自然流动。这一次设置从下到上的流量。

应用相同的颜色半色调效果,然后重复前面的步骤以展开并实时跟踪到矢量格式的效果。

将背景半色调的颜色更改为较暗的色调,以添加更酷、更微妙的渐变半色调效果。

再次选择3D背景区域,然后转到“对象>路径>偏移路径”。在选项中输入2毫米,然后单击“确定”。

删除新元素的笔划效果,然后将填充颜色更改为与文本笔划相同的灰白色。使用键盘光标键将此形状轻轻推离原位。

画一个大矩形作为文本效果的背景,并给它一个微妙的颜色填充。复制并粘贴元素,并添加一个大的黑白径向渐变。

添加另一种颜色的半色调图案,但这次将半径增加到20px以创建一个更大的图案。重复这些步骤以矢量化此效果。

给背景半色调图案一种颜色填充,然后将混合模式更改为颜色燃烧,以使其巧妙地与背景颜色混合。

漫画风格文本效果

最后的漫画书风格的文本效果看起来很好,与基本的三维效果和那些凉爽的半色调模式。这两种技术绝对值得您将来的项目记住。混合文本轮廓可以很好地用于城市风格的标志,而半色调图案在创造复古效果方面简直太棒了。

访问此下载

二百零三
分享
在Pinterest上共享
29评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

29评论

  1. 我将是另一个赞扬该教程的人,但我在哀叹Illustrator中对图像跟踪所做的更改(我运行的是最新的CC版本)。使用了CS3-5.5,上面概述的过程将非常容易通过前面的菜单布局完成。

    我试过调整物体的大小,半色调像素的大小,并使用所有新设置进行播放,但每次结果都是正确的-
    1)像素定义不清楚(即不是整齐的圆)
    2)较小的黑色半色调(底部的)根本没有转换,但较小的白色半色调(顶部的)会扩大并扭曲形状的边缘。
    3)最终跟踪移动和/或将结果扩展到父层之外的几个像素-这特别令人恼火,因为您需要编辑所有单独的定位点,使它们在文本中保持齐平和整洁。

    如果你对如何解决这个问题有任何指导意见(除了花半天时间手动修正向量!)这将是一个很大的帮助。

    十一
  2. 谢谢,克里斯。我知道我很久以前在CS3中学到的,但完全忘记了。我该拿出插画画了,它又一次尝试一张贺卡。

  3. 你好,克里斯,这是一个很好的教程,但我有一个问题。在我在文本上创建半色调效果之后,我已经完成了图像的实时跟踪,我点击扩展,但是我可以改变向量的颜色。当我选择另一种填充颜色时,颜色不仅应用于点,但对所有的人来说。有什么我错过的吗?

  4. 第一次了。
    干净整洁,精彩的教程!

    我的脑海里浮现出这样的想法:

    0。对于初学者/国际米兰还是高级?我的初学者;
    1。一个自由字体提到,比如–Bebas Neue;
    2。IXS5文字环绕:对象>封套变形>使用环绕制作;
    4。颜色选择很酷!
    5。混合很方便,开始喜欢彩色半色调。

    谢谢您!

  5. 很喜欢这个教程。我也有点困难,在现场跟踪CS6的变化,但我最终得到了一个我喜欢的作品。谢谢分享!

  6. 除了灰度,我似乎不能把半色调换成其他颜色。如果我选择紫色,它变成了深灰色。我不能选颜色。救命!

  7. 我对改变半色调的颜色也有同样的问题。当渐变变成半色调时,改变颜色的选项消失了。我相信正是在这一点上,它转换成灰度。不知道如何改变我的半色调

  8. 这是一个非常棒的教程。非常酷,正是我需要的一个项目。不幸的是,如果你有CS6,它实际上根本不起作用。遗憾的是,本教程没有更新版本。

评论现已关闭