DesignTips > > 如何绘制标签贴纸插画(Illustrator)

如何绘制标签贴纸插画(Illustrator)

如何绘制标签贴纸插画(Illustrator)

这次我将为大家介绍如何绘制标签贴纸插画。

普通的标签贴纸的设计我们经常看到,但这次我想试着绘制一张感觉被掀开的、看起来非常可爱的标签贴纸。

为了表现被掀开的贴纸,需要将矩形弯曲变形并加上阴影。标签贴纸右端的小图案可以运用IllustratorCS5自带的符号。

下面就来看看具体的绘制方法吧。

Step01 画一个矩形

首先画好标签贴纸下方的矩形。

用矩形工具绘制一个像上图一样的的矩形。矩形的尺寸差不多是所需标签贴纸的大小就行了。

Step02 画标签贴纸部分的矩形

在Step01中画好的矩形上方,绘制一个像上图一样的矩形。

这个矩形就是标签贴纸的原型。颜色就按自己的喜好设定吧。

矩形的长稍微比下方的矩形短、宽比下方的矩形高1px左右。

Step03 将矩形做成被掀开的效果

接下来将矩形做成被掀开的效果。

选中上方的矩形,选择[效果→变形→上升]。

Step04 应用变形

在弹出的变形对话框中,按照上图进行设定,然后点击OK。

Step05 矩形变成被掀开的样子了

对上面的矩形应用效果之后,矩形就变成被掀开的样子了。

这样标签贴纸的部分就完成了。接下来要给它加上阴影。

Step06 在标签贴纸下方绘制阴影

在标签贴纸下方绘制阴影。

复制Step05中做好的标签贴纸。改变复制的贴纸的颜色,并将其缩小并旋转。

因为是阴影,所以颜色就设定为灰色吧。缩小和旋转的比例请参考上图进行微调。这样阴影就完成了。

Step07 把阴影的图层移动到标签贴纸图层的下方

把完成的阴影的图层移动到标签贴纸图层的下方。

打开图层面板(窗口→图层),把带有阴影的图层拖到标签贴纸图层的下方。(参考上图)

阴影移动到标签贴纸下方了!

如果阴影的位置不是很合,可以用选择工具移动阴影,进行微调。

Step08 模糊阴影

使阴影变模糊。

用选择工具选中阴影,选择 [效果→模糊→高斯模糊]。

Step09 高斯模糊对话框

此时会弹出高斯模糊对话框,请按照上图进行设定。半径:6.0px。

Step10 应用模糊效果后,阴影更形象了!

应用模糊效果后,阴影更形象了。

为了以后的操作,请对标签贴纸和阴影扩展外观。(关于“扩展外观”,在【什么是“外观”以及“扩展外观”?】这篇文章中有详细说明,请大家参考。)

大致上就完成了!只需要再修饰一下就行了。

Step11 移动阴影和标签贴纸、画一个小矩形

移动标签贴纸和阴影,使其与下方的矩形贴合。

为了更像真正标签贴纸,在标签贴纸的左端画一个小矩形。小矩形的颜色设定为同色系的颜色,看起来比较美观。

这样标签贴纸就完成了。

现在已经是一个很精致的标签贴纸了。不过,我还想在右侧添加一些设计。

Step12 在标签贴纸右端添加设计

在标签贴纸右端添加设计。

本来最好是绘制新的设计图案,但这次还是偷点懒吧。

打开“符号面板”(窗口→符号),点击右上方,选择 [符号库→web按钮]。(此次使用的符号是CS5中自带的。如果没有以上符号,请使用其他符号。)

Step13 拖选中意的图标

web按钮面板已打开,可以从中拖选自己喜好的图标。

Step14 断开符号的链接

选中拖选出来的符号,点击 [符号面板→断开符号链接](参照上图)。

Step15 对符号填色

对断开链接后的符号填充自己喜好的颜色,符号的尺寸要略小于标签贴纸。为了美观,符号的颜色最好填充为与标签贴纸左端的矩形一样的颜色。

这样标签贴纸就完成了!

完成!

感觉像被掀起来一样的标签贴纸就完成了!

这次我们完全没用到钢笔工具就做成了这么可爱的标签贴纸呢。

对标签贴纸插画应用渐变,在背景上配置笔记本风格的设计图案应该也很会很有趣吧。

この投稿文は次の言語で読めます: 英语, 德语, 日语

15 个作为设计师必须会用的免费字体
30 秒将照片转为棕褐色调的方法 3
使用 Photoshop 制作胖胖鲜艳 Logo
不使用钢笔工具绘制七星瓢虫插图的方法
微凹猫脚印的设计(Photoshop)
使用 Photoshop 制作凹凸 Logo 与纹理
30 秒将照片转为棕褐色调的方法 2
使用 Photoshop 制作凹凸 Logo 与纹理
微凹猫脚印的设计(Photoshop)