Photoshop制作精致的白色透明的ico图标

是不是很好奇哪些应用软件的图标是怎么做出来的呀?其实我们也可以自己动手DIY哟,不仅充满了乐趣,还可以让自己的电脑与众不同,下面就来跟小编我一起学习制作ico图标吧~

Photoshop制作精致的白色透明的ico图标_第1张图片

步骤

1、首先,我们需要在网上找一些ico图标的素材,尽量找一些图片构成比较简单的图标,以免为自己带来太多后期处理的麻烦。

Photoshop制作精致的白色透明的ico图标_第2张图片

2、打开Photoshop CS6,点击文件→打开

Photoshop制作精致的白色透明的ico图标_第3张图片

3、选择一个自己喜欢的图标,然后点击打开

Photoshop制作精致的白色透明的ico图标_第4张图片

4、点击工具栏左侧的裁剪工具

Photoshop制作精致的白色透明的ico图标_第5张图片

5、对图片经行裁剪,只留下白色部分即可,然后点击上方的小勾,提交当前裁剪操作。

Photoshop制作精致的白色透明的ico图标_第6张图片

6、点击左侧工具栏的魔棒工具

Photoshop制作精致的白色透明的ico图标_第7张图片

7、找到右侧工具栏的图层,双击图层进行解锁

Photoshop制作精致的白色透明的ico图标_第8张图片

8、然后点击图片中的黑色部分,可以看到黑色部分周围出现了虚线框

Photoshop制作精致的白色透明的ico图标_第9张图片

9、单击键盘上的Backspace键,这部分就被删去了,剩下的为透明的背景。

Photoshop制作精致的白色透明的ico图标_第10张图片

10、按照同样的方法把图片剩余的黑色部分也去掉,变成透明背景。

Photoshop制作精致的白色透明的ico图标_第11张图片

11、点击文件→存储为web所用格式。

Photoshop制作精致的白色透明的ico图标_第12张图片

12、选择”PNG-24”,然后点击”存储”。

Photoshop制作精致的白色透明的ico图标_第13张图片

13、选择合适的路径,命名文件后,点击“保存

Photoshop制作精致的白色透明的ico图标_第14张图片

14、点击“”确定“”

Photoshop制作精致的白色透明的ico图标_第15张图片

15、接下来打开IcoFX

Photoshop制作精致的白色透明的ico图标_第16张图片

16、单击文件→

Photoshop制作精致的白色透明的ico图标_第17张图片

17、选择刚才保存的文件,单击“打开

Photoshop制作精致的白色透明的ico图标_第18张图片

18、点击“从图像创建一个图标

Photoshop制作精致的白色透明的ico图标_第19张图片

19、选择“256×256-32

Photoshop制作精致的白色透明的ico图标_第20张图片

20、点击文件→另存为,保存图标,ico图标就制作好啦!

Photoshop制作精致的白色透明的ico图标_第21张图片

21、来用一下吧~

Photoshop制作精致的白色透明的ico图标_第22张图片

22

Photoshop制作精致的白色透明的ico图标_第23张图片

23、大功告成!

Photoshop制作精致的白色透明的ico图标_第24张图片

24、也可以改变图标的颜色,选择“油漆桶工具

Photoshop制作精致的白色透明的ico图标_第25张图片

25、单击“设置前景色”,选择自己喜欢的颜色

Photoshop制作精致的白色透明的ico图标_第26张图片

26

Photoshop制作精致的白色透明的ico图标_第27张图片

27

Photoshop制作精致的白色透明的ico图标_第28张图片

28、右键图层→混合选项

Photoshop制作精致的白色透明的ico图标_第29张图片

29、还可以设置斜面和浮雕、等高线、内阴影、内发光、外发光、投影等使图标变得立体。然后保存就可以啦

Photoshop制作精致的白色透明的ico图标_第30张图片

注意事项

找不到合适的白色图标也可以使用彩色的,按照后面的步骤使用“油漆桶工具”把颜色改一下就可以啦

教程结束,以上就是Photoshop制作精致的白色透明的ico图标方法介绍,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!

你可能感兴趣的:(Photoshop制作精致的白色透明的ico图标)