Photoshop图标设计教程:制作半透明磨砂风格的图…

2021-03-21 16:01:44来源:ps爱好者 阅读 ()

新老客户大回馈,云服务器低至5折

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选中【文件纸】图层,添加渐变叠加。

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

Step 06 其他图标制作

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

也可以按着教程参数继续

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

Step 07 完善效果

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

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

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

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

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标

最终效果图

Photoshop图标设计教程:制作半透明磨砂风格的图标,毛玻璃图标


原文链接:http://www.psahz.com/ps_zhaopianchuli/27290.html
如有疑问请与原作者联系

标签:imgIEload模式PS属性

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Photoshop创意合成从人物头像中长出的花朵

下一篇:Photoshop制作立体感十足的舞者少女人像切割海报。Photoshop制作