您当前的位置:首页 > 计算机 > 软件应用 > 图形编设

毛玻璃图标_AI+PS制作毛玻璃质感UI图标教程

时间:01-15来源:作者:点击数:

效果图

AI+PS制作毛玻璃质感UI图标教程

开启AI新建一个画布,快捷键Ctrl+N,新建一个800*800像素的画布。

AI+PS制作毛玻璃质感UI图标教程(1)

绘制形状,以形状图标美食APP为例。

AI+PS制作毛玻璃质感UI图标教程(2)

点选档案 > 指令档 > 其它指令。

AI+PS制作毛玻璃质感UI图标教程(3)
AI+PS制作毛玻璃质感UI图标教程(4)
AI+PS制作毛玻璃质感UI图标教程(5)

存取副档选PSD即可。

AI+PS制作毛玻璃质感UI图标教程(6)

让图层都是形状图层,方便后面的布尔运算对形状可以做些微调整。

AI+PS制作毛玻璃质感UI图标教程(7)

Ctrl+C复制 Ctrl+V贴过来PS,将形状图层都提取出来做群组命名即可。

AI+PS制作毛玻璃质感UI图标教程(8)

固有色上色,背景填色:#200833,叉子填色:#533f62,盘子填色:#ff88e7。

AI+PS制作毛玻璃质感UI图标教程(9)

图层样式效果,盘子图层样式添加,渐层覆盖。

AI+PS制作毛玻璃质感UI图标教程(10)
AI+PS制作毛玻璃质感UI图标教程(11)

叉子图层样式添加,笔画。

AI+PS制作毛玻璃质感UI图标教程(12)
AI+PS制作毛玻璃质感UI图标教程(13)

内阴影。

AI+PS制作毛玻璃质感UI图标教程(14)
AI+PS制作毛玻璃质感UI图标教程(15)
AI+PS制作毛玻璃质感UI图标教程(16)

渐层覆盖,压暗,提升通透感。

AI+PS制作毛玻璃质感UI图标教程(17)
AI+PS制作毛玻璃质感UI图标教程(18)

Ctrl+J 复制盘子移动到叉子上方做剪贴蒙版。

AI+PS制作毛玻璃质感UI图标教程(19)

对复制的盘子进行明度调整,让整体产生玻璃光泽感。调整复制盘子的固有色与渐变覆盖(渐变叠加)不透明度,固有色改成:#ffffff,渐层覆盖(渐变叠加):不透明度 79%。

AI+PS制作毛玻璃质感UI图标教程(20)
AI+PS制作毛玻璃质感UI图标教程(21)

选择复制盘子的图层,开启视窗内容(属性),然后调整上层盘子的羽化,这时候盘子边缘就会出现模糊效果,羽化:7.0。

AI+PS制作毛玻璃质感UI图标教程(22)

添加投影,做剪贴蒙版,切记叉子投影的混合模式要选择色彩增值(正片叠底)让整体更暗些,然后透过内容(属性)羽化,调整投影的边缘模糊度 ,然后再去调整下影子不透明度。

羽化值:29.9

固有色:#432958

影子不透明度:43

影子色:#432958

AI+PS制作毛玻璃质感UI图标教程(23)
AI+PS制作毛玻璃质感UI图标教程(24)

找高光素材添加高光上去,素材混合模式选用滤色,让亮部留下来,若高光过长,可以用蒙版和笔刷去做些微调整。

AI+PS制作毛玻璃质感UI图标教程(25)
AI+PS制作毛玻璃质感UI图标教程(26)
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门