AI绘制非常漂亮的玻璃质感云图标

所属分类: 平面设计 / Illustrator教程 阅读数: 1164
收藏 0 赞 0 分享

这篇教程是向脚本之家的朋友介绍如何利用AI绘制非常漂亮的玻璃质感云图标过程,教程非常的简单,绘制出来的效果非常漂亮,推荐过来,喜欢的朋友一起来学习吧!

今天教大家用ai画玻璃质感云(适合新手学习)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 29

这篇翻译,其实年前就准备了,只是一直犹豫要不要放,最后还是放吧,因为小编觉得从这篇教程中

还是可以学到不少知识点的,并且UI设计中有时也会借助ai实现一些效果,so熟悉软件也很重要。

不废话了,开始吧

具体的制作步骤如下:

—————————————————————————————————————————

第一步】使用椭圆工具画几个圆(按shift+椭圆工具),如下图

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 02

选中A、B椭圆,底对齐(窗口-对齐工具)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 03

第二步】用钢笔工具画如下的形状,确保底部节点与左右两圆的底部中心点重叠(即将完成完整的云形状)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 04

通过窗口-路径选择工具合并云的形状Bule(颜色设为蓝色)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 05

第三步】(Cmd / Ctrl + C复制; Cmd / Ctrl + B向后粘贴)复制云的形状Bule,同时将形状向右、上方各移动1px(颜色设为红色,方便理解)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 06



同理,再复制云的形状Bule,向左、下 各移动1px(颜色设为黄色)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 07

第四步】(Cmd / Ctrl + C复制; Cmd / Ctrl + F向前粘贴)复制云的形状两次,以确保蓝色云层在红 黄层上面

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 08

选中蓝、黄 云形状,通过路径选择工具-减去,得到形状组:Red(注意,Bule层-Yellow层=Red层,形状在上方)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 09

同理,选中蓝、红 云形状,路径选择工具-减去,得到形状组:Yellow(注意,Bule层-Red层=Yellow层,形状在下方)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 10

第五步】使用钢笔工具绘制如下的形状,为方便观察,可先适当调整形状的透明度

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 12

选中上面的Bule云形状,(Cmd / Ctrl + C复制; Cmd / Ctrl + B向后粘贴),确保Bule层在下面,利用路径选择工具-相交,得到深蓝层

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 13

(到这里,基本形状已完成)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 14



第六步】在云的下面,创建新的矩形背景,通过渐变工具(快捷键M),填充白-灰的径向渐变

(颜色可以通过下面的图片去吸取,文章最后有源文件下载)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 15

选中云形状Blue层,填充径向渐变颜色,同样,颜色可以通过下面的图片去吸取

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 16

通过 外观-不透明度-混合模式,设置Blue层模式为 柔光

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 17

第七步】选中第四步中得到的Red图层组,填充为白色

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 18

选中第四步中得到的Yellow层,填充为灰-深灰的径向渐变

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 19

选中第五步中得到的深蓝色层,填充颜色为白-灰-灰的径向渐变

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 20

并设置混合模式为柔光

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 21

第八步】很关键,复制Bule云层,并且适当调整节点,为White层,颜色为白色,模式正常

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 22

继续复制Bule层,通过调整节点缩小形状,修改径向渐变颜色,模式调整为正常,如下

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 23

第九步】选中上一步得到的两个图层,对象-混合-建立,对象-混合-混合选项,设置为平滑过渡,步数为30

(数值可根据实际效果去调整)

(这一步需要注意,混合的效果跟图层的节点有很大关系,如果出来的效果不满意,建议适当调整图层的节点)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 24

选中混合成的图层组,设置混合模式为正片叠底,并勾选 :挖空组

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 25

第十步】画一个椭圆,填充渐变颜色为灰度颜色:深灰-RGB颜色:黑的径向渐变(这一步不明白,可以下载查看源文件)

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 26

设置图层的模式为颜色减淡

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 27

同理,绘制下方的高光点,原理同上

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 28

最后效果

AI绘制玻璃质感云图标 脚本之家 AI实例教程 glass cloud 29

以上就是AI绘制非常漂亮的玻璃质感云图标过程,希望对大家有所帮助!

更多精彩内容其他人还在看

ai怎么界面颜色该怎么自定义设置?

ai怎么界面颜色该怎么自定义设置?ai界面默认的颜色不喜欢,想要自己设置,该怎么设置呢?下面我们就来看看ai自定义界面颜色的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制漂亮多彩的花朵图形?

ai怎么绘制漂亮多彩的花朵图形?ai中想要绘制一个矢量的漂亮的花朵,该怎么绘制呢?下面我们就来看看详细的绘制方法,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

AI绘制绚丽漂亮的莲花图形

这篇教程是向脚本之家的朋友分享AI绘制绚丽漂亮的莲花图形方法,教程绘制出来的莲花图形非常漂亮,难度不是很大,推荐到脚本之家,一起来学习吧
收藏 0 赞 0 分享

AI设计一个扁平化风格的鲸鱼logo

今天小编为大家分享AI设计一个扁平化风格的鲸鱼logo方法,教程比较基础,制作出来的logo非常漂亮,难度不是很大,值得大家学习,来学习吧
收藏 0 赞 0 分享

手把手教你用AI绘制谷歌Chrome标志

这篇教程就为大家介绍用AI绘制谷歌Chrome标志方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友可以参考本文,希望这篇文章能对大家有所帮助
收藏 0 赞 0 分享

AI混合功能制作非常漂亮的炫彩LOGO

这篇教程主要是向脚本之家的朋友分享AI混合功能制作非常漂亮的炫彩LOGO方法,教程制作出来的logo非常漂亮,难度不是很大,推荐到脚本之家,一起来学习吧
收藏 0 赞 0 分享

ai怎么制作绚丽的太阳花矢量图?

ai怎么制作绚丽的太阳花?ai绘制矢量图很简单,今天我们就来看看绘制一朵大大的太阳花的教程,绘制过程很简单,步骤也不太多,需要的朋友可以参考下
收藏 0 赞 0 分享

AI绘制可爱的圆形小猫插画

这篇教程是向脚本之家的朋友分享AI绘制可爱的圆形小猫插画方法,教程绘制出来的插画非常漂亮,难度不是很大,值得大家学习,一起来看看把
收藏 0 赞 0 分享

ai矩形网格工具怎么用? AI中矩形网格工具的实例教程

ai矩形网格工具怎么用?ai中绘图工具有很多,其中就有一个矩形网格工具,该怎么使用这个工具呢?下面我们就来看看AI中矩形网格工具的实例教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么画出水墨效果? ai绘制水墨效果的文字/图形的教程

ai怎么画出水墨效果?中国水墨画是很出名的,该怎么制作水墨字或者水墨画呢?下面我们就来看看ai绘制水墨效果的文字/图形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多