欢迎访问自学路径

您尚未登录

登录后即可免费访问自学内容

点击登录

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

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

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

教程作者:君小阳(授权转载自公众号:这logo怎么了

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

关于教程

各位狗子们晚上好,今天给大家讲解下面这个logo的做法。

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

该logo为私聊投稿,版权归原作者所有,本文只探讨做法。

老规矩,观大思法。

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

教程内容

30秒时间过去了…OK时间到,这个类似蒲公英造型的图形看似复杂,但我们可以通过拆分的方式将其简化成ABCD四个部分,如下:

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

这四个造型有一个共同点,就是都是围着中心做旋转,唯一的区别就是A是圆点,而BCD是圆点+渐变线条。

因为BCD的做法一致,所以我这里以造型D为例,给大家详细讲解一下做法。(A要最后做)

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

①画一条描边路径,然后执行效果-扭曲和变换-变换命令。

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

②打开描边窗口(ctrl+F10),为路径起点选择圆头,缩放调整为160%(数值大小决定圆点的大小),如下:

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

③打开渐变窗口(ctrl+F9),给描边添加线性渐变,将黑色滑块的位置拖到75%(目的是不让圆点产生渐变效果),如下:

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

至此,造型D就做好了。

造型B和C也是同理,可直接复制D,然后在其基础上调整变换参数、路径长度和描边属性。我这里就不演示了,只放出参数给大家看下。

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO? 这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

造型C做好后,要先执行对象-扩展外观,然后再整体旋转45°,如下:

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

把做好的造型BCD放到一起,看下效果。

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

至于造型A,做法很简单,这里不再赘述(还不会的同学看文末的旋转大法),但是有个细节上的规范和造型B有关,如下:

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

没看清细节?那再给个放大图。

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

以这个规范做好A后,再整体旋转45°,就得到了最终的图形。如下:

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

好啦,今天的小案例就讲到这里,我们下期再见鸭~

这LOGO怎么做?第59期:如何绘制科技感的蒲公英LOGO?

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

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

9 收藏 32

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

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

复制本文链接
img

发表评论 已发布 2

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

支持键盘 ← → 键翻阅图片