AI教程!教你设计个性十足的徽章插画!

时间:2020-10-19
类别:AI教程
水平:普通
观众:1.2w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:软件基础营50期-A44-蛇精

教程指导:如如酱w

交作业:#优设每日作业#

关于教程

秋色、山脉、热气球~

本期教程手把手教你用AI设计出个性十足的插画徽章~

教程效果图

AI教程!教你设计个性十足的徽章插画!

教程步骤

步骤一 新建形状

1.1.新建一个大小为800px X 600px 的画布,画一个同样大小,色值为FF7900的矩形。

AI教程!教你设计个性十足的徽章插画!

1.2.画一个直径为474px的圆,去填充,加描边7pt,颜色#4D3763

AI教程!教你设计个性十足的徽章插画!

1.3.用直接选择工具选中左锚点,按住shift向上移动。右边锚点同理。

AI教程!教你设计个性十足的徽章插画!

得到形状

AI教程!教你设计个性十足的徽章插画!

1.4.用选择工具选中下面的锚点,按住shift键把左杠杆缩短一点。右杠杆同理。

AI教程!教你设计个性十足的徽章插画!

1.5.用直接选择工具选中上面的锚点,向上平移一点,调整形状。

用直接选择工具选中左锚点,把下杠杆往内收,上杠杆往外扩。右锚点同理。

AI教程!教你设计个性十足的徽章插画!AI教程!教你设计个性十足的徽章插画!

1.6.最后再按需求进行微调,外轮廓就完成了。

AI教程!教你设计个性十足的徽章插画!

步骤二 制作绶带

2.1.新建一个444px X 86px 的矩形,描边7pt,然后点击【效果】--【变形】--【弧形】,调整弯曲度为23%得到弧形。然后选中矩形,点击【对象】—【扩展外观】。

AI教程!教你设计个性十足的徽章插画!

2.2.按住alt键复制一个矩形,摆放位置大概如图,调整旋转保持左边尽量平行。

选中所有形状,用【形状生成器】生成形状

AI教程!教你设计个性十足的徽章插画!

2.3.用【形状工具】画一个矩形,用【添加锚点工具】在左边的中间上添加一个锚点,用【直接选择工具】把该锚点往中心移动。并且调整左上、左下角两个锚点的杠杆,突出弧度。

AI教程!教你设计个性十足的徽章插画!

2.4.调整位置与旋转,用形状生成器生成形状。

AI教程!教你设计个性十足的徽章插画!

2.4.1.如图,用【钢笔工具】连接锚点

AI教程!教你设计个性十足的徽章插画!

2.4.2.【形状生成器】生成形状后,添加填充颜色

AI教程!教你设计个性十足的徽章插画!

2.4.3.将绶带编组,然后右键-【变换】-【对称】,复制一个放在右侧,调整位置

AI教程!教你设计个性十足的徽章插画!

2.5.添加细节

2.5.1.先用【钢笔工具】绘制一条直线,然后在工具栏修改描边的方式。

AI教程!教你设计个性十足的徽章插画!

2.5.2.按住alt键和shift键平行复制一个在下方,选中两个形状,用【混合工具】分别点击两个形状。双击【混合工具】,改为【指定的步数】,并调整数值。

AI教程!教你设计个性十足的徽章插画!

2.5.3.调整旋转角度,并移动到绶带上方。调整好图层顺序后,改变描边颜色。其他部分同理。

AI教程!教你设计个性十足的徽章插画!AI教程!教你设计个性十足的徽章插画!

步骤三 绘制山体和热气球

3.1.用【钢笔工具】绘制大概的山体形状,并用【形状生成器】去掉多余形状。

AI教程!教你设计个性十足的徽章插画!

3.2.为山体和天空部分添加填充颜色,色值如图。

用钢笔形状画山体的雪顶,色值如图

AI教程!教你设计个性十足的徽章插画!

3.3.将山体选中,点击【对象】-【扩展】,然后将雪顶图层移动到山体的填充图层之上(描边图层之下),用【形状生成器】去掉多余形状。其他山体同理。

AI教程!教你设计个性十足的徽章插画!

3.4.用钢笔工具画出阴影部分,如图。然后在外观中调整不透明度,图层模式改为【正片叠底】。其他山体的阴影同理。

AI教程!教你设计个性十足的徽章插画! AI教程!教你设计个性十足的徽章插画!

步骤四 绘制云朵

4.1.用【形状工具】-【椭圆工具】 按住shift画几个圆形,再画一个矩形放在下面,用形状工具去掉多余形状。复制几个放在周围。

AI教程!教你设计个性十足的徽章插画!

步骤五 绘制小热气球

5.1.按照步骤一的方法绘制小热气球的轮廓,描边4pt,然后用椭圆工具和形状生成器增加装饰,最后添加填充颜色。

AI教程!教你设计个性十足的徽章插画!

5.2.绘制花纹

5.2.1.用钢笔工具画一条路径,然后调整描边大小为4pt,修改描边方式.并复制一个,翻转后放在右边。。

AI教程!教你设计个性十足的徽章插画!

5.2.2.选中所有的花纹路径,点击【对象】-【扩展外观】,编组后用形状生成器去掉多余形状。

AI教程!教你设计个性十足的徽章插画!

5.3.复制一个热气球,微调一下形状大小,改变颜色,最后放在山体之上。

AI教程!教你设计个性十足的徽章插画!

步骤六 绘制底部

6.1.用形状工具绘制矩形,然后点击【效果】-【变形】-【弧形】,调整弧度后,选中形状,点击【对象】-【扩展外观】,再用【形状生成器】去掉多余形状。

AI教程!教你设计个性十足的徽章插画!AI教程!教你设计个性十足的徽章插画!

6.2.给该形状加上7pt的描边,图形部分就完成了。

AI教程!教你设计个性十足的徽章插画!

步骤七 添加文字

7.1.分别写出以下文字,然后为每行文字添加【变形】-【弧形】,最后点击【对象】-【扩展外观】。(也可使用带有复古感的其他字体)

AI教程!教你设计个性十足的徽章插画!

7.2.添加装饰

7.2.1. ESTABLISHED两侧用椭圆工具画出两个小圆。

AI教程!教你设计个性十足的徽章插画!

7.2.2.用钢笔工具画3条路径,其中第二条路径长一些。并改变描边方式。编组之后,点击【效果】-【变形】-【弧形】改变弧度。

AI教程!教你设计个性十足的徽章插画!

7.2.3.调整旋转放置于文字“2000”两侧。

AI教程!教你设计个性十足的徽章插画!

7.3.最后整体检查图形,注意对齐、居中等问题,就完成了。

AI教程!教你设计个性十足的徽章插画!

最终效果图

AI教程!教你设计个性十足的徽章插画!

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

27 收藏 65

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片