Photoshop制作透明磨砂风格的图标教程

效果图

1621483840-f8529b45020dc90

教程步骤

在开始制作之前,我们可以先整体的观察一下毛玻璃作品的特征。

1621483842-a7de40e0f2d376c

Step 01 绘制草稿

1.1 根据以上分析结果,我将这次案例定为手机应用图标。先进行简单的草稿绘制。

Step 02 绘制形状

2.1 画稿画好之后,然后用AI开始画图形。

2.2 图形绘制期间,如果发现造型可优化的地方,也可以立即修改。

(1)信息图标

1621483848-9bfd12995ea96d0

(2)文档图标

1621483845-648da3cde949a8e

(3)邮件图标

1621483843-693387ba3df3c0c

1621483855-ec1be6392369f62

(4)天气图标

1621483847-097e56d8110a8e5

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

1621483844-83b39c633b8e575

Step 03 安装插件

3.1 下载本教程提供的插件脚本并解压。然后点击文件-脚本-其它脚本。

1621483870-03f77591e215259

3.2 选中脚本的文件,点击打开。

1621483879-0cb3f0ca6238609

3.3 出现下面提示,点确定。

1621483850-393c40fe743b8fd

3.4 然后跳出导出面板,选择为psd格式并设置好路径导出。

1621483849-50c3e5e10997c59

Step 04 打开PSD文件

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

1621483881-d97b1b04ff6cf8e

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

1621483856-dc8009b5d4b74c6

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

1621483854-4559c2959928eb4

Step 05 制作文件夹图标

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

1621483874-b1987c83f2deb5c

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

1621483888-a76c280dc542346

5.3 为第一个图标,【文件面】图层添加图层样式。

1621483889-3887dfdf4b862ac

1621483875-ce5866e0f1119dc

1621483852-130c71771731865

5.4 修改【文件底】的颜色填充,并对【文件面】右键-拷贝图层样式,对【文件底】右键-粘贴图层样式。

1621483873-d798310aadc758c

1621483861-f7b990db8965281

5.5 选中【文件纸】图层,添加渐变叠加。

1621483880-7f98ad17fe7cfc6

5.6 Ctrl+J复制【文件纸】图层,放到【文件面】上方并做剪贴蒙版。

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

1621483886-c03834edaf0a810

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

1621483860-2268294939676e2

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

1621483851-2ba73d5a34a9cbf

教程做完才意识到图层命名错了┮?┭

应该是邮件的被命名成文件了,不过就酱叭不改了。

Step 06 其他图标制作

后续图标的做法和上述类似,大家可以尝试自己做完后面几个。

也可以按着教程参数继续

6.1 将【文件面】和【文件纸】样式分别拷贝粘贴到【短信上/下】

1621483869-fad64908b80ad78

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

1621483878-705180bb84ae64a

6.3 复制【短信下】并针对【短信上】做剪贴蒙版,并稍微往下放一点。

6.4 然后调整颜色填充、模式、不透明度和形状羽化。最后加上文字效果也做好啦。

1621483853-9127f8c631d9fbe

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

1621483867-0ee766a5eb26c2f

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

1621483868-9b8cbfa0d5f61d6

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

1621483862-3f713506c3d166c

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

1621483858-ccc246492f32b70

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

1621483865-1a058db70af5979

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

1621483864-2f9d37192d937ed

Step 07 完善效果

7.1 新建一个背景图层,用一个大画笔,分别吸取紫色和蓝色,在画面里一顿瞎涂。

7.2 然后滤镜-模糊-高斯模糊,并且将图层不透明度改为50。

1621483876-d09c82d391830ef

1621483871-d8cb1b99f1bdcf7

1621483866-cb720cbd640198a

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

1621483872-2e77871879c5d6d

7.4 Ctrl+Alt+Shift+E盖印图层,并点击滤镜-Camera Raw滤镜。

7.5 然后调整校准和效果,这样整个图标就做好啦。

1621483877-25b80fd51e529e6

1621483859-3184d1ed13b7d6c

最终效果图

1621483840-f8529b45020dc90

温馨提示:如果发现分享VIP资源我们将取消会员资格

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好素材或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的素材、教程、插件等等其他资源,都不包含技术服务 请大家谅解!
5. 如有链接无法下载、失效或广告,请点击后面字体→到投诉版块区举报,可领回失去的金币,并额外有奖!
6. 如遇到加密压缩包,默认解压密码为"www.vscops.com",如遇到无法解压的请联系管理员!
---------------DMCA-版权申明------------
》资源下载链接由会员自发搜集于网络,仅供学习与参考,不得以任何方式用于商业用途,如需商用请联系版权拥者取得商业授权!
》本站非常重视知识产权,如有侵犯任何第三方权益,请及时联系(Email:1368484210@qq.com),我们将及时予与删除。

摄视觉 » Photoshop制作透明磨砂风格的图标教程