AI资深教程:AI绘制科技感渐变教程

之前自己做了一个渐变科技感的图形,发布以后很多小伙伴都挺喜欢这种风格的,今天就出了一个教程,希望小伙伴都能学会,作出自己喜欢的作品。第一次出AI教程,平时都是自己做慢慢调整,没什么教学经验,不懂的地方可以留言咨询。

图片[1]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

效果图

其实这种风格也挺简单的,没什么太多技巧,就是利用渐变加上透明度,互相叠加,在深色的背景上,有深色有亮色,对比出来就很出效果。

首先,我们得在草稿上把自己想要图形画个草图出来,比如像下面这样。做这种风格的,块面多一些,效果就会好些。在画草图的时候,结构一定要理清楚,后面做起来轻松很多。

图片[2]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

草图

接下来就是打开AI,新建一个文档,尺寸可以随意,然后选择RGB颜色模式,勾选新建对象与像素网格对齐。在做比较规则的图形的时候,对齐网格会让你省去对齐的麻烦。

图片[3]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

建好文档了,就开始把我们的图形画出来,基于都是基础图形,这里就不细说了,就是利用矩形工具和钢笔工具画出来就行了,画的时候,打开网格,对齐到网格,因为都是规则的图形,这样比较好对齐。画的时候我们需要把填充换成最基础的渐变,这样画的时候可以很好的观察图形。不然就会跟右边的一样,就看到一个轮廓

图片[4]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

当基础图形画好了以后,我们就可以开始配色了,色感好的朋友,可以自己调取颜色,如果色感不太好的,可以在网上找一些配色比较好看的,然后吸取颜色。这种风格需要深色背景,所以我们在AI里面画个矩形,填充一个深色,我这里用的是#0f103e.背景色填充好了,把他放在最下层,快捷键ctrl+shift+[ 并且锁定住ctrl+2把我们之前画好的图形,放在上面

我们先把简单的填色了,四周是一个光束的感觉,所以我们选中四周的形状,给他调取一个比较亮的颜色到背景色的渐变

图片[5]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

我们单独选择每个形状,轻微调整一下渐变的角度,然后把他们的透明度调整一下,我这里是前面80%,上面60%,后面40%,让他们比较有层次感。用同样的方法,依次完成四个方向,如下图。

图片[6]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

接下来,我们来调整中间这块的颜色,为了方便选取,我们可以把前面做好的四个方向先移开,做好了在移回来,或都锁定,看自己习惯。

下面我们依次把所有的形状都填充上颜色

图片[7]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

图片[8]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

图片[9]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

图片[10]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

填充完颜色后,是不是大概的感觉出来了,接下来我们就是需要细化,就是依次慢慢调整渐变的方向以及透明度。方法就是选中一个形状,按g,然后鼠标拉方向

图片[11]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

这次教程最重要的就是拉渐变,同样的渐变颜色可以拉出不同的效果,还有如果渐变色要吸取找好的颜色,先选中渐变这个滑块其中一个,然后按i调出吸管工具,然后按住shift键,点击你想要的颜色,然后选择另外一个滑块,吸另外一个颜色就OK了,不按shift直接点的话,吸出来这里就变成纯色了

图片[12]-AI资深教程:AI绘制科技感渐变教程-易看设计 - 专业设计师平台

希望这次的教程对大家有用,其实并不难,只是需要耐心慢慢调整,大家学会了后,可以做出各种好看的图案,要是不懂的地方可以留言咨询。

 

© 版权声明
THE END
喜欢就支持一下吧
点赞2 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容