拐杖糖文字效果使用Illustrator和Photoshop

Trevin是WebFX业务开发的高级总监。他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

预览

按此浏览全面

教程资源

步骤1:设置Illustrator文档

在Illustrator中,点击File > New(命令/Ctrl+N)创建一个新文档。设置宽度为8.5英寸,高度为6英寸。这个文档大小(8.5×6 in)是一张标准明信片的大小。

这样的话,如果你愿意的话,你可以把你的工作做成节日贺卡。

接下来,使用矩形工具(M)在画板周围画一个矩形。用黑色填充矩形(#000000)。这将是我们的背景-请随意锁定这个图层,这样你就不会不小心移动它。

步骤2:创建红色条纹

要开始定制拐杖糖图案,我们要做一个白色矩形,大约1.2×0.2 in。

接下来,用矩形工具(M)画一个红色矩形。

切换到直接选择工具(A)。

然后,按住Shift键,然后拖动红色矩形的顶部到右边,直到红色矩形呈对角线角度,如下图所示。

现在我们要删除红色矩形在白色矩形之外的部分。首先,复制白色矩形(命令/Ctrl+C),然后粘贴在前面(命令/Ctrl+F)。接下来,使用选择工具(V)选择白色矩形和红色矩形。

在探路者面板中,单击相交按钮。(如果在Illustrator工作区中没有打开探路器面板,请转到Window > Pathfinder或按Shift+Command/Ctrl+F9。)

我们的红色条纹现在完成了,应该是这样的:

步骤3:创建绿色条纹

我们还想在红色条纹旁边添加绿色条纹。为了创建绿色条纹,我们将使用红色条纹作为起点。

从复制红色条纹开始:首先,点击红色条纹选择它,复制它(命令/Ctrl+C),然后粘贴到前面(命令/Ctrl+F)。

确保红色条纹副本仍然被选中,进入“对象>路径>偏移路径”,将偏移量设置为0.5。只需单击OK创建偏移路径对象。修改对象,使其没有填充颜色和绿色(#0d5327)描边颜色。

现在,就像我们之前处理红色条纹一样,我们想要删除绿色条纹后面白色矩形之外的部分。首先选择对象>路径>轮廓描边,这将在红色条纹周围创建一个轮廓。

然后创建一个白色矩形的副本(命令/Ctrl+C,然后命令/Ctrl+F)。使用选择工具(V)选择新的白色矩形副本和绿色条纹。然后,点击相交按钮在探路者面板。

步骤4:修改白色水平矩形

我们想要减小白色矩形的宽度,以便它的左右边缘接触绿色条纹。

首先,我们需要打开智能参考线,使宽度调整更容易。如果你还没有打开智能参考线,通过查看>智能参考线(命令/Ctrl+U)来切换它。

接下来,用选择工具(V),拖动白色矩形的右上方和左下方的变换控件,使其角与绿色形状的边缘对齐。使用下面的图片作为参考。

步骤5:创建光面效果

拐杖糖通常有闪亮的表面,所以让我们给我们的拐杖糖图案一个光滑的效果。

用矩形工具(M)创建一个白色矩形,从图案的左到右边缘,并将其不透明度设置为20%。

在第一个矩形内再画一个矩形,但要比第一个矩形窄。

然后,在白色矩形的底部边缘做一个黑色矩形。更改黑色矩形的混合模式为并设置其不透明度为20%。

第六步:打造圆头

我们需要圆我们的糖果棒图案的末端,所以首先我们想要复制所有的对象,复制它们(命令/Ctrl+C),然后粘贴在前面(命令/Ctrl+F)。

切换到椭圆工具(L),按住Shift,然后画一个白色圆,它的高度与白色矩形相同(智能指导将帮助你做得准确)。

移动复制的白色矩形到除黑色背景之外的所有东西的后面,点击排列>向后发送(命令/Ctrl+[)。

选择较小的白色和黑色矩形,然后将它们拉长,超过圆。单击并拖动垂直参考线到圆的中间。

我们只需要半个圆。

要做到这一点,首先,用矩形工具(M)在白色圆的左半部分(我们想保留的边)的顶部创建一个方框。然后,在探路者面板,按相交按钮。现在是半圆了。

复制半圆(命令/Ctrl+C,命令/Ctrl+F),然后拖动左边的变换控件,使它靠近一点。

复制第二个半圆。把它贴在前面。选择一个小的白色矩形,单击相交按钮,然后单击扩大按钮。

对另一个小的白色矩形和黑色矩形做同样的事情。

步骤7:创建图案色板

接下来,我们将创建两个模式的色板从我们在上一步中创建的圆末端。选择圆形的末端形状,并将其拖到您的色板面板。

我们想创建另一个图案样本,这样的形状的圆形结束是面对另一种方式。圆形形状仍然被选中,点击对象>变换>反射,选择垂直选项,然后单击OK应用转换。

然后,拖动对象到您的Swatches面板以及创建第二个模式swatch。

步骤8:制作一个自定义的拐杖糖图案刷

选择拐杖糖图案,然后点击并拖动它到笔刷面板-这将打开新笔刷对话框窗口。

在新建笔刷对话框窗口中,选择模式刷选择。单击OK,现在应该进入Pattern Brush Options对话框窗口。按一下开始瓷砖Swatch(右边第二个框),选择朝左的圆端图案Swatch。

按一下结束瓷砖Swatch(最右边的盒子),选择面向右边的圆形末端图案Swatch。使用下面的图片作为参考。

步骤9:创建Candy Cane文本

现在我们的模式已经可以应用了,我们可以继续创建文本了。既然这是一张以节日为主题的明信片,我们打算做“嚯嚯!”作为我们的文本。

我要用预期字体作为拐杖糖文本的大纲。请随意使用类似的字体,或查看这个字体集合免费脚本字体对于其他字体选项。

用文字工具(T)输入文本“Ho Ho!”写在画板上,用白色填充。

接下来,使用钢笔工具(P),开始粗略跟踪文本。在得到你喜欢的东西之前,你可以尝试一下。

下面,你可以看到我在白色字体上方画的向量路径(粉色)。

步骤10:使用糖果拐杖刷

您可以删除在上一步中用作参考的白色字体轮廓。

确保粉色矢量路径仍然被选中,然后在画笔面板中,寻找我们之前创建的自定义拐杖糖图案画笔,然后单击它,将画笔应用到矢量路径上。如果操作正确,你现在应该得到如下内容:

步骤11:切换到Photoshop

现在我们的文本已经完成,让我们在Photoshop中完成我们的合成,通过改进一些细节,如阴影和高光,以及添加纹理背景。

首先,通过点击文件>新建(命令/Ctrl+N)在Photoshop中创建一个新的8.5x6的文档。

在工具面板中,将前景色设置为我们在拐杖糖图案中使用的相同的绿色,并将背景色设置为较暗的绿色。

切换到渐变工具(G),设置为线性渐变然后选择从前景到背景渐变预设(这都可以在选项栏中完成)。在背景图层上,从画布的左边开始到右边结束创建一个渐变。

接下来,复制并粘贴“Ho Ho!”的文本。

将文本层重命名为“Ho Ho!”在Photoshop中。

步骤12:添加阴影

进入>图层,新建>图层(Shift+ Ctrl+N)。重命名图层为“阴影”。

在阴影图层,用钢笔工具(P)在你想要阴影的地方画粗的,黑色的笔画。看看下面的图片作为参考。

一旦你画出了厚实的黑色笔画,将阴影图层的不透明度降低到30%左右,并更改混合模式为

步骤13:清理阴影

我们希望阴影只是在文本上,所以我们需要删除部分阴影,这些阴影是在糖果拐杖文本之外的。

首先,通过点击“Ho Ho!”的图层,使其成为活动图层,选择>加载选区,然后选择>反向(Shift+ Ctrl+I)。这将在文本之外创建一个区域的选择。

现在点击图层面板中的阴影图层,使其成为活动图层,按退格键/删除删除所选区域。

步骤14:添加亮点

我们将给棒棒糖文本一些亮点。首先,创建一个新图层,命名为Highlight,然后将其混合模式改为覆盖

开始用钢笔工具(P)(或笔刷工具,取决于你的喜好)画一些文字的顶部边缘,设置硬度选项为0%,选择一个笔刷大小类似于你用来创建阴影和使用白色(#ffffff)作为笔刷颜色。

要去除文本外多余的高光,使用我们用于清除阴影的技术:在文本周围创建一个选区,选择选择>加载选区,然后点击选择>反向(Shift+命令/Ctrl+I),然后删除所选区域。

文本中有一些字符重叠的地方,例如在“H”的横条上。

我们得把这里清理干净。在Highlight图层创建一个图层蒙版,选择图层> >全部显示蒙版。然后使用笔刷工具或钢笔工具掩盖不需要的高光。

步骤15:添加地面阴影

让我们在文本下添加阴影,使我们的照明尽可能准确。

首先,创建一个新图层(命名为“地面阴影”),设置混合模式为然后把它放在“嚯嚯!””层。

切换到渐变工具(G),设置为径向梯度并选择前景到透明梯度预设。

在第一个“H”下面创建一个径向渐变。这将是我们的地面阴影之一。

现在让我们调整地面阴影的形状。使用自由变换工具(命令/Ctrl+T),挤压或扩展地面阴影,使其适合接触地面的点。

通过复制“地面阴影”图层(命令/Ctrl+J),并使用移动工具(V)在字母下面添加更多的地面阴影。

在图层面板中,选择所有的“地面阴影”图层,Control-click/右键单击任何所选图层的顶部,然后选择链路层在出现的上下文菜单中。

在图层面板中仍然选择链接的图层,点击图层>合并图层(命令/Ctrl+E),将所有的地面阴影图层合并为一个图层。然后将图层的不透明度降低到60%。

步骤16:添加更多文本

让我们把“节日快乐”的文本放在我们的拐杖糖文本下面预期字体,然后“From Design instruction”下面的“Happy Holidays”文本使用流沙字体。

更改两个文本层的混合模式为覆盖这样他们就不会从棒棒糖的文字上分心,而这正是作文吸引人的地方。

步骤17:创建纹理背景

让我们让我们的文本背景更有趣。首先,通过双击图层面板中的图层解锁背景图层,然后在出现的对话框窗口中单击确定。

重命名此图层为“背景”。

点击>图层样式>描边为背景图层在画布周围添加一个白色边框。

也给这个图层一个内阴影图层效果(图层>图层样式>内阴影),使用如下图所示的设置:

下载并在Photoshop中打开Vandelay7纹理。或者,浏览Design指导书纹理免费赠品更多选项。将纹理放置在背景图层的顶部,并命名为纹理。

改变纹理图层的混合模式为覆盖设置不透明度为20%。

步骤18:给拐杖糖文本一个缎面层效果

这是我们的最后一步。点击“嚯嚯!”的图层,使其成为活动图层。进入>图层样式>缎面。

教程汇总

通过使用简单的Illustrator技术,我们能够创建一个节日糖果拐杖文本效果。

我们使用各种矢量绘图工具和探路者面板构建了我们的甘蔗糖图案。我们在Photoshop中通过添加阴影、高光和纹理背景等细节完成了场景。我希望您喜欢本教程并学会一两个技巧!

在下面的评论中提出你的问题。

下载源文件

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!