欢迎访问自学路径

您尚未登录

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

点击登录

这LOGO怎么做?第84期:粗细渐变旋转LOGO

时间:2023-03-09
类别:AI教程
水平:入门
观众:3.3w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

这LOGO怎么做?第84期:粗细渐变旋转LOGO

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

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

一、关于教程

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

这LOGO怎么做?第84期:粗细渐变旋转LOGO

该logo为网站搜集,版权及创意归原作者所有,本文只探讨做法。

老规矩,观大思法。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

二、教程步骤

30秒时间过去了…

OK时间到。这个图形其实没啥难点,就是绕同一圆形旋转复制的两组造型拼在了一起,看下分析图。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

蓝色和橙色的数量都是24个,所以单位旋转角度就是360/24=15°。

蓝色部分是从小到大(顺时针看)的形状渐变,每旋转一次,它的宽度和高度都会增加,但细心观察,宽高的变化不是等比例的(宽度增加的少,高度反之);

橙色部分则是等长统一的圆头线段,造型特点内细外粗(如下图所示),只是因为被挡在蓝色后面,所以会给人从长到短(顺时针看)的视觉感受。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

第1步,做蓝色部分

① 画两个等大的相交圆,点击路径查找器(ctrl+shift+F9)中的交集按钮得到造型,两端倒圆角,如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

② 前面说了,这个形状的宽高增长是不等比的,所以我们找到右键-变换-缩放命令,对水平和垂直的数值分别设置,如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

看下等比与不等比的造型区别。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

③ 用混合工具(W)分别点选两个图形,完成混合操作。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

如果大家以为我接下来要画一个圆,然后替换混合轴,那就大错特错了!

替换混合轴并不能解决问题,因为内部的负空间不是圆形,如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

PS:效果菜单中的变换命令也是不可行的。

所以我这里采用了比较原始的逐一替换法。前面做好的混合也不要删,对其执行对象-扩展命令,然后右键-取消编组,后面会用到。如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

④ 复制左边最小的图形,执行对象-重复-径向命令,执行后会显示3个控件,我们可以通过按住左键拖动来调整成想要的样子,如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

你要觉得拖动控件麻烦,也可以直接在属性栏输入相应的参数,如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

PS:这个命令在做旋转重复类的图形时经常用到,非常直观便捷。

调整到理想状态后,对整体执行对象-扩展命令,并右键-取消编组。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

⑤ 终于到了最枯燥的一步。

简单来说,就是对图形进行逐一对齐(水平居中+底对齐)+整体旋转15°,大家看动图吧。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

重复上述步骤直到全部替换完成,再删掉红色部分就可以了,如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

第2步,做黄色线段部分

① 以最长的图形为参考,画一个圆头端点的描边线段,用小白工具(A)点选上方锚点,用宽度工具(shift+W)配合左键向外拖动,将线段变成上粗下细的形式,如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

② 找到旋转轴心点,如下:

这LOGO怎么做?第84期:粗细渐变旋转LOGO

下面的步骤大家就熟悉了吧,看动图。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

③ 删掉多余的参考线,全选图形,执行对象-路径-轮廓化描边命令,然后在路径查找器里点击联集按钮,这个图形就做完了。

这LOGO怎么做?第84期:粗细渐变旋转LOGO

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

这LOGO怎么做?第84期:粗细渐变旋转LOGO

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

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

28 收藏 68

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

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

复制本文链接
img

发表评论 已发布 8

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

支持键盘 ← → 键翻阅图片