网页设计 » 视觉设计 » 比萨LOGO和比萨盒包装设计教程(illustrator)

比萨LOGO和比萨盒包装设计教程(illustrator)

发表于: 视觉设计. 评论
Sponsor

一直想尝试包装设计,却不知道该如何开始?本教程将教你绘制一个简单有效的比萨 logo 和盒子设计。其中包括字体,卡通披萨 logo 以及披萨烤箱 icon,热披萨盒,送货卡车和 24 小时送餐 icon。

​大家可以根据教程的内容自己扩展,尝试,也可以自己填色,让我们一起来看看吧!

比萨LOGO和比萨盒包装设计教程(illustrator)

本教程中用到了以下素材:

  • East Market 字体
  • Yellowtail 字体
  • Arimo 字体
  • 颗粒纹理

1. 建立新文件

启动 Illustrator,然后转到文件>新建以打开空白文件。 为文件设置一个名称和尺寸,然后选择「像素」作为单位,「RGB」作为色彩模式。

接下来,转到「编辑>首选项>常规」,然后将「键盘增量」设置为 1 px,然后在其中转到单位以确保它们设置如下图所示。

比萨LOGO和比萨盒包装设计教程(illustrator)

我通常是用这些设置,它们会在整个设计过程起到一些不错的作用。

2. 制作披萨烤箱 icon

步骤 1

点击线段工具(\),在画板上画一条长度为 380 px 的直线,深褐色,4 磅粗细,然后在「笔触」面板中选择「Round Cap」选项。

切换到椭圆工具(L),绘制一个 320 x 300 px 的椭圆,然后将其左右锚点与棕色线对齐。 绘制一个新的 250 x 230 px 椭圆,并将其与中间对齐,可以任意填充颜色。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 2

在继续之前,复制一份较大的椭圆并隐藏起来,我们会在本教程的后面用到它。

同时选择两个椭圆,按「路径查找器」面板中的「减去顶层」,你将获得一个环形。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 3

再次使用「线段工具」(\),从圆环的中心开始并在圆环的上方绘制一条大约 194 px 的直线。任何颜色都可以,做一个 8 磅的笔触,然后转到「效果」>「扭曲和变形」>「变形」。 在旋转角度字段中输入-13 度,将副本改为 7,选择底部中间点作为参考点。 单击确定,你将获得更多以中心为起点,相等的线条。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 4

复制粘贴最前面(Control-F)的蓝色线条,并打开「外观」面板中应用的「变换」效果,将「旋转角度」值改为 13 度,保持其余设置不变,单击确定,在另一面你也可以得到一样的效果。

两条蓝线都处于选中状态下,转到「对象」>「扩展外观」以扩展应用的效果,依次单击「对象」>「扩展」将路径变为填充形状。然后,在「路径查找器」面板中按合并将它们合并为一个。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 5

同时选择绿色圆环和新获得的形状,在「路径查找器」面板中按减去顶层,然后按取消组合(Shift-Control-G)。删除圆环下半部分,保留所有小梯形①。

取消隐藏本教程前面②制作的大椭圆副本,然后转到「对象」>「路径」>「偏移路径」。应用-10 像素的「偏移」值,然后单击「确定」使里面的椭圆变小③。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 6

选择小梯形,点击「对象」>「复合路径」>「制作(Control-8)①」。保持选定的合成路径以及椭圆,然后在「路径查找器」面板中按「相交」。会让一些梯形更小②。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 7

使用矩形工具(M)绘制 390 x 6 像素的矩形并排列在棕色线条上方。

选择剩余绿色梯形,然后转到「对象」>「复合路径」>「制作」(Control-8)。同时选择最终复合路径和小矩形,然后在「路径查找器」面板中按减去顶层。这样在烤箱 icon 和棕色萧条之间有了一个小缺口。将所有形状填充深褐色,然后编组(按 Control-G 键)。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 8

选择棕色线条,点击「对象」>「变换」>「移动」。在「垂直」字段中键入 125 px,单击「复制」在下面获得另一行。这就是「Pizza」字体区。

比萨LOGO和比萨盒包装设计教程(illustrator)

3. 制作披萨字体设计

步骤 1

点击文字工具(T),在两行之间写下「PIZZA」,使用 East Market 字体,大小 115 磅, 将字放在中间①。

