当前位置:首页>软件教程>AI教程>教程内容

图标设计,利用AI设计一枚质感云图标(5)

来源:uifans 作者:treelessing 学习:6763人次

今天的图标教程效果不错,操作也偏向于新手难度,译者亲自动手临摹了一遍,过程木有问题,已经有不少同学交过作业了,来试试

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第一步

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第二步

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第三步

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第四步

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第五步

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第六步

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

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第七步

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

并设置混合模式为柔光。

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第八步

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第九步

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

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

第十步

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

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

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

最后效果:

图标设计,利用AI设计一枚质感云图标_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
不费心思2018-07-20 08:04
大神
_Adream2015-07-18 04:13
161241cv6agknjazkki0ka.jpg
_Adream2015-07-18 04:07
161241cv6agknjazkki0ka.jpg
蓝念2015-06-04 02:23
回复一下
蓝念2015-06-04 02:23
回复一下
我的狗狗叫歪别2015-06-04 01:59
支持,支持
我的狗狗叫歪别2015-06-04 01:59
支持,支持
很冒险的梦2015-06-03 10:43
谢谢分享
很冒险的梦2015-06-03 10:43
谢谢分享
悸动的呼吸2015-06-03 10:09
学习学习!!!
悸动的呼吸2015-06-03 10:09
学习学习!!!
大帝浑蛋2015-06-03 05:04
努力学习
大帝浑蛋2015-06-03 05:04
努力学习
爱芒果爱森林2015-06-03 03:16
想仔细了解一下
爱芒果爱森林2015-06-03 03:16
想仔细了解一下

关注大神微博加入>>

网友求助,请回答!