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

所属分类: 平面设计 / Illustrator教程 阅读数: 1156
收藏 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绘制非常漂亮的玻璃质感云图标过程,希望对大家有所帮助!

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

Illustrator CS5怎么使用连接和平均命令画等腰三角形?

Illustrator CS5怎么使用连接和平均命令画等腰三角形?想在ai中绘制一个等腰三角形,这就涉及到ai中连接和平均命令的使用,详细的教程请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

AI利用3d效果制作包装图

今天小编为大家带来了AI利用3d效果制作包装图,简单快捷,透视准确,感兴趣的朋友快到下文了解一下吧
收藏 0 赞 0 分享

AI利用路径文字工具在弧形路径位置输入文字

这篇教程是向脚本之家的朋友分享AI利用路径文字工具在弧形路径位置输入文字方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI制作3D纪念碑风格岛屿插画教程

今天小编为大家带来了AI制作3D纪念碑风格岛屿插画教程,教程很简单很好学,感兴趣的朋友到下文了解一下吧
收藏 0 赞 0 分享

AI绘制骷髅奇兵插画教程分享

今天小编为朋友们带来实用AI绘制骷髅奇兵插画,教程是视频的,对于学习插画的朋友来说还是有一定的指引作用的,来看看吧
收藏 0 赞 0 分享

ai中怎么绘制一款可以挂在墙上的相框?

ai中怎么绘制一款可以挂在墙上的相框?ai中绘制相框很简单,今天我们就来看看那使用ai绘制一款朴素的可以挂在墙上的相框,详细的绘制内容请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

Illustrator绘制卡通可爱的人头像勋章效果

本教程主要使用IllustrIllustrator绘制卡通可爱的人头像勋章效果方法,教程制作出来的勋章真的很不错,推荐到脚本之家,希望能对大家有所帮助
收藏 0 赞 0 分享

ai中路径查找器该怎么使用?

ai中路径查找器该怎么使用?ai中我们经常设计一些矢量图,其中有很多工具,今天我们就来看看路径查找器的详细使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制卡通的独眼小熊头像?

Ai怎么绘制卡通的独眼小熊头像?我们经常给大家介绍ai绘制各种类型的矢量图的教程,今天我们还是来看看比较简单的使用ai绘制卡通独眼小熊的步骤,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制萌萌哒的小兔子头像?

Ai怎么绘制萌萌哒的小兔子头像?ai中想给自己设计一个很独特的头像,因为个人属兔,所以我们就来设计一个比较可爱的小兔子形状的头像,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多