选中字体,双击「外观」面板中的「字符」,看到属性,将填充颜色改为红色,使用相同的深棕色加上 3 pt 的边框②。

选中文字,点击效果”>「风格化」>「阴影」并应用显示的设置,在右下角添加阴影③。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 2

再次使用「文字工具」(T),在烤箱标记底部写「Fresh&Hot」。 使用尺寸 46 磅的 Yellowtail 字体和相同深棕色填充颜色适配其余披萨盒设计。

比萨LOGO和比萨盒包装设计教程(illustrator)

4. 设计卡通比萨 logo

步骤 1

使用椭圆工具(L)在画板上画一个 248 x 235 px 的椭圆①。直接选择工具(A)选择其最高点,按 Delete 键②。

使用钢笔工具(P)关闭形状,画一个稍圆的顶部③。使用「添加锚点工具」(+)沿着路径添加更多锚点,移动它们将形状变形做出卡通外观④。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 2

使用铅笔工具(N)或钢笔工具(P)在披萨形状上绘制四个路径,如下图①所示。你不需要很精确-越随意越好,因为这更卡通。

同时选择其中一块和整个比萨,然后按「路径查找器」面板中的「分隔」。切出形状,删除②。

重复相同操作③。在比萨的每一侧画出形状④。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 3

我们将继续在比萨上画画。首先使用铅笔工具(N)或钢笔工具(P)绘制圆形。填充相同的深棕色①。在上面画两个扁豆形状,点击「对象」>「复合路径」>「制作(Control-8)②」。选择棕色和橙色形状,然后在「路径查找器」面板中减去顶层得到番茄内部的空白区域③。

接下来,画一些小的椭圆作为种子,番茄就做好了④。按照相同的过程,你可以做出另一半的西红柿,如下图⑤所示。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 4

在之前做的比萨皮里摆放一些复制的番茄片①。继续在它们中间绘制一些圆形,然后点击「对象」>「复合路径」>「制作」(Control-8)②。同时选择新获得的复合路径以及比萨,在「路径查找器」面板中减去顶层做出小圆③。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 5

要做橄榄片,请在顶部画两个大小不同的圆形。两个形状选中,在「路径查找器」面板中按减去顶层。以相同的方式画其他橄榄片,或复制现有的,放在刚刚做出的小圆里。尽管我们会在本教程的后面做出彩色版本,但目前请填充相同深棕色,保持比萨 logo 的样式一致,

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 6

组合(Control-G)比萨 logo 所有形状,按比例缩小,放在比萨字体下方①。然后,使用矩形工具(M)画出一个矩形,把比萨覆盖到第二条棕线②。同时选中,点击「对象」>「剪贴蒙版」>「制作」(Control-7)。你会获得一个整齐的披萨盒设计③。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 7

点击打字工具(T),在披萨底部写下「TO GO」。使用 Arimo 字体,字体大小为 36 磅,颜色为深棕色。

选中文字,点击「效果」>「扭曲」>「弧」,在「水平弯曲」字段中输入-21 px,文字会变得弯曲。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 8

至此,披萨盒的主要设计已结束,你可以只用棕色和红色做单色 logo,但也可以轻松上色,使用指定颜色为比萨,西红柿,橄榄和字体上色。

比萨LOGO和比萨盒包装设计教程(illustrator)

5. 制作热比萨盒 icon

步骤 1

要创建比萨盒 icon,先绘制一个圆角矩形和如下尺寸的矩形,同时选中,按「对齐」面板中的「水平对齐中心」和「垂直对齐中心」①。

在中心画一个 43.5 x 43.5 px 的圆,然后画一个 23.5 x 23.5 px 的圆②,使用直接选择工具(A)选择圆的顶点并删除,使用笔工具(P)关闭路径获得两个半圆③。同时选中在路径查找器面板中按减去顶层得到一个形状④。最后,同时选中并在路径查找器面板中按合并它们合并为单个形状⑤。填充相同深棕色。R = 82,G = 58,B = 58。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 2

复制步骤 1,将两个矩形放在矩形 1 顶部,让他们重叠一些①。在上方添加三条圆角矩形,表示散出的蒸汽,好了,比萨盒 icon 已完成②。

比萨LOGO和比萨盒包装设计教程(illustrator)

6. 制作卡车 icon

步骤 1

下图所示,使用笔工具(P)在画板上绘制一条路径,13 磅描边,然后点击描边面板中的「圆头端点」和「圆角连接」选项①。

然后,圆角矩形工画一个如下尺寸的小矩形,与底部对齐②。再画三个不同长度的圆角矩形,将它们摆放在卡车 icon 的左侧③。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 2

轮子由两个不同大小的圆组成;同时选中减去顶层就可以得到一个车轮了。复制车轮,然后将它们都放在卡车底部①。用矩形工具(M)在车轮之间画一个矩形来连接②。然后画一条路径作为挡风玻璃,依然是 13 pt 的描边③。

比萨LOGO和比萨盒包装设计教程(illustrator)

7. 制作 24 小时送餐 icon

步骤 1

用椭圆工具(L)画两个中心对齐的 160 x 160 像素和 120 x 120 像素的圆。先复制粘贴这些圆(Ctrl-B),保留以备后用。

点击直接选择工具(A),选择删除两个圆的顶点①,然后向左和向右闭合端点②,得到半环形③。

现在,在「转换」面板④中同时选中两个圆和半环形旋转-10 度。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 2

画一个带圆角的三角形,然后按箭头方向放在半环左侧。再用圆角矩形工具画六个小矩形,然后将两个圆的副本作为参考进行旋转和摆放②。

像其他图标③一样,填充深褐色 R = 82,G = 58,B = 58,最后,用 Illustrator 字体输入「24」。填充一样的颜色并做 2 磅描边④。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 3

热比萨盒,送货卡车和 24 小时送餐 icon 已准备就绪,我们可以放在比萨饼盒的设计中。按比例缩小,放在卡通披萨 logo 下方。

这些定制披萨盒设计的元素开始融合在一起了,对吧?一旦做出比萨盒的应用模型,这些 icon 就可以提供清晰明了的视觉信息。

比萨LOGO和比萨盒包装设计教程(illustrator)

8. 在披萨 logo 上添加纹理

步骤 1

首先,让我们做一个需要遮盖纹理的新形状。

选择比萨,番茄片和橄榄片;复制粘贴(Shift-Control-V)确保图层内容在最上面。在路径查找器面板中按合并,然后点击对象>复合路径>制作(Control-8)将它们合并为一个形状。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 2

接下来,点击矩形工具(M)画一个矩形,将比萨饼覆盖到棕线。同时选中上一步的比萨饼复合路径和矩形,在「路径查找器」面板中按「相交」,然后按「对象>复合路径>制作(Control-8)」。这就是我们接下来需要的遮罩形状。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 3

下载免费纹理或用你喜欢的纹理复制到文件中,比例的缩小或放大自己调整就好。

现在,同时选择上一步的披萨复合路径和纹理,点击「对象>剪贴蒙版>制作(Control-7)」。我希望纹理增强样式且只出现在卡通披萨 logo 上,但可以随时应用于整个包装。

可以填充白色或深棕色,这都取决于你。

比萨LOGO和比萨盒包装设计教程(illustrator)

9. 在披萨盒上创建披萨图案

步骤 1

用椭圆工具(L)画一个浅灰色的圆;设置混合模式,不透明度为 65%。继续在里面画一些小圆;填充相同的浅灰色,将「混合模式」设置为「正片叠底」。萨拉米香肠 icon 就做好啦。

其他比萨配料,例如蘑菇,橄榄和胡椒粉都是用 Pen 工具(P)和 Ellipse 工具(L)画的一些简单的形状。填充浅灰色并将「混合模式」设置为「正片叠底」,可以让它们与比萨盒包装应用的任何背景色混合。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 2

我们最后在画板的下半部分用披萨图案完成包装设计。随机放一些萨拉米香肠,还有蘑菇,橄榄片和胡椒块。对所有元素编组(Control-G)并置于图层最下面。

比萨LOGO和比萨盒包装设计教程(illustrator)

步骤 3

画一个与画板相同大小的矩形,遮盖图案。另外,根据你选择的背景色,尽可能降低图片的不透明度。

比萨LOGO和比萨盒包装设计教程(illustrator)

好了,到这里教程就完结了,下面这就是披萨盒的最终设计。

比萨LOGO和比萨盒包装设计教程(illustrator)

希望对你来说整个制作过程,能从中学到一些新技能,现在你可以在 AI 里自己做一些其他创意 logo 和包装设计了。

感谢阅读!

by Diana Toma

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }