比萨LOGO和比萨盒包装设计教程（illustrator）

3月 8, 2020 发表于: 视觉设计. 评论

Sponsor

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

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

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

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

1. 建立新文件

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

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

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

2. 制作披萨烤箱 icon

步骤 1

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

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

步骤 2

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

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

步骤 3

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

步骤 4

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

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

步骤 5

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

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

步骤 6

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

步骤 7

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

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

步骤 8

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

3. 制作披萨字体设计

步骤 1

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

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

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

步骤 2

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

4. 设计卡通比萨 logo

步骤 1

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

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

步骤 2

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

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

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

步骤 3

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

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

步骤 4

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

步骤 5

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

步骤 6

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

步骤 7

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

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

步骤 8

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

5. 制作热比萨盒 icon

步骤 1

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

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