欢迎访问自学路径

您尚未登录

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

点击登录

这LOGO怎么做?第65期:负空间三角形渐变LOGO

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

这LOGO怎么做?第65期:负空间三角形渐变LOGO

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

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

文章编辑:@十豆

关于教程

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

这LOGO怎么做?第65期:负空间三角形渐变LOGO

老规矩,观大思法。

这LOGO怎么做?第65期:负空间三角形渐变LOGO

教程步骤

30秒时间过去了… OK 时间到。相信大部分同学看过图形后,第一感觉跟我是一样的,这不就是旋转大法做出来的嘛,分析如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

但我们这种以结果去倒推过程的方式是不妥的。如果我把另外两个基本形和参考线隐藏掉,你就会觉得用旋转大法做出来简直是不可思议的,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

没有人会无缘无故把旋转轴心点设在这么一个奇怪的位置,且复制旋转后刚好对齐。实际上,这个渐变欺骗了我们的眼睛,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

接下来我们来讲解这个图形真正的做法。

第一步

画正三角形。正三角形的画法很多,多边形工具、星形工具都可以实现,而我最习惯用的还是shape工具(shift+N)。

这LOGO怎么做?第65期:负空间三角形渐变LOGO

用法非常简单,只需要按住鼠标左键大致画出你想要的几何图形,软件将自动识别并生成形状,看下动图操作。

这LOGO怎么做?第65期:负空间三角形渐变LOGO

画好后,将填充去掉,只保留描边(默认1pt,可适当加粗,我设置的是4pt),并顺时针旋转 90°,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

第二步

对三角形执行 对象-路径-偏移路径 命令,我这里偏移的数值是24px,共偏移2次,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

将内部2个三角形的每条边做延长,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

延长方法之前也讲过多次,这里再演示一下。

这LOGO怎么做?第65期:负空间三角形渐变LOGO

第三步

用形状生成器工具(shift+M)将形状合并,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

看下动图操作:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

删掉多余的路径(中间生成的小三角也删掉,一共有2个),如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

倒圆角。蓝色和红色锚点位置的倒角数值分别为8px和32px,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

第四步

将描边转换成填充(shift+X),然后打开渐变窗口(ctrl+F9),渐变类型选第一个线性即可,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

看下渐变控制杆的位置和参数设置。两个颜色滑块都是同样的颜色,只是位置和不透明度不同。

这LOGO怎么做?第65期:负空间三角形渐变LOGO

换个底色就得到了我们最终的图形,如下:

这LOGO怎么做?第65期:负空间三角形渐变LOGO

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

这LOGO怎么做?第65期:负空间三角形渐变LOGO

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

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

33 收藏 96

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

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

复制本文链接
img

发表评论 已发布 11

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

支持键盘 ← → 键翻阅图片