打开网易新闻 查看更多图片

文章来源:这LOGO怎么了 作者:君小阳

今天给大家讲解下面这个logo的做法。

打开网易新闻 查看更多图片

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

老规矩,观大思法。

打开网易新闻 查看更多图片

OK时间到。这个图形的渐变从视觉上很连贯,但仔细观察是由两个图形组成的,如下:

打开网易新闻 查看更多图片

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

打开网易新闻 查看更多图片

第一步,画水滴。

①画一个路径圆,宽度50pt,如下:

打开网易新闻 查看更多图片

②选中路径,用钢笔工具(P)按住alt键点击圆形顶部的锚点,将其转换成尖角,如下:

打开网易新闻 查看更多图片

③用小白工具选中相应的路径或锚点,用↑方向键分别进行移动,就可以做出满意的水滴啦,看下动图操作。

打开网易新闻 查看更多图片

第二步,画圆环。

圆环没啥难度,只不过需要注意两点:

①粗细也必须是50pt;

②和水滴保持水平居中并且底对齐(圆环的底部锚点和水滴的底部锚点重合)。

打开网易新闻 查看更多图片

第三步,分割造型。

①将圆环和水滴选中,执行对象-路径-轮廓化描边命令,将其转化为填充,如下:

打开网易新闻 查看更多图片

②画一条水平居中的竖线,然后利用形状生成器工具(shift+M)点击左键进行分割,看下动图操作。

打开网易新闻 查看更多图片

分割(合并)完的造型如下:

打开网易新闻 查看更多图片

第四步,填充渐变。

主要用到了渐变窗口(ctrl+F9)中的任意形状渐变的点绘制模式,如下:

打开网易新闻 查看更多图片

我把渐变点的位置和色值标注出来,大家可以自己尝试布点填色。

打开网易新闻 查看更多图片
打开网易新闻 查看更多图片
打开网易新闻 查看更多图片

教程到此结束,是不是非常简单啊?不过我相信本号的老粉肯定表示不过瘾,毕竟之前出过类似方法的教程,哈哈哈~

打开网易新闻 查看更多图片

(为了凑字数)接下来我再给大家介绍一个更便捷的方法——描边渐变。

也就是说,上述方法做到第二步之后,可以不要轮廓化描边,直接对路径A和B添加描边渐变也可以实现。如下:

打开网易新闻 查看更多图片

看下两条路径的起点、终点位置以及渐变选项。

打开网易新闻 查看更多图片

可能水滴的路径不是很好观察,我把起点单独拉出来,你就明白了。如下:

打开网易新闻 查看更多图片

那么这两个路径怎么做出来呢?也非常简单。

承接上面的第二步,我们需要用剪刀工具(C)将圆环和水滴的路径断开(左键分别点击下面3个锚点即可),如下:

打开网易新闻 查看更多图片

接下来需要用到路径连接命令(ctrl+J),看下我的动图操作。

打开网易新闻 查看更多图片

最后对比下两种方法做出的渐变效果。

打开网易新闻 查看更多图片

两者效果相差无几,但我还是倾向前者。因为点绘制更加自由,渐变的可控性也较高;而描边渐变只能通过滑块去控制,没那么灵活。看个人使用习惯吧!

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

-END-

欢迎留言讨论