Photoshop绘制金属质感的语音图标教程

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

Photoshop绘制金属质感的语音图标教程

这个是原图:

Photoshop绘制金属质感的语音图标教程

1、下面开始我的制作过程。为了后面的工作更加轻松便捷,所以我把新建的画布尺寸设成一个比较好计算的整数。

Photoshop绘制金属质感的语音图标教程

2、原图的背景过于简单,我画蛇添足,制作一个iOS风格的背景。新建一层纯黑色填充层。

Photoshop绘制金属质感的语音图标教程

3、新建一层,填充白色。执行“滤镜-杂色-添加杂色”,参数如图。

Photoshop绘制金属质感的语音图标教程

4、滤镜-模糊-动感模糊。

Photoshop绘制金属质感的语音图标教程

5、把这个动感模糊层的透明度调到45%。

Photoshop绘制金属质感的语音图标教程

6、复制一层,CTRL+T自由变化旋转90度,把透明度调回100%,图层混合模式改为“叠加”。

Photoshop绘制金属质感的语音图标教程

7、画布四周的“毛边”看着很不和谐,选中这两个动感模糊层,CTRL+T自由变化,放大一些,直至毛边不见为止,背景完成。

Photoshop绘制金属质感的语音图标教程

8、ctrl+r开启标尺,在标尺上右键选择百分比。按ALT+V+E快速布置水平和垂直两条处于中心位置的参考线。

Photoshop绘制金属质感的语音图标教程

 收藏