ICO 图标快速制作

news/2024/11/26 4:33:04/

前言

今天来为大家讲解下 ICO 图标的制作方法,ICO 是 Windows 的一种图标格式,一般呈现出图案的样式,但它并不单单是一张图案,它是一种存储多张图案、多尺寸、多色板的图标文件。一个 ICO 图标实际上是多张不同格式的图片集合体,并且还包含了一定的透明区域,下面我们来详解:
在这里插入图片描述
我们用 IcoFX 提取 Edge 浏览器的图标,然后打开(如上图),在虚线框里面,有256×256,64×64,48×48…等尺寸大小,根据不同的显示模式,这个图标会自动显示不同的尺寸图案,这样可以达到完美的显示效果,不同尺寸显示不同的图案,最重要的是抗锯齿效果,为了大家能更好的理解这种原理,下面我们来做一个图标!
在这里插入图片描述
不同的查看方式,显示这个图标内不同的尺寸图案(如上图)OK,原理给大家讲了,下面为大家讲下怎么制作这种图标。


所需工具

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

IcoFX

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

Adobe Photoshop

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


制作图片图标

我们来做一个试试,为了大家更容易上手,我们试试直接用图片做图标,用 IcoFX 打开你喜欢的那张图片
在这里插入图片描述
在首选框里面选择用图像创建图标,如果你的图片不是正方形的,那就选择裁剪,建议你在导入前先用 PS 将图片做成正方形的
在这里插入图片描述
图片导入 IcoFX 后,我们把 “应用调整到所有图层”勾选上
在这里插入图片描述
可以自定义圆角的大小和边缘大小
在这里插入图片描述
再加个阴影,看着更立体一点
在这里插入图片描述
制作完成后,保存到一个安全的位置,以防误删
在这里插入图片描述
之后我们就可以将其添加为 ICO 图标了。


制作常规电脑图标

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

以阿里巴巴矢量图标网为例,我们进入网站登录后在首页输入软件的名字搜索图标
在这里插入图片描述
选中喜欢的,点击下载按钮
在这里插入图片描述
然后根据自己的需要更改颜色及尺寸,这里需要注意,如果你要做的图标将用于电脑,那尺寸最低选择 256,如果你选的尺寸太小,会造成图标的大尺寸(256×256)图案缺失,导致图标过小!
在这里插入图片描述
下载后,我们将这个 PNG 直接拖到 IcoFX 里,或者在 IcoFX 里面选择“从图像创建 Windows 图标”
在这里插入图片描述
找到你下载的 PNG 图标,打开
在这里插入图片描述
不用做任何的修改,直接保存即可
在这里插入图片描述
保存到一个安全的位置,以防误删
在这里插入图片描述
然后我们就可以将它用在电脑任何的图标上了。


缩边处理

有些童鞋在转换图标后发现虽然做了 256×256 的图层,但图标显示的还是太小,那是因为你下载的 PNG 图案边缘空白太宽,导致图案显示区域过小(如下图 Q 图案离边缘太远,导致转换后图标显示过小)
在这里插入图片描述
我们需要做缩边处理,做图保存前,尽量把图案对齐到边缘,如果是从阿里巴巴矢量图库下载的 PNG ,在下载时尺寸尽量大于 300
在这里插入图片描述
然后在 PS 里面创建一个 256×256 的透明背景图像,将 PNG 图标拖进去,按键盘 Ctrl+T 对 PNG 进行缩放,保持图案边缘对齐,保存格式为 PNG 即可
在这里插入图片描述


下面是我做的一些简约版 ICO 图标,喜欢的话请拿走。
在这里插入图片描述
链接:https://pan.baidu.com/s/1yDXQKfABtEbnGsqtcd7Sug
提取码:1iuo


最后还是希望你们能给我点一波小小的关注。

奉上自己诚挚的爱心💖


http://www.ppmy.cn/news/584607.html

相关文章

ico小图标的下载及使用

ico的下载及使用 在网站 https://icomoon.io/ 中 第一步: 第二步 第三步:找到下载文件位置,解压缩 复制之后的位置: 第四步:打开解压之后的style.css文件,将字体图标的声明加入网页的层叠样式表中 font-face {f…

【华为OD机试 2023 Q1考试题 A卷】top前5的优秀学员统计

题目 公司某部门正在组织新员工每日打卡学习活动,他们开展这项学习活动已经一个月了,现在想统计下这个月优秀的打卡员工。 每个员工会对应一个 id, 每天的打卡记录记录当天打卡员工的 id 集合,一共 30 天。 请你通过代码帮助统计出…

《自然语言处理》复习

文章目录 第二章编辑距离求解英文字符串的编辑距离求解汉字编辑距离正则表达式[][^]|? * + .^ $举例常用第三章一阶马尔可夫过程马尔可夫模型隐马尔可夫模型(HMM)HMM涉及的三个基本问题评估前向算法后向算法预测维特比算法训练<

INDEMIND双目视觉惯性模组实时生成点云并保存点云图

双目惯性相机最开始是从VINS中了解到的&#xff0c;2018年VINS中推荐过Loitor视觉惯性相机&#xff0c;但是后来看到GitHub Issue中有人反映Loitor丢帧、无技术支持等问题&#xff0c;加之购入渠道非官方故未入手Loitor&#xff0c;浏览知乎时关注到Indemind的该款产品&#xf…

没有公网IP,自建网站如何让外网访问?

受创业潮影响&#xff0c;身边很多朋友都自己开公司创业了&#xff0c;作为一个IT行业从业者&#xff0c;我就莫名的开始忙起来了&#xff0c;因为掌握编程技术&#xff0c;朋友们经常找到我&#xff0c;让我帮他们做公司网站。但是存在一个无法回避的问题&#xff0c;就是我的…

服装批发软件有哪些?哪个服装批发软件比较好用?

装批发软件能辅助做服装批发生意的老板&#xff0c;解决库存管理、商品采购、记账对账、客户管理等难题&#xff1b;市面上的服装批发软件有很多&#xff0c;想要找到一款真实辅助自己轻松管帐、管进货、管出货、管商品&#xff0c;管库存的服装批发软件&#xff0c;是有一定困…

温州中小企业信息化:只穿合脚的鞋

信息化,温州企业源动力  贸易&#xff0c;信息化的切入点  在去温州的火车上&#xff0c;记者看见同车一位三十多岁的男乘客&#xff0c;一上车就迫不及待的从包里掏出DELL笔记本电脑&#xff0c;连接上GPRS无线网卡开始收邮件。后来记者通过和这位乘客聊天得知&#xff0c…

关于企业IT产品免费模式的思考

前言&#xff1a; 各位看官&#xff0c;下面你将看到的是一篇一万多字的文章&#xff0c;没有图片&#xff0c;也没有激动人心的新思想&#xff0c;有的只是一个做了很多年企业产品营销的老兵的一大堆絮絮叨叨和痴心妄想。 企业产品&#xff0c;又叫2B产品&#xff0c;单从这名…