甲虫课堂 > PS教程 >

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

204
7
点赞
收藏
发布时间:2021-03-10 12:21:07

效果图

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

草稿绘制,画稿画好之后,然后用AI开始画图形。

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

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

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

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

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

所有图层画好之后,可以将图形放在一起,并且调整好大小位置,使图标看着整体更协调。

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

下载毛玻璃图形,点击文件-脚本-其它脚本。 选中脚本的文件,点击打开,选择为psd格式并设置好路径导出。

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

将刚才导出的psd文件打开。

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

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

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

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

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

图像-模式,将模式改为RGB。

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

粉色形状颜色填充改为dab8f8。

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复制【文件纸】图层,放到【文件面】上方并做剪贴蒙版。

将图层透明度改为50,并调整羽化属性。

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

拷贝【文件面】图层,并修改颜色填充,然后调整图层模式为正片叠底。调整形状羽化,并针对【文件纸】做剪贴蒙版。

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

复制【文件纸】图层,去掉渐变叠加,修改填充色、图层模式、不透明度以及形状羽化,最后加上文字。

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

后续图标的做法类似,将【文件面】和【文件纸】样式分别拷贝粘贴到【短信上/下】。

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

复制【短信下】并针对【短信上】做剪贴蒙版,调整不透明度和形状羽化。

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

复制【短信下】并针对【短信上】做剪贴蒙版,并稍微往下放一点。然后调整颜色填充、模式、不透明度和形状羽化。最后加上文字。

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

将【文件面】和【文件纸】样式分别拷贝粘贴到【云朵/太阳】。

AI+PS制作毛玻璃质感UI图标(25)

拷贝【太阳】层,并放到【云朵】上方做剪贴蒙版,然后调整不透明度和羽化。

AI+PS制作毛玻璃质感UI图标(26)

拷贝【云朵】层,去除渐变叠加,并放到【太阳】上方做剪贴蒙版。然后设置颜色、模式、不透明度以及羽化。最后加上文字。

AI+PS制作毛玻璃质感UI图标(27)

分别拷贝【云朵/太阳】图层样式,粘贴到【夹子/纸张】。

AI+PS制作毛玻璃质感UI图标(28)

拷贝【纸张】层,并放到【夹子】上方做剪贴蒙版,然后调整不透明度和羽化。最后加上文字。

AI+PS制作毛玻璃质感UI图标(29)

拷贝【夹子】层,去除渐变叠加,并放到【纸张】上方做剪贴蒙版。然后设置颜色、模式、不透明度以及羽化。最后加上文字。

AI+PS制作毛玻璃质感UI图标(30)

新建一个背景图层,用一个大画笔,分别吸取紫色和蓝色,在画面里涂。然后滤镜-模糊-高斯模糊,并且将图层不透明度改为50。

AI+PS制作毛玻璃质感UI图标(31)

AI+PS制作毛玻璃质感UI图标(32)

AI+PS制作毛玻璃质感UI图标(33)

新建一个白色圆角矩形,并调整不透明度,然后加上投影样式。

AI+PS制作毛玻璃质感UI图标(34)

Ctrl+Alt+Shift+E盖印图层,并点击滤镜-Camera Raw滤镜。然后调整校准和效果。

AI+PS制作毛玻璃质感UI图标(35)

AI+PS制作毛玻璃质感UI图标(36)

AI+PS制作毛玻璃质感UI图标(37)

X