Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Spring
Design

如何在AI中创建一张用花朵装饰的Spring字母卡片

by
Difficulty:BeginnerLength:MediumLanguages:

Chinese (Simplified) (中文(简体)) translation by sun yijia (you can also view the original English article)

Final product image
What You'll Be Creating

春天已经到了让我们用一张漂亮的字体插画来迎接这个让人惊艳的季节。理所当然,我们会增加一些花朵装饰,这会很有爱,充满热情和创造性!

今天,你将会学到如何在AI中绘制数字化字体,以便给我们的雅致的装饰作品制作一些精美的,带有花朵元素装饰的精美字母。 在有条件的情况下,使用手绘板来操作此教程会非常方便好用。 我们还将使用宽度工具、钢笔工具、弧线工具和直线段工具。

如果你正在寻找一些装饰性的矢量素材,你可以在GraphicRiver找到很多不同的元素和设计。

好的,让我们开始吧!

1.如何绘制一个手写字体

步骤1

在打开AI之后,创建一个大小850*850px的新文档。插图会放置在深灰色的背景上,所以我们先使用矩形工具(M)创建一个深灰色的长方形。

creating the background

步骤2

现在我们开始绘制。记得不用写的很完美,因为我们只需标记出字母绘制的地方。

为了我们绘制得准确,我们需要借助标尺,通过视图>标尺>显示标尺(快捷键control+R),可在界面上显示标尺。 将鼠标点在上方的标尺,往下拖,会出现一条辅助线,一直拖到到你想要书写的地方,然后用同样的方法制作另一条辅助线。这样在字母的上下两边就有两条辅助线了。

现在你可以准备绘制了,让我们使用铅笔工具(N),设置无填充颜色,开始绘制。如果画错了,你可以使用橡皮擦工具(Shift+E)。 全屏画板可使作画变得更容易(Control+0),你写的字越小,手就越不容易抖。

writing hello word

步骤3

透明度面板上降低该图层的透明度,然后锁住该层,创建一个新图层。

在新图层上,我们使用钢笔工具(P),勾勒出“hello”,我建议使用钢笔工具,若使用画笔工具(B),就会产生很多锚点,会让你的文件变大。 单独绘制每个字母,这样方便之后的修改调整。由绘制简单的字母开始,之后装饰一些卷曲的笔触。

outlining hello word

现在你可以添加些卷曲笔触,通过操作锚点上的手柄。如果你想要连接两个字母,使用直接选择工具(A),选择你想要连接的两个锚点,右击鼠标,选择连接

adding curls

步骤4

现在我们开始创建下一个单词,“Spring”。

锁住最上面的用钢笔工具(P)绘制的图层,解锁最下面的图层,开始绘制下一个单词。确保处于最下面的图层,在第一次创建的两条辅助线下面再创建一组辅助线,第二个单词会在此绘制。

只需拉出辅助线,往下拖动。做此动作两次,得到两条辅助线,划分出字母的区域。使用铅笔工具(N),然后绘制单词“Spring”。

为了看得更清楚,你可以增加最底层的透明度。

writing spring word

步骤5

和之前制作“hello”一样,锁定最底层,降低透明度,然后移步至最上层。 接下来,选择淡奶油色或者淡黄色的画笔颜色,通过使用钢笔工具(P),勾勒出单词“Spring”。当你完成后,通过操控锚点上的手柄,给字母添加一些卷曲笔触。

outlining spring word

这是我制作的成品,你可以自由发挥,创建与之风格类似的单词。

adding curls

步骤6

打开图层面板,选择草图图层(未装饰过的字母图层),将其拖动至垃圾桶图标(删除所选图层)。 按住Control+R,隐藏标尺。选择画板上的辅助线(位于字母上下位置),然后按下键盘上的Delete键删除。

现在字母的效果如下所示:

how the whole lettering looks

2.如何制作花朵细节

步骤1

现在我们来添加一些春季花朵的细节。让我们来制作第一款叶子。

设置描边为绿色,无填充效果。使用弧形工具,画下叶子的茎部分。 通过使用直线段工具(\),在茎的两侧增加一些线条,如果你更喜欢使用弧线工具也可以。确保在描边面板上选择圆头端点

