打印 上一主题 下一主题

AI新手教程!绘制一枚玻璃质感的云图标

  [复制链接]
跳转到指定楼层
1#
theamember 发表于 2016-3-29 10:13:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
中文图文CG教程
行业: UI设计
模块:  
软件/插件: -
版权:

马上注册CG织梦网,结交更多CG好友,下载更多CG素材,让你轻松学习。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
AI新手教程!绘制一枚玻璃质感的云图标

今天的图标AI教程效果不错,操作也偏向于新手难度,译者亲自动手临摹了一遍,过程木有问题,


第一步

使用椭圆工具画几个圆(按shift+椭圆工具),如下图。

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

第二步

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

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

第三步

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

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

第四步

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

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

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

第五步

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

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

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

第六步

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

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

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

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

第七步

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

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

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

并设置混合模式为柔光。

第八步

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

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

第九步

选中上一步得到的两个图层,对象-混合-建立,对象-混合-混合选项,设置为平滑过渡,步数为30。(数值可根据实际效果去调整)

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

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

第十步

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

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

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

最后效果:

2#
茕茕孑立 发表于 2016-4-7 09:07:04 | 只看该作者
很厉害 学习了~
回复 支持 反对

使用道具 举报

3#
茕茕孑立 发表于 2016-4-7 09:09:01 | 只看该作者
很厉害 学习了~
回复 支持 反对

使用道具 举报

4#
2712308062 发表于 2016-4-15 13:20:51 | 只看该作者
1
茕茕孑立 发表于 2016-4-7 09:07:04:
很厉害 学习了~
回复 支持 反对

使用道具 举报

5#
ttty 发表于 2016-5-4 09:02:07 | 只看该作者
棒  学习啦
回复 支持 反对

使用道具 举报

6#
罔三 发表于 2016-9-21 19:56:48 | 只看该作者
很厉害 学习了~
回复 支持 反对

使用道具 举报

7#
crazybirds7 发表于 2016-10-13 06:55:58 | 只看该作者
非常感谢,感谢分享
回复 支持 反对

使用道具 举报

8#
jstzwgb 发表于 2017-1-19 06:55:05 | 只看该作者
谢谢啦!下来看看!先顶一个!
回复 支持 反对

使用道具 举报

9#
wjgmr 发表于 2017-2-13 08:02:16 | 只看该作者
收藏了,谢谢。
回复 支持 反对

使用道具 举报

10#
wjgmr 发表于 2017-3-28 07:38:41 | 只看该作者
学习了,谢谢分享。
回复 支持 反对

使用道具 举报

12#
wuming123 发表于 2017-12-21 10:09:16 | 只看该作者
感谢好友分享....
回复 支持 反对

使用道具 举报

13#
fggfh 发表于 2018-4-3 17:35:56 | 只看该作者
谢谢楼主分享
回复 支持 反对

使用道具 举报

14#
gandayong 发表于 2019-1-11 08:40:01 | 只看该作者
谢谢分享谢谢分享
回复 支持 反对

使用道具 举报

15#
paltrow 发表于 2019-8-16 02:47:47 | 只看该作者
谢谢楼主分享
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩图文
在线客服(工作时间:9:00-22:00)
18916069001
织梦网微信公众号

Copyright   ©2015-2016  CG织梦网  Powered by©Discuz!  技术支持:织梦网