计算机图标制作教程,电脑主题ICO图标制作方法 详细教程你一学就会

今天来为大家讲解下ICO图标的制作方法,ICO是Windows的一种图标格式,一般呈现出图案的样式,但它并不单单是一张图案,它是一种存储多张图案、多尺寸、多色板的图标文件。一个ICO图标实际上是多张不同格式的图片集合体,并且还包含了一定的透明区域,下面我们来详解:

02a166bbe570b3686e97b395e92a3485.png

我们用IcoFX提取Edge浏览器的图标,然后打开(如上图),在虚线框里面,有256×256,64×64,48×48…等尺寸大小,根据不同的显示模式,这个图标会自动显示不同的尺寸图案,这样可以达到完美的显示效果,不同尺寸显示不同的图案,最重要的是抗锯齿效果,为了大家能更好的理解这种原理,下面我们来做一个图标!

aa9830905833a6b428e68ed615bcf0ea.gif

我们在这个图标不同的尺寸上写上不同的数字,然后更换到一个快捷方式上面,试试效果:

21f03b819c00b813878d2dd45d1a85d5.gif

不同的查看方式,显示这个图标内不同的尺寸图案(如上图)OK,原理给大家讲了,下面为大家讲下怎么制作这种图标。

所需工具

制作肯定要用到图标制作软件了,下面为大家推荐:

IcoFX

IcoFX是一款专业的的图标编辑工具,并且完全免费。你可以用它轻松创建各种图标,还可以提取软件图标,转换图标等等!

Adobe Photoshop

Photoshop,这个就不用我介绍了吧,如果你想自己动手做一些漂亮的图标,那就要用到它了。

制作图片图标

我们来做一个试试,为了大家更容易上手,我们试试直接用图片做图标,用IcoFX打开你喜欢的那张图片(如下图)

45a149e165d9f434a2aecd431566db74.png

在首选框里面选择用图像创建图标,如果你的图片不是正方形的,那就选择裁剪(如下图)建议你在导入前先用PS将图片做成正方形的

5a67123bb2878927055af9b620791240.png

图片导入IcoFX后,我们把 “应用调整到所有图层”勾选上(如下图)

58ee9db338e8de176ae2eecfb1e8563b.png

然后调整下样式,比如做一个圆角(如下图)

ce0c51f9c1628bdb5e16848e0968a2b1.png

可以自定义圆角的大小和边缘大小(如下图)

1b768fb9c94142ac5af7ac25c14641da.png

再加个阴影,看着更立体一点(如下图)

f45f3567abbf0e0f32472eabf55f534c.png

制作完成后,保存到一个安全的位置,以防误删(如下图)

a0e4c40913d205987785ddeca5c8dff2.png

我们把它换到快捷方式上试试看效果(如下图)

3614b5888e8377a533f27554bf4314c4.gif

上面是用图片制作图标,下面我们来做一些常规的图标:

制作常规电脑图标

制作图标需要PNG格式的图片,我们可以用PS制作,如果你的做图功底不太高,可以直接下载PNG格式的图标进行转换,我们推荐以下图标网站:

https://www.iconfont.cn

https://www.easyicon.net

以阿里巴巴矢量图标网为例,我们进入网站登录后在首页输入软件的名字搜索图标(如下图)

6118977ed61edc8c3aa5a81fcc33d960.png

选中喜欢的,点击下载按钮(如下图)

44e2d6527026577bf86b88b800ea8f4f.gif

然后根据自己的需要更改颜色及尺寸(如下图),这里需要注意,如果你要做的图标将用于电脑,那尺寸最低选择256,如果你选的尺寸太小,会造成图标的大尺寸(256×256)图案缺失,导致图标过小!

c9b31f277902e4461735688c0e798c33.png

下载后,我们将这个PNG直接拖到IcoFX里,或者在IcoFX里面选择“从图像创建Windows图标”(如下图)

b5cbbb8eed08939ecf8d78fafbd674f3.png

找到你下载的PNG图标,打开(如下图)

800c64034e486f250869820dfd0eb081.png

不用做任何的修改,直接保存即可(如下图)

be38bc6b70dfb323f9525558bb75fb64.png

保存到一个安全的位置,以防误删(如下图)

208f0beeb1134bedeb67c34194a6a4fe.png

然后我们就可以将它用在电脑任何的图标上了。

缩边处理

有些童鞋在转换图标后发现虽然做了256×256的图层,但图标显示的还是太小,那是因为你下载的PNG图案边缘空白太宽,导致图案显示区域过小(如下图Q图案离边缘太远,导致转换后图标显示过小)

683b8c53fd124326c0be33f9fc553c07.png

我们需要做缩边处理,做图保存前,尽量把图案对齐到边缘,如果是从阿里巴巴矢量图库下载的PNG,在下载时尺寸尽量大于300(如下图)

84388170c69787476ccb0921492c4653.png

然后在PS里面创建一个256×256的透明背景图像,将PNG图标拖进去,按键盘Ctrl+T对PNG进行缩放,保持图案边缘对齐,保存格式为PNG即可(如下图)

619162db82bfed549172b0999667f83d.png

我转换的一些图标:

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值