交作业:#优设每日作业#
同系列其他教程学习:
这次要做的是星冰乐主题扁平插画,确定好草图后,首先来分析我们的插画组成,主体部分有1个饮品,2-3个做搭配的水果或甜品组成,背景部分有叶子和大色块组成,分析好插画接下来要开始制作我们的插画。
1.1 打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
2.1 找到AI的图层面板,双击图层名称处,将名称修改为「背景」:
2.2 使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个1200x1000px的矩形,颜色填充为#FFFFF。 并将绘制的矩形与画布对齐。
3.1 同样先拆分插画,可以分为星冰乐、小蛋糕、草莓、背景。然后一个个单独制作。
4.1 首先我们来绘制我们的星冰乐的杯子部分,矩形工具(快捷键M)绘制一个109*6px的矩形,再紧贴矩形1的下方绘制一个109下5px的矩形,同样紧贴矩形2的下方绘制一个77x29px的矩形。填充颜色为:# F8BE88。框选三个矩形,使用对齐工具-水平居中对齐,调整矩形位置。
4.2 调整杯子的造型,使用直接选择工具(快捷键A)框选矩形1下方的两个锚点,风别向内移动9px,再框选矩形2下方的两个锚点,分别向内移动16px,效果如下图。
4.3 框选所有矩形,使用路径查找器进行布尔运算-联集, 效果如下图。
4.4 对杯子进行圆角处理,从上到下圆角参数分别是:6.5px、7.5px、9.5px,效果如下图。
4.5 紧贴杯子是上边,用圆角矩形工具绘制一个117x13px,圆角为4px的圆角矩形,填充颜色为:#FDFDFD。
4.6 来制作矩形的缺口部位,钢笔工具(快捷键P)在矩形的上面增加三个锚点,旋转中间的锚点进行删除,效果如下图。
4.7 接下来绘制星冰乐的冰淇淋部分,钢笔工具(快捷键P)绘制出下图的形状,填充颜色为# FEFCCB。
4.8 圆角矩形工具绘制一个18x60px,圆角为4px的圆角矩形,填充颜色为:#FDFDFD。
4.9 组合形状,效果如下图。
4.10 给我们的杯子增加些小细节,绘制一个56x56px的圆,填充颜色为# 6099666。
4.11 选中绘制好的圆,点击菜单栏对象—路径—偏移路径,向内偏移:-4px。填充为:# 59A8A2,修改描边为2px,勾选虚线,设置虚线2px、间隔4px,参数如下图。
4.12 使用钢笔工具(快捷键P)绘制出一些小三角形,作为冰淇淋部分的点缀,绘制两条描边为渐变的曲线。
4.13 接下来给整体绘制暗部和亮部,使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,杯子暗部,修改形状图层属性为正片叠底,填充颜色为:#FFE4D1,不透明度为43。
4.14 绘制亮部的形状填充颜色为:#FFE4D1,修改形状图层属性为滤色,不透明度为53。效果如下图。
4.15 图标暗部的形状图层属性为正片叠底,填充颜色为:#609966,不透明度为35。
4.16 绘制图标亮部的形状填充颜色为:#609966,修改形状图层属性为滤色,不透明度为42。效果如下图。
4.17 绘制暗部的形状,修改形状图层属性为正片叠底,填充颜色为:#FDE2B1,不透明度为34。
4.18 绘制冰淇淋暗部的形状,修改形状图层属性为正片叠底,填充颜色为:# FEFCCB,不透明度为100。
4.19 绘制冰淇淋亮部的形状填充颜色为:#FFFFFF,修改形状图层属性为滤色,不透明度为100。效果如下图。
4.20 绘制吸管暗部的形状,修改形状图层属性为正片叠底,填充颜色为:# FFEFD1,不透明度为46。
4.21 星冰乐最终完成效果如下图。
4.22 接下来我们来绘制透明杯盖的部分,圆角矩形工具绘制一个117x8px圆角为4px的圆角矩形,再紧贴矩形1的下方绘制一个124x8px,圆角为4px的圆角矩形,填充颜色为:#FFFFFF。
4.23 椭圆工具绘制一个109x160的圆,再绘制一个66x12px的矩形,填充颜色为:#FFFFFF。将上面四个形状按下图的位置摆放,框选全部形状,使用对齐工具-水平居中对齐,调整位置。
4.24 将全部形状选中,使用形状生成器工具(SHIFT+M),同上按住AIT减去不需要的部分,效果如下图。
4.25 开始绘制杯盖的明暗关系,通过布尔运算或者钢笔工具得到暗部形状,然后根据下图的参数调整,暗部的填充颜色为:# FFE4D1, 修改形状图层属性为正片叠底,修改不透明度为46。
4.26 绘制杯盖亮部的形状,填充颜色为:# FFD8BD,修改形状图层属性为滤色,不透明度为45。效果如下图。
5.1 然后来绘制草莓小蛋糕,矩形工具(快捷键M)绘制一个103x73px的矩形,填充颜色为# FFBAC2。使用直接选择工具(快捷键A)选中矩形右上角的锚点,圆角32px。
5.2 选中绘制好的形状,点击菜单栏对象—路径—偏移路径,向内偏移:-5px。偏移出来的的形状当作蛋糕体,修改描边为4px,修改填充为:# FFEAC2,描边填充为:#FFFFFF。移动偏移出来的形状与原形状左下角重合。效果如下图。
5.3 使用矩形工具在偏移的图形里绘制一个90x14px的矩形当作奶油,填充和描边都是:#FFFFFF。
5.4 开始绘制小蛋糕内部的暗部,通过布尔运算或者钢笔工具得到暗部形状,然后根据下图的参数调整,暗部的填充颜色为:# FFE2AD, 修改形状图层属性为正片叠底,修改不透明度为43。
5.5 小蛋糕外部的暗部,通过布尔运算或者钢笔工具得到暗部形状,然后根据下图的参数调整,暗部的填充颜色为:# FFB1BA, 修改形状图层属性为正片叠底,修改不透明度为50。
5.6 盘子的方法同上,将盘子和小蛋糕组合,效果如下图。
5.7 然后我们就可以开始绘制草莓了,绘制一个58x58px的圆,填充颜色为:# FF6666。
5.8 使用直接选择工具(快捷键A)选择圆上半部分的锚点向上移动到合适位置,调整锚点,效果如下图。
5.9 绘制草莓的暗部,通过布尔运算或者钢笔工具得到暗部形状,然后根据下图的参数调整,暗部的填充颜色为:# FFA4BC, 修改形状图层属性为正片叠底,修改不透明度为46。
5.10 绘制草莓亮部的形状,修改形状图层属性为滤色,不透明度为69。效果如下图。
5.11 钢笔工具绘制草莓的籽,效果如下图。
5.12 使用钢笔工具(快捷键P)绘制出草莓叶子的形状,填充颜色为:#88DC98。
5.13 使用钢笔工具(快捷键P)绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:#A9D8AC,修改不透明度为47。
5.14 草莓的最终效果如下图。
5.15 同样复制第一个图标的线,移动到合适位置,将完成的图案进行位置排列,最终效果如下。
7.1 最后给我们的图标绘制背景,先用钢笔工具(快捷键P)绘制背景的叶子,去除描边,从左往右填充颜色分别为:# 77DBC1, #79E09B,# 77DBC1, #88D795。叶脉的描边填充为:# 03B07F。
7.2 调整叶子的位置,用钢笔工具(快捷键P)绘制图标的背景大色块,去除描边,填充颜色为:#FFEBDF。最终效果如下。
7.3 所有图形和背景摆放到合适的位置,我们的第四个图标就绘制完成了,最终效果如下。
8.1 最后来导出图片。在菜单栏->文件->导出中选择「导出为」,将图片导出成jpg格式。
如果你也想要学会原创属于自己的插画,可以戳链接让包大老师手把手教你哦!
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点