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

效果图

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



教程步骤
在开始制作之前 , 我们可以先整体的观察一下毛玻璃作品的特征 。
Photoshop制作透明磨砂风格的图标教程



Step 01 绘制草稿
1.1 根据以上分析结果 , 我将这次案例定为手机应用图标 。 先进行简单的草稿绘制 。
Step 02 绘制形状
2.1 画稿画好之后 , 然后用AI开始画图形 。
2.2 图形绘制期间 , 如果发现造型可优化的地方 , 也可以立即修改 。
(1)信息图标
Photoshop制作透明磨砂风格的图标教程



(2)文档图标
Photoshop制作透明磨砂风格的图标教程



(3)邮件图标
Photoshop制作透明磨砂风格的图标教程



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



(4)天气图标
Photoshop制作透明磨砂风格的图标教程



2.3 所有图层画好之后 , 可以将图形放在一起 , 并且调整好大小位置 , 使图标看着整体更协调 。
Photoshop制作透明磨砂风格的图标教程



Step 03 安装插件
3.1 下载本教程提供的插件脚本并解压 。 然后点击文件-脚本-其它脚本 。
Photoshop制作透明磨砂风格的图标教程



3.2 选中脚本的文件 , 点击打开 。
Photoshop制作透明磨砂风格的图标教程



3.3 出现下面提示 , 点确定 。
Photoshop制作透明磨砂风格的图标教程



3.4 然后跳出导出面板 , 选择为psd格式并设置好路径导出 。
Photoshop制作透明磨砂风格的图标教程



Step 04 打开PSD文件
4.1 将刚才导出的psd文件打开 。
Photoshop制作透明磨砂风格的图标教程



4.2 然后点图层筛选器的形状 , 并且按shift选中所有图层 , 将透明度改为100 , 并Ctrl G编组 。
Photoshop制作透明磨砂风格的图标教程



4.3 然后关掉筛选器 , 将形状以外的所有图层删除 。 并且按图标含义编组 。
Photoshop制作透明磨砂风格的图标教程



Step 05 制作文件夹图标
5.1 图像-模式 , 将模式改为RGB 。
Photoshop制作透明磨砂风格的图标教程



5.2 粉色形状颜色填充改为dab8f8 。
Photoshop制作透明磨砂风格的图标教程



5.3 为第一个图标 , 【文件面】图层添加图层样式 。
Photoshop制作透明磨砂风格的图标教程



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



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



5.4 修改【文件底】的颜色填充 , 并对【文件面】右键-拷贝图层样式 , 对【文件底】右键-粘贴图层样式 。
Photoshop制作透明磨砂风格的图标教程



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



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

推荐阅读