5

实用LOGO教程:红色三角图形标志的设计过程

 2 years ago
source link: https://www.shejidaren.com/sanjiao-logo-sheji-jiaocheng.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

实用LOGO教程:红色三角图形标志的设计过程

5月 5, 2022 发表于: 视觉设计. 评论

Sponsor

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

实用LOGO教程:红色三角图形标志的设计过程

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

老规矩,观大思法。

实用LOGO教程:红色三角图形标志的设计过程

30秒过去了……

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

看下动图操作。

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

实用LOGO教程:红色三角图形标志的设计过程

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

作者 | 君小阳
来源 | 这logo怎么了(id:wtf-logo)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK