甲虫课堂 > PS教程 >

AI+PS制作毛玻璃UI图标

204
7
点赞
收藏
发布时间:2021-03-10 15:11:14

效果图

AI+PS制作毛玻璃UI图标

打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件。

AI+PS制作毛玻璃UI图标(1)

简单草稿绘制,然后用AI开始画图形,并适当调整。

AI+PS制作毛玻璃UI图标(2)

点击文件-脚本-其它脚本。

AI+PS制作毛玻璃UI图标(3)

选中Aipsd这个插件打开

AI+PS制作毛玻璃UI图标(4)

AI+PS制作毛玻璃UI图标(5)

选取一个地方保存为psd格式导出。

AI+PS制作毛玻璃UI图标(6)

导出模式为RGB。

AI+PS制作毛玻璃UI图标(7)

把刚刚的psd文件在ps打开。

AI+PS制作毛玻璃UI图标(8)

然后点图层筛选器的形状,并且按shift选中所有图层,将透明度改为100,并ctrl+G编组。

AI+PS制作毛玻璃UI图标(9)

然后关掉筛选器,将形状以外的所有图层删除。并且按图标含义编组。

AI+PS制作毛玻璃UI图标(10)

最后新建一个图层,放到最底层ALT+DELETE填充白色做背景。

AI+PS制作毛玻璃UI图标(11)

绿色形状填充颜色为:0ec2a2。

AI+PS制作毛玻璃UI图标(12)

淡黄色形状填充颜色为:d1e4a7。

AI+PS制作毛玻璃UI图标(13)

选中【时钟下】,添加渐变叠加。

AI+PS制作毛玻璃UI图标(14)

AI+PS制作毛玻璃UI图标(15)

Ctrl J复制【时钟下】图层,放到分秒针上方并做剪贴蒙版。将图层透明度改为50,并调整羽化属性。

AI+PS制作毛玻璃UI图标(16)

给【时钟上】添加内阴影和渐变叠加。

AI+PS制作毛玻璃UI图标(17)

AI+PS制作毛玻璃UI图标(18)

AI+PS制作毛玻璃UI图标(19)

复制一层【时间上】然后放在下面,去掉效果模式,并且用创建剪贴蒙版和羽化和修改模式。看不到投影的变化,移动一下,或者Ctrl+t【时间上】拷贝图层利用键盘上下键看到变化。

AI+PS制作毛玻璃UI图标(20)

注意改一下混合模式。

AI+PS制作毛玻璃UI图标(21)

AI+PS制作毛玻璃UI图标(22)

还没人评论,快来抢沙发~

X