(图文+视频)AI野教程:那种蚊香一样的图案是如何制作的

成都/设计爱好者/4年前/2118浏览
(图文+视频)AI野教程:那种蚊香一样的图案是如何制作的
野鹿志

久违的平面内容

确实有好久好久没有写过AI的内容了,我特意查阅了一下,上一次有用到AI的部分还是19年11月写的一篇用AI和AE做的小米息屏动画:
undefined


主要是确实不知道写啥,昨天在医院等排号的时候玩手机,然后看到字由的公众号里发了一个效果:

undefined


这个像蚊香一样的效果很像很早以前写过的一篇文章:

undefined


于是回到家里尝试了一下,研究出来以后发现自己想复杂了,其实很简单。


都已经琢磨出来了就干脆写出来吧,别浪费了,来吧,今天我们就来做一个蚊香效果的海报吧!

undefined


打开AI,暂时新建一个蓝黑色的矩形然后康秋2锁定住当作背景色:

undefined


制作这种蚊香效果有两种方法,我把两种方法都分享一下。


第一种方法如图所示,直接用直线工具先在画板上画出一条直线出来:

undefined


选中直线用旋转工具旋转90度,复制一份出来:

undefined


把复制出来的直线康秋2锁定住,目的只是为了确定直线的中心点而已:

undefined


接下来就是重点了,用变换工具组里的扭曲旋转工具,按回车键调出它的参数面板,把细节给到10,简化取消勾选:

undefined


然后在直线中心点的位置按住鼠标左键不放,蚊香就会自动转出来:

undefined


使用这种方法如果圈数很多的情况中间会变形:

undefined


当然这个不是问题,中间部分我们可以用小白工具选择端点进行删除:

undefined


然后选中所有对象康秋J连接,中间断开的部分就会连上一条线:

undefined


然后再用小白工具把中间的两个拐角改成圆弧:

undefined


使用这种方法虽然简单快捷,但是中间的部分不够圆润,如果要单独添加锚点调整那就麻烦了:

undefined


所以这里我推荐用第二种方法,使用极坐标工具:

undefined


在使用极坐标工具的同时,键盘上的左右方向键可以增加或者减少极坐标工具径向上的分割线:

undefined


键盘上的上下方向键可以增加或者减少同心圆方向上的分割线:

undefined


如果你发现你的极坐标画出来不是等距的圆环,可以选中极坐标工具以后,按回车键。


检查一下倾斜的数值是不是0,如果不是,改为0这样画出来的圆就是等距的了:

undefined


如图所示我丧心病狂的做出了很多个等距的圆,然后用小白工具框选住上半部分删除:

undefined


康秋G将剩下的部分打组以后,用对称工具水平对称复制一份出来:

undefined


然后把复制出来的这部分让它和之前的那半部分错位排列一下:

undefined


接下来同样用小白工具选中中间的一些端点看着情况删除一些,并且要留一下有没有没有删除的多余端点:

undefined


同样选中所有对象,康秋J进行连接,中间分开的端点就连接起来了:

undefined


同样用小白工具选中对象,将中间的连接线变成圆角:

undefined


最后再用直线工具再两头画两条线就搞定了,同样康秋J连接就搞定了,很简单吧:

undefined


接下来就简单啦,将对象水平对称一下,旋转一下:

undefined


将端点改为圆头,弄一个自己喜欢的渐变色:

undefined


我觉得有点平的感觉,所以背景色改成了一个浅色,然后给对象添加了投影:

undefined


然后用同样的渐变填充色画了一个圆:

undefined


给圆添加羽化,羽化的值稍微大一点:

undefined


再把羽化后的圆放在对象的下层:

undefined


最后码字排版搞个样机看看效果吧:

undefined


感觉也不是特别好看,就这样吧,下面是今天的视频版:


好啦,今天的分享就到这里,想要原视频源文件的鹿友后台撩我获取吧!


更多内容欢迎关注公众号:

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究


48
Report
|
66
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
Heal丨概念网页设计
Homepage recommendation
相关收藏夹
设计之学
设计之学
设计之学
设计之学
精选收藏夹
作品收藏夹
文章,教程
文章,教程
文章,教程
文章,教程
作品收藏夹
学习
学习
学习
学习
作品收藏夹
教程
教程
教程
教程
作品收藏夹
ui设计
ui设计
ui设计
ui设计
作品收藏夹
教程
教程
教程
教程
作品收藏夹
大家都在看
Log in