我们吧这些线条转变成叶子部分,通过使用宽度工具(快捷键Shift+W)。点击宽度工具(快捷键Shift+W),将你的鼠标或者手绘板的压感笔放置在叶子中间位置,拉伸叶子使其变厚。剩下的叶子部分也重复此动作。

drawing leaves

制作一些叶子的分枝。最后,我们需要扩展这些变换过的线条。 选中所有的叶子,选择对象>扩展外观,然后选择对象>扩展(第一次只是扩展叶子部分,第二次是茎部分)。

creating more leaves copies

步骤2

画第二款叶子时,我们再次使用弧形工具,用两种颜色来画线条:浅绿色的在下面,深绿色的在上面。用宽度工具(Shift+W)来调整浅色线条的宽度。 扩展所有的线条(选择对象>扩展外观,然后选择对象>扩展),通过调节锚点上的手柄来使得叶子边缘变得更尖锐(使用直接选择工具(A))

drawing leaves 2

步骤3

现在我们来制作玫瑰。增加一个无描边、粉色红填充的圆圈(你可以自由选择任何粉色作为阴影)。按住shift键的同时,使用椭圆工具(L)绘制,这样可以画一个正圆形。

现在添加一些外边缘的花瓣。清除填充颜色,设置相同的描边颜色(快捷键Shift+X),描边面板上,增加描边的粗细,选择圆头端点。选择铅笔工具(N),然后开始画位于最外缘的卷曲的花瓣。

接下来制作制作里面的花瓣,降低描边的粗细,将描边颜色略微调暗,使用铅笔工具(N),如下图所示创建里面的花瓣,再增加一些颜色较浅的花瓣。

drawing the rose

步骤4

再这个步骤里,我们要制作一个花蕾。增加一个无描边粉红色填充的圆圈,复制两份圆圈,用略深些的粉红色填充。将这两个副本放置在第一个圆圈的下面(快捷键Control+X, Control+B)。 增加第四个副本,用更深的粉色填充,用铅笔工具(N)在第一个圆圈后面增加一些黑色的线条(设置描边为灰色就好了),作为花蕊。最后,画一个绿色的椭圆作为花托,位于花蕾所有花瓣的下面。

扩展花蕊,你可以选中整个花蕾,选择对象>扩展,在新的对话框里选择描边,按下确定键。

drawing the bud

步骤5

第三款花朵,我们再次使用直线段工具(\),画一些线条作为花瓣。使用宽度工具(Shift+W)来调整这些线条的宽度以制作花瓣。 在花朵当中增加一个小圆圈。用黄色填充,无描边,很简单吧,最后扩展这些线条,选择对象>扩展。

drawing the small orange flower

步骤6

使用相同的步骤,绘制一个相似但更小一些的白色花朵,使用直线段工具(\)制作白色花瓣,用宽度工具(Shift+W)将线条变形,在花的中心增加黄色圆圈,最后,扩展这些线条(对象>扩展)

creating the small white flower

步骤7

以下是我们绘制的所有花朵元素,在进行下个步骤前,确保你已经扩展所有的元素(选择对象>扩展外观,然后选择对象>扩展)

all floral elements

3.如何放置这些花朵元素

步骤1

制作一些深绿色的叶子副本,然后将这些叶子均匀分布在字母的下面。

placing leaves on lettering

步骤2

选中另外一款我们绘制的叶子,制作一系列副本,然后将其围绕着文本放置。

placing leaves on lettering 2

步骤3

现在可以放置一些漂亮的玫瑰花。

placing roses on lettering

步骤4

增加一些花蕾。

placing buds on lettering

步骤5

分散放几朵小红花。

placing orange flowers on lettering

干得漂亮,你完成了!

最后也是不可或缺的一步,我们不要忘记放置小白花。这样,我们就完成了插图的制作。

恭喜你!春季字母卡片已经准备好了!棒棒嗒! 我希望你喜欢这个富有灵感的教程,并发现一些新的提示和技巧,将帮助您设计更多的字体和花卉作品。 享受春天,玩得开心!

placing white flowers on lettering
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.