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

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

发表于: 视觉设计. 评论 (2)
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设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论2 Responses to “实用LOGO教程:红色三角图形标志的设计过程”

  1. FY - 回复

    想问下录制GIF的软件是啥?

    • 设计 达人 -

      GIFfox,很好用哦!!


{ 发表评论 }