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

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

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

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

所需工具

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

IcoFX

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

Adobe Photoshop

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

制作图片图标

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

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

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

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

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

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

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

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

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

制作常规电脑图标

制作图标需要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图标制作方法 详细教程你一学就会相关推荐

  1. Tomcat修改favicon.ico图标,Linux下Tomcat修改favicon.ico图标,Tomcat更换favicon.ico图标...

    Tomcat修改favicon.ico图标,Linux下Tomcat修改favicon.ico图标,Tomcat更换favicon.ico图标 >>>>>>> ...

  2. 网站ico图标不显示?网站ico图标引用的方法

    网站ico图标不显示?网站ico图标引用的方法 将favicon.ico图标放入网站根目录 在页面中加入以下代码 <link rel="shortcut icon" href ...

  3. 怎么设置计算机开机顺序,教你设置电脑开机程序启动顺序的详细教程

    设置电脑开机程序启动顺序 大家对于U盘重装系统已经并不陌生,而其中最重要的一个步骤,就是在bios里面设置开机启动项.而今天小编要给大家介绍到的就是关于电脑开机时,系统内软件的启动顺序设置,想必还有不 ...

  4. 【抖音小游戏】 Unity制作抖音小游戏方案 最新完整详细教程来袭【持续更新】

    前言 [抖音小游戏] Unity制作抖音小游戏方案 最新完整详细教程来袭[持续更新] 一.相关准备工作 1.1 用到的相关网址 1.2 注册字节开发者后台账号 二.相关集成工作 2.1 下载需要的集成 ...

  5. ios系统苹果手机进行电脑微信双开方法详细教程

    前言: 关于电脑端微信双开,网上有很多教程了,要实现这一点目前并不是难事.但是有一个问题是,电脑端微信打开多个登录界面后,其流程一般为分别用手机上登录了两个或多个的微信扫码登录.苹果手机目前(2021 ...

  6. 台式计算机用u盘给电脑安装系统,台式机用u盘装系统 电脑店给台式机装系统详细教程...

    台式机用u盘装系统 电脑店给台式机装系统详细教程 更新时间:2016-01-23 编辑:jcwl2015 电脑店教您怎么用U盘装系统,详细的图解和视频教程,并提供专业的U盘启动工具.一键完成U盘装系统 ...

  7. 软碟通制作自启动U盘并安装CentOS7系统详细教程

    软碟通制作自启动U盘并安装CentOS7系统详细教程 最近连续加班三周,感觉身体被掏空,今天终于闲下了,发一个我工作中遇到的小坑,希望帮助博友们轻松跨过! 一.软碟通制作U盘 首先附上软碟通工具下载地 ...

  8. php调用美图接口,网易美图 API 接口调用与请求方法详细教程

    原标题:网易美图 API 接口调用与请求方法详细教程 网易美图 API 接口在网上已经很多且大都封装成了 API 供别人调用.支持前台跨域请求,以POST方式提交图片即可.网易美图 API 接口会随机 ...

  9. PHP的swoole扩展安装方法详细教程

    这篇文章主要为大家分享了PHP的swoole扩展安装方法详细教程,具有实用性和参考价值,感兴趣的小伙伴们可以参考一下 Swoole支持PHP 5.3.10以上版本,所以安装Swoole之前请先安装PH ...

  10. oracle网络加载错误怎么解决,Oracle加载数据库错误解决的方法详细教程

    今天小编给大家分享一篇关于Oracle加载数据库错误解决的方法详细教程,感兴趣的朋友跟小编一起来了解一下吧! 注意:安装时要保证Oracle安装目录不能带有中文字符 (如果第一次安装出现"加 ...

最新文章

  1. 人工智能技术给教育行业带来哪些主要影响?
  2. Python之tushare:tushare库的简介、安装、使用方法之详细攻略
  3. uniny 物体运动到一个点停止_Unity3D中的逐点运动
  4. Erlang消息传递-tut15.erl
  5. 2014年科目三智能化考试十大必知事项
  6. VS Code 新扩展,面向 Web 开发人员调试 DOM
  7. 技巧 | 数据有缺失值情况下的一个处理方法
  8. python作业atm_python完成ATM(分目录)
  9. 有哪些指标可以描述两个图(graph)的相似度?
  10. java中的serializable_Java中的Serializable浅谈,只是浅谈
  11. robocopy 备份_Windows 7系统强大的复制命令robocopy的操作方法介绍
  12. SketchUp 有哪些实用的插件?
  13. 2021 年最佳开源软件榜单出炉
  14. go fyne 跨平台开发框架 gui 编程 抖音下载 去水印编程 学习交流
  15. 微信开放平台扫码登录
  16. Win10客户端 ssh 远程连接 win server 2008 R2服务器
  17. 农历阳历转换 java_Java编程实例:Java版农历和阳历转换源码
  18. 面试之算法知识点总结
  19. 数据库范式1NF 2NF 3NF详细阐述
  20. 本野桂 出任索尼中国专业系统集团总裁

热门文章

  1. matlab/simulink中带参数的S-Function(S函数)的写法
  2. 业务层——跨越边界传输数据
  3. 关于DNF的多媒体包NPK文件的那些事儿(5)- IMG文件里的指向型索引项(指向帧)的深度与有向环检测
  4. 电商扣减库存_电商后台产品经理宝典
  5. 常见设计规范与 Sketch 源文件下载集合
  6. 2022年五一数学建模C题讲解
  7. DOS MASM 安装
  8. 社区养老管理系统开发满足老年人多样化、多层次的需求
  9. quartus联合仿真步骤
  10. 基于stc15f2k60s2芯片单片机编程(按键控制)