视觉设计 » 科技感的渐变LOGO设计教程

科技感的渐变LOGO设计教程

发表于: 视觉设计. 评论
Sponsor

今天的LOGO有点像积木一样,带有科技、创意、教育的寓意,LOGO使用了渐变配色,突出科技与时尚,在这个LOGO设计教程里,还有很多关于AI设计小技巧,学会后在工作中可以提高效率,非常不错,来一起学习哦!

科技感的渐变LOGO设计教程

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

老规矩,观大思法。

科技感的渐变LOGO设计教程

三十秒时间过去了……

OK时间到。这是一个以首字母T为创意的立体感图形,做法呢也非常简单,就是经典的旋转大法,如下:

科技感的渐变LOGO设计教程

此外,基本形还有一些圆角细节需要注意,如下:

科技感的渐变LOGO设计教程

下面跟我一起动手做起来吧!

第一步,画六边形网格。

①画5条等距的描边路径,然后ctrl+G打组,如下:

科技感的渐变LOGO设计教程

②选中竖线组,执行右键-变换-旋转命令,角度为60°,点击复制按钮,效果如下:

科技感的渐变LOGO设计教程

同理,再次选中竖线组,执行旋转命令,角度设为-60°,基础的六边形网格就搭建好了,如下:

科技感的渐变LOGO设计教程

③画次级辅助线(三竖一横的蓝色线条),其中三条竖线各自位于所处的两条红线中心处,横线一目了然。如下图所示。

科技感的渐变LOGO设计教程

画次级辅助线的目的就是找到它与网格的交叉点,方便我们后续倒圆角,如下:

科技感的渐变LOGO设计教程

第二步,画基本形。

有了网格的规范,这个基本形就非常好画了,我们可以将其分为A和B两个形状来分别绘制,如下:

科技感的渐变LOGO设计教程

这次就不做动图演示了,大家按照我下面的锚点分布图,直接用钢笔工具(P)绘制描边路径即可,非常简单。绘制过程中别忘了开启智能参考线(ctrl+U),方便对齐。

A的锚点分布(橙色圆点即锚点)。

科技感的渐变LOGO设计教程

B的锚点分布。

科技感的渐变LOGO设计教程

再放一张整体的分布图。

科技感的渐变LOGO设计教程

接下来需要给A倒圆角,看下动图。

科技感的渐变LOGO设计教程

B没什么好说的,不用倒圆角。

做好造型后,将它们的描边改成填充(shift+X),按ctrl+F9打开渐变窗口,填充线性渐变即可,如下:

科技感的渐变LOGO设计教程

至此基本形就做好了。

第三步,完善图形。

①将基本形放回网格中,用旋转工具(R)将旋转轴心点拖到交叉点处,如下:

科技感的渐变LOGO设计教程

②按住alt键点击这个轴心点,弹出旋转窗口,角度设为120°并点击复制按钮。如下:

科技感的渐变LOGO设计教程

③ctrl+D重复上一步操作,就得到了整体的图形了,如下:

科技感的渐变LOGO设计教程

④接下来我们要对图形整体倒圆角了,随之而来出现了新问题,如下:

科技感的渐变LOGO设计教程

中间的这几个圆角是可以直接倒的,但右侧的这几个圆角如果直接倒就会出问题。所以我们需要借助之前的网格,重新绘制一个整体的图形,锚点分布如下:

科技感的渐变LOGO设计教程

之后将下图标注的锚点同时选中,统一拉一个圆角弧度即可,最后再将描边改成填充,如下:

科技感的渐变LOGO设计教程

⑤将得到的白色图形置于下层,如下:

科技感的渐变LOGO设计教程

全部选中,利用形状生成器工具(shift+M)按住alt键删掉多余的造型(红色部分),如下:

科技感的渐变LOGO设计教程

处理完的整体效果如下。

科技感的渐变LOGO设计教程

⑥将渐变换成合适的颜色,就得到了我们最终的图形,如下:

科技感的渐变LOGO设计教程

好啦,今天的小案例就讲到这里,做法不难,就是细节比较多,一定要动手做才能发现问题哟。我们下期再见鸭~

作者 | 君小阳

来源 | 这logo怎么了(id:wtf-logo)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }