原图作者：Sail Ho Studio
交作业：#优设每日作业#
本次教程内容来源于 Sail Ho Studio的Cities Of Colors 系列中的一幅扁平插画作品，亮眼的颜色搭配、具有代表性的城市建筑、自然景观以及城市的英文缩写组成了这张独具风格的插画作品。接下来教程将通过整体-细节的方式教你一步步绘制插画，在绘制的过程中，学会效果中形状的绘制以及运用配色的方法。学会以后，你也可以试试创作出属于你的城市的那一幅作品呢~
STEP 01 绘制背景
绘制背景线条
使用矩形工具和圆形工具（无填充，描边1）完成背景线条的绘制。
其中圆角矩形的绘制为画一个矩形，选中锚点并向里拖动圆角标志。
半圆的绘制为画一个圆，然后选中橡皮工具，按住ALT键框选并删除不想要的部分。
填充颜色
给背景填充颜色#f3cacb，描边无，并给其中几个形状添加渐变，数据如下：
STEP 02 绘制字母
绘制形状
首先绘制出字母，填充#ea5a5a，字体找类似的就好（不要太圆润）。
添加渐变
给字母A添加渐变。先绘制需要添加渐变的形状，再将“A”向上复制一层（Ctrl+C，Ctrl+F），选中绘制的渐变形状和复制层，选择路径查找器中的“交集”即可。其他渐变形状也像这样做（有的地方线条不是很圆滑，因为后面会在上面添加建筑物等遮挡住，所以不影响整体效果）。举例和渐变数值如下：
给其他两个字母添加渐变，方法一样，数值如下：
STEP 03 添加建筑、风景等
花
用钢笔工具勾出花的形状，花瓣和叶子可以画出一片，然后通过选中对象-右键-变换-对称-垂直-复制另一半。花画好后复制几个（按住Alt键拖动花即可复制）并改变大小摆放好。
风车
风车身体可以做一半，另一半复制改颜色
遛狗
钢笔工具绘制，不标注的都是纯色块。
骑车的人
船
房子
其他
STEP 04 添加装饰和背景
把上一步做的建筑和自然景观放置在字母上，添加一些装饰：横线（描边1，填充无）和圆点，然后把背景放置在下面。
STEP 05 PS添加质感
把在AI里做的图整体建组（Ctrl+G）复制粘贴到PS中，选中-滤镜-杂色-添加杂色-数据如下。现在整张图就完成了，快点来试一试吧~
结语
本期教程到这里就结束了，希望大家在练习过程中多思考、理解制作思路和操作方法，活学活用。
相关推荐：
一个人做练习的时候，做得好没人发现，做得差没人点评，总感觉很难坚持下去呢···
从今天开始参与「优优教程网 365 天打卡计划」，每天一个小练习， 4 位U站管理员与大家一起打卡练习，点赞点评，互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内，上传打卡练习，话题微博格式【 DAY 01~365 】转发视为参加。（动图为打卡演示） 【收获】更好的自己
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 已发布 7 条