美文网首页
插图:创建一个快餐套餐图标

插图:创建一个快餐套餐图标

作者: 开花了 | 来源:发表于2019-10-16 11:59 被阅读0次
(本教程由寻图标icon.52112.com提供)

创建新文档

第1步

Cmd + N创建一个新文档。将单位设置为像素,并将尺寸设置为800×600像素。在高级选项中,将颜色模式设置为RGB,将分辨率设置为72ppi

在“首选项”(Cmd + K)中,在“键盘增量”中输入1px。单击确定

您可以转到窗口>信息,预览形状的大小和位置。请记住在“编辑”>“首选项”>“单位”中将“单位”设置为“像素”。这将帮助您更快地工作

(本教程由寻图标icon.52112.com提供)

摆桌子

我们将从绘制桌子及其腿开始

第1步

对于桌面,绘制一个440×20像素的矩形(颜色:#EBBD63),并将笔触粗细设置为6像素。在“笔触面板”中,为轮廓应用“圆角连接

(本教程由寻图标icon.52112.com提供)

第2步

绘制一个25×88像素的矩形(颜色:#EBBD63)作为桌脚,其笔触粗细为6px。选择钢笔工具(P),然后在下部添加锚点,然后使用直接选择工具(A)将其删除

然后,使用“直接选择”工具向上移动右侧的锚点,如下图所示。复制支腿(Cmd + C> Cmd + F),然后将其放在桌子的另一侧

(本教程由寻图标icon.52112.com提供)

饮料制作

第1步

制作一个86×156像素的矩形(颜色:#F04903)。使用直接选择工具(A)进行选择,选择较低的锚点并将其移动10 px,以形成梯形

现在在杯子中间制作一个44×44像素的椭圆(颜色:#EFC206)。选择钢笔工具(P),然后在杯子上绘制两个三角形,并用以下颜色填充它们:#FFFFFF

(本教程由寻图标icon.52112.com提供)

第2步

画杯子的盖子。选择“圆角矩形”工具,并制作一个104×12像素的矩形(颜色:#FFFFFF)。将“转角半径”设置为6px,并将笔划粗细设置为4px

对于吸管,绘制一个7×44 px的矩形(颜色:#FFFFFF),然后在“转换面板”中将其旋转340º。添加另一个56×7 px矩形(颜色:#FFFFFF),并将其添加到上一个矩形中,并在探路者中使用Unite。现在,使用“直接选择”工具(A)使用“活动角”稍微弯曲内角。最后,将吸管的元素(Cmd + G)分组,然后通过右键单击>排列>发送到背面将其放置在杯子下方,将所有内容分组(Cmd + G

(本教程由寻图标icon.52112.com提供)

汉堡制作

第1步

我们将通过制作汉堡面包来开始汉堡包。绘制一个129×41像素的矩形(颜色:#F29B34),并使用“直接选择”工具(A)和“活动角”将顶角圆化然后,制作140×10 px矩形(颜色:#F16554C)添加一片火腿,并在“变换面板”中将转角半径设置为5px

(本教程由寻图标icon.52112.com提供)

第2步

使用钢笔工具绘制生菜,将笔触粗细设置为6 px,颜色设置为:#71BA51

接下来,使用圆角矩形工具添加一片奶酪,以制作一个140×10像素的矩形(颜色:#EFC206),其半径为5像素,笔触粗细为6像素,右键单击>排列>发送到背面,将生菜发送到后面

(本教程由寻图标icon.52112.com提供)

第3步

使用“圆角矩形”工具添加140x13px矩形(颜色:#FD5B03)的汉堡肉。将半径设置为7像素。然后,复制生菜(Cmd + C> Cmd + F)并将其放在汉堡肉的下面

最后,制作一个129×28 px的矩形(颜色:#F29B34)来添加面包的底部,并使用直接选择工具(A)和“实时角”将其下角变圆

(本教程由寻图标icon.52112.com提供)

第4步

我们在汉堡的各层之间添加奶酪。使用钢笔工具绘制此图形,并为其赋予填充色:#EFC206,如下图所示。选择汉堡包并将所有内容分组(Cmd + G)

(本教程由寻图标icon.52112.com提供)

薯条制作

第1步

我们开始做美味的炸薯条!首先,制作一个102×94像素的矩形(颜色:#F04903),并使用直接选择工具(A)选择较低的锚点并将其移动8像素

然后,使用固定器中间的椭圆工具#EFC206)制作一个34×34像素的圆圈

(本教程由寻图标icon.52112.com提供)

第2步

使用椭圆工具制作一个75×75像素的圆圈,并将其放置在支架上。在“探路者”中应用减负线

(本教程由寻图标icon.52112.com提供)

第3步

加入炸薯条。制作一个10×120像素的矩形(#EFC206),并将笔触粗细设置为5像素。制作各种副本(Cmd + C> Cmd + F),然后使用“旋转”工具(R)旋转一些副本并将其放置在支架后面。右键单击>排列>发送

(本教程由寻图标icon.52112.com提供)

第4步

如下图所示,将所有元素放在木架上:

(本教程由寻图标icon.52112.com提供)

灯光和阴影

使用“路径查找器”为对象提供一些高光和阴影

第1步

首先,我们更改整个插图的笔触颜色。选择所有内容并将笔触颜色更改为:#5B372B。然后转到“对象”>“扩展外观”。

取消组合每个对象,选择它们,然后按Shift + Cmd +G。将所有对象分离,可以更轻松地单独处理细节

(本教程由寻图标icon.52112.com提供)

第2步

从汉堡开始。选择面包的内部形状并将其复制两次(Cmd + C> Cmd + F)。将第二个副本向下并稍微向右移动,然后在“探路者”中应用“减负”。使用此颜色填充形状的其余部分:#F8F5BC

(本教程由寻图标icon.52112.com提供)

第3步

对组成汉堡包的其余形状重复上述过程。如下图所示的填充色

(本教程由寻图标icon.52112.com提供)

第4步

最后在汉堡面包上添加十二个5×5像素的圆圈(颜色:B57427

(本教程由寻图标icon.52112.com提供)

第5步

对饮料杯和盖子重复相同的过程(不包括吸管)

(本教程由寻图标icon.52112.com提供)

第6步

对炸薯条也进行相同处理

(本教程由寻图标icon.52112.com提供)

第7步

最后,对桌面和桌腿重复此过程(颜色:#FBF2E0)

(本教程由寻图标icon.52112.com提供)

第8步

添加阴影,如下图所示的填充颜色

(本教程由寻图标icon.52112.com提供)

细节完善

添加一些星星和点作为插图的最终修饰

第1步

使用钢笔工具(P)绘制两条16像素长的线来做一个十字,并将笔触粗细设置为6像素。然后以相同的方式制作另一个,但长线为10 px,使用椭圆工具添加两个4×4像素的圆圈,然后再添加一个7×7像素的圆圈。删除圆圈的笔触,将这些颜色用于星星和点:#FFCE0B#F04903#653426#FF8500

(本教程由寻图标icon.52112.com提供)

第2步

用以下填充颜色制作一个800×600像素的矩形:#F2E2C9。将矩形放在插图的背面(右键单击>排列>发送到背面

(本教程由寻图标icon.52112.com提供)

恭喜你!大功告成啦

相关文章

  • 插图:创建一个快餐套餐图标

    创建新文档 第1步 按Cmd + N创建一个新文档。将单位设置为像素,并将尺寸设置为800×600像素。在高级选项...

  • 干货分享-插图类图标绘制教程

    今天给大家带来的是一篇干货类教程,主要是针对UI设计当中的插图类图标设计。由于插图类图标相比常规图标来讲,对于技法...

  • Adobe Illustrator CC 2020 V24.1.

    下载地址 行业标准的矢量图形软件可让您创建徽标,图标,绘图,版式和插图,以用于印刷,Web,视频和移动设备。数以百...

  • 8个生活习惯,不知不觉发胖...

    1. 爱点套餐 大多数快餐厅的套餐,并不会增加一餐的营养,只会增加一餐的热量。 拿汉堡王的套餐举例子,双层芝士汉堡...

  • ubuntu XMind创建快捷方式

    先进入系统图标存放的位置 创建图标文件 在新创建的图标文件中加入以下内容 其中Name属性是指显示图标的名称,Pa...

  • Vue项目引入阿里巴巴矢量图标库

    添加图标并下载 一、点击图标管理-->我的项目,创建项目 二、选择一个图标,加入购物车 点击右上角购物车的图标,添...

  • 创建老式火车插图

    设置新文档 首先创建一个新文档(文件>新建或控制+ N),并进行以下设置: 画板数量:1 宽度:1200像素 高度...

  • 0526 指数基金共读第二篇  点餐前,了解下可选的套餐

    我们进肯德基、麦当劳等快餐店进餐,点套餐是大家常有的选择方式,的确是比较省心方便;但是选的时候我们也会关注套餐里面...

  • 3、建造者模式

    我们假设一个快餐店的商业案例,其中,一个典型的套餐可以是一个汉堡(Burger)和一杯冷饮(Cold drink)...

  • 今日练习,创建一个雷达图标

    今日图标临摹练习,创建一个雷达图标,加了最爱的卷福 ,教程链接www.pdadians.com/create-a-...

网友评论

      本文标题:插图:创建一个快餐套餐图标

      本文链接:https://www.haomeiwen.com/subject/dqzsmctx.html