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

所属分类: 平面设计 / Illustrator教程 阅读数: 1148
收藏 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 CS3把作品转化和编辑为灰度模式

为了出版广告、变换LOGO样式,甚至就是为了尝试与从不同,我们有时候需要把AI文件转化为灰度模式。在AI CS3中有不少简便的方法把作品转化和编辑为灰度。
收藏 0 赞 0 分享

Illustrator 制作web 2.0风格标签

我不知道 web 2.0 风格将会风行多久。一方面,它代表着当前的流行趋势;另一方面,它又体现着对新技术新风格的探索。无论如何,大众对 web 2.0 风格依旧需求强烈,因而写篇制作一流 web 2.0 风格标签的教程很有必要。
收藏 0 赞 0 分享

Illustrator基础教程之简单制作金属纹理

Vectips 纹理教学周的第二篇教程是金属纹理。如同前篇水质感纹理教程一样,制作金属纹理的技巧也是利用了AI的效果菜单中的效果。
收藏 0 赞 0 分享

Illustrator CS4 绘制覆盖着雨滴窗口

使用简单的工具,加上网格渐变,学习在adobe illustrator中绘制“覆盖着雨滴窗口”的壁纸。
收藏 0 赞 0 分享

Illustrator 绘制透明质感绿色金属标志

本教程主要用Illustrator制作透明质感立体标志,这个例子我们将一个商品的标志放大,制作出它的透明质感立体效果,通过对这个实例的学习,将对你制作按钮、标志以及类似的操作用很大的帮助。
收藏 0 赞 0 分享

Illustrator 绘制透明气泡组成的心形

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习如何运用内发光、蒙板、羽化、渐变填充等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享

Illustrator 绘制漂亮的透明气泡

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习通过绘制一个圆形,然后再运用内发光、羽化、外发光等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助
收藏 0 赞 0 分享

Illustrator 绘制可爱卡通宝宝

从本次开始我将向您详细介绍用Illustrator软件绘制人物的方法,我们将从婴儿开始,之后是儿童,其次是青年,再有就是成年、中年以及老年人。
收藏 0 赞 0 分享

Illustrator 绘制绿叶环保的精致货牌

本教程主要用Illustrator制作漂亮的新货牌.
收藏 0 赞 0 分享

Illustrator 绘制金属质感的小闹钟

本例介绍运用AI的渐变工具来绘制金属质感的小闹钟,在教程中我们将学习到通过几种渐变填充的灵活运用来实现金属质感的表现,另外还将学习到复制、旋转及阴影的制作方法,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享
查看更多