自己简单制作电脑ico图标
- 格式:ppt
- 大小:53.00 KB
- 文档页数:10
如何制作清晰的ICO图标,PNG转ICO后为什么很模糊制作Windows平台的ICO图标一般有两种途径,一是直接使用专门的ICO编辑器软件制作,二是使用Photoshop之类的画图软件制作好带Alpha通道的PNG格式图片,然后使用在线工具或应用软件转换成ICO格式,但是如果操作不当,两种方法都可能会生成很模糊的ICO,下面我们就一同探讨下其中原因和解决方案。
1、ICO格式相关知识PNG格式图片可以是任意大小的,如100×123像素,512×512像素等等,但是ICO编辑器或转换器一般只支持几种固定大小的格式,它们是:16×16像素、24×24像素、32×32像素、48×48像素、64×64像素、96×96像素、128×128像素、192×192像素、256×256像素。
一个ICO图标文件可以包含多种大小的图片,如32×32像素、64×64像素,等等。
2、因大小不标准引起的模糊如果你的PNG图片是100×100像素或者300×300像素等非标准大小的,那么对不起,部分ICO软件把它转换成ICO格式时只能进行缩放,这样必然会导致失真。
本文来自亿度软件:3、因尺寸不全面引起的模糊我们都知道Windows桌面的图标和资源管理器里的图标是大小固定的(当然在Windows 7里面可以缩放),如果你的桌面图标大小设定的是30×30像素,而你自己制作的ICO图标仅有64×64像素这个尺寸的,那么可想而知,Windows在显示时会自动进行缩小,图标看起来就不那么平滑了,如果你制作的图标包含的尺寸很全面,既有32×32像素又有其它尺寸的,那么Windows会挑选最近最匹配的一个进行缩放,效果自然好多了。
4、因转换软件本身引起的问题部分转换软件本身设计有问题,或者支持的尺寸不全面,用它转换PNG到ICO,效果自然要大打折扣。
怎么做一枚清晰的icon我一直对小像素的东东充满恐惧,因为那些阴影高光不知道该怎么加加在哪里都搞不清。
如果不加这些一个16x16像素的小图标基本等于虚设并且很令人不舒服。
好在有百度大哥,在经过了3天纠结的日子后,我解决了其中的问题。
有幸看到本文章的人那大家可以试试。
我屡试不爽啊。
1.一定要用专门编辑ico的软件。
icon编辑器Axialis IconWorkshop不习惯英文的要用汉化的啊,我之前看过了一篇帖子有一个ico编辑器是英文版的,当然还是中文的好用啦。
2.对于时间比较紧的情况来说,熟悉一款陌生软件不是个好方法。
那还是从我们熟练的东西开始吧,用ps做好图标(注:最好做成256像素x256像素)因为电脑中的图标预览图是48x48像素的。
这个时候技术头儿会和你说你这个不行。
当然不行了。
一个16x16像素的东东非要用48x48像素来显示,失真是必须的。
哈哈哈哈。
Axialis IconWorkshop这个软件就可以很好的解决多个分辨率的问题。
一开始我没少费神对于一个23kb的16x16像素的图标和一个总是1.12kb的16x16像素来说,问题这不好找啊。
如果用在线ico编辑器的话你会明白我的痛苦的。
3.剩下的就是设计问题了,小东东最考验眼睛。
所以利用色彩的对比才能体现清晰啊。
一定要强烈对比啊,高明度和高对比度是利器啊。
实在不行就先模仿一下吧,你会有很大的收获滴~~~~~总结:做一个256x256像素的图标,存储为png透明图标,然后导入到Axialis IconWorkshop中生成ico图标。
完毕,就这么简单。
做icon没什么经验的我,借用了ai 的设计第一次完成了的icon是这样子的。
icon教程Icon是一个很常见的词汇,它可以指代许多不同的概念。
在计算机领域中,Icon通常描述的是一种小而简单的图像,用于表示一个应用程序、文件夹、文件或操作等等。
在本篇教程中,我们将介绍如何创建一个简单的Icon。
首先,我们需要一个绘图工具。
你可以使用任何你熟悉的绘图软件,如Photoshop、Illustrator或GIMP等。
打开你的绘图软件,并创建一个新的文档,大小为32x32像素。
这是一个常见的Icon尺寸,但你也可以根据需要调整大小。
接下来,选择一个形状来作为你的Icon的基本元素。
你可以选择方形、圆形、星形等等。
在这个教程中,我们将选择一个方形。
选择绘图工具中的矩形形状,并绘制一个32x32像素的方形。
然后,选择一个颜色来填充你的方形。
你可以选择任何你喜欢的颜色,也可以根据你的应用程序或文件的主题来选择一个合适的颜色。
使用绘图工具中的颜色选择器来选择一个颜色,并将其填充到你的方形中。
接下来,你可以给你的Icon添加一些细节。
你可以添加简单的形状、文字、图案或其他元素来丰富你的Icon。
注意要保持细节的简洁和清晰,因为Icon通常是小尺寸的,需要保持可读性和识别性。
最后,保存你的Icon。
选择一个适当的文件格式,如PNG或ICO,并将其保存到你的电脑上。
确保为你的Icon选择一个有意义的文件名,并将其保存在一个易于访问和找到的位置。
通过按照以上步骤进行,你可以很容易地创建一个简单的Icon。
当然,这只是Icon设计的基础,如果你想进一步提高你的设计水平,你可以学习更多关于配色、构图和图形设计等方面的知识。
关机ico格式-回复一个关机的图标(ico格式)是我们电脑中最常见的图标之一。
当我们需要关闭电脑时,单击屏幕右下角的Windows图标,可以看到一个表示关机的小图标。
这个图标代表着关机操作,让我们可以轻松地关闭电脑,同时也保证了我们电脑系统的正常运行。
那么,关机图标(ico格式)到底是如何制作出来的呢?接下来,我将一步一步回答这个问题。
首先,我们需要了解ico格式。
Ico格式是由微软公司设计的一种图标文件格式,主要用于Windows操作系统中。
它具有小巧、灵活、易用等特点。
Ico文件可以包含不同尺寸和颜色的图标,以满足用户在不同环境下的需求。
制作关机图标之前,需要明确图标的主题。
这里,我们以“关机”为主题,将设计一个具有表示关机功能的图标。
第一步,选择合适的图标编辑软件。
目前市面上有许多专业级图标编辑软件可供选择,如Adobe Illustrator、CorelDRAW等。
同时,也有一些简化的图标编辑工具,如Greenfish Icon Editor Pro、SoftOrbits Icon Maker等。
根据自身需求和能力,选择合适的软件进行操作。
第二步,绘制关机图标的形状。
在图标编辑软件中,我们可以使用绘图工具(如画笔、直线工具等)来绘制图标的基本形状。
根据关机主题,我们可以选择绘制计算机、电源按钮等形状。
考虑到Ico文件的特点,建议绘制多个尺寸的图标,以适应不同情况下的显示需求。
第三步,选择合适的颜色和色彩方案。
关机图标通常使用一些简单的颜色,如黑色、红色、绿色等,以传达关机的含义。
在选择颜色的同时,也要注意图标的可辨识度和视觉效果。
可以通过修改颜色、调整亮度等方式对图标进行优化。
第四步,添加图标的细节和文字。
为了使图标更加生动和富于表现力,我们可以添加一些细节,如阴影、纹理等。
同时,也可以在图标中添加文字,以进一步强调关机的含义。
在添加文字时,应考虑文字的字体、大小、位置等因素,以确保图标的可读性和美观度。
学会使用Illustrator制作精美的Logo教程Logo设计是品牌建设中至关重要的一环,一个精美而独特的Logo能够让人们对品牌产生强烈的记忆和认同感。
而Adobe Illustrator是一款专业的矢量图形设计软件,它提供了丰富的工具和功能,能够帮助我们轻松制作出精美的Logo设计。
接下来,我将为大家分享一些使用Illustrator制作精美的Logo的方法和技巧。
第一步:准备工作在开始制作Logo之前,我们需要进行一些准备工作,包括确定品牌的理念、定位以及目标受众等。
这些信息将有助于我们确定Logo的设计方向和风格。
第二步:创建新文件打开Illustrator软件,点击“文件”菜单,选择“新建”。
在弹出的对话框中,输入Logo的尺寸和分辨率等信息,然后点击“确定”创建新文件。
第三步:绘制基本形状选择“形状工具”(位于工具栏的左侧),比如矩形工具,点击并拖动鼠标来绘制一个矩形。
在绘制矩形时,可以按住Shift键来保持宽高比例不变,使图形更加准确。
同时,可以在右侧的属性面板中调整矩形的颜色和样式。
第四步:编辑和组合形状通过选择和移动形状,我们可以根据自己的设计需求进行调整。
在Illustrator中,可以使用“选择工具”来选择和移动形状,使用“直接选择工具”来调整形状的锚点和线条。
此外,还可以使用“形状生成器”工具来创建复杂的形状。
当需要将多个形状组合在一起时,可以使用“路径查找”工具来实现。
选中多个形状后,点击“窗口”菜单,选择“路径查找”,在弹出的面板中选择“合并”,就可以将它们合并为一个新的形状。
第五步:使用文本工具添加文字可以使用Illustrator的文本工具来添加文字元素。
点击工具栏上的“文本工具”,然后在画布上点击并拖动鼠标,创建一个文本框。
在文本框中输入所需内容,然后通过调整字体、大小、颜色等属性,使文字与Logo的整体设计风格相符合。
第六步:使用色彩和渐变通过调整填充和描边的颜色,我们可以为Logo添加丰富的色彩。
透明ICO桌面图标的制作方法
by:Leytton
虽然百度上有相关方法,但写得实在是。
咳咳,,,反正我以前是看不懂的。
今天自己想到的,也算是半原创吧,呵呵。
好,进入正题---->>>>>>>
原理:将透明的png格式图片转化成透明的ICO图标。
原素材png图片:
透明的png图片效果图:
Step1:
把需要的图片素材准备好.打开神器PhotoShop-->
文件-->新建(注意:背景内容选择透明)
Step2:
用PhotoShop处理好素材图片后,存储为png格式图片。
文件->存储为->png格式文件->确定(无)
若将该png图片放在桌面,将会看到其透明效果。
Step3:
百度一下:ico图标在线制作。
如图所示:
KO,可以做软件图标用啦~~~。
Windows7文件添加ico标志
时间:2011-06-14 15:55 来源:鲁大师下载作者:节能省电打印硬件检测(/help/hardsummary.htm)
用过windows系统的用户朋友对“资源管理器”不陌生吧,它是Windows 系统提供的资源管理工具,我们可以用它查看本台电脑的所有资源,特别是它提供的树形的文件系统结构,使我们能更清楚、更直观地认识电脑的文件和文件夹。
在Windows7系统中同样得到了改善,但是有些用户想让自己的“资源管理器”更加个性化,比如:加上一个小标志等,今天笔者教给大家一个添加一个标志的方法。
在进行之前,我们需要准备一些自己喜欢的.ico小图标,下面是具体的步骤。
1、打开运行窗口,输入“regedit”,打开注册表。
2、在注册表中找到“HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\explorer\Shell Icons ”。
3、找到右面窗口中,名称为4的选项,打开后写入自己想要的图标的完整路径。
4、保存,完成。
再看看自己的“资源管理器”的图标吧。
通过以上的操作是不是让自己的“资源管理器”更加个性,更加美观了,终于拥有一个独一无二的个性时尚的文件夹图标了。
利用Photoshop制作高清透明ICO图标
1/11
网上下载或者自己制作一张自己需要的高清图片,要求背景和主体要有明显的区别(便于编辑),下图以一张QQ图为例;
2/11
下载并安装Photoshop软件,用它打开下载的图片,选择工具栏中的“魔棒”工具;
3/11
用魔棒工具多次单击背景(主要上方的设置),将所有背景选中后右键单击,选择下拉菜单中的“选择反向”;
4/11
按快捷键“Ctrl+C”复制图像,或者选择编辑菜单下的“拷贝”;
5/11
按快捷键“Ctrl+N”复制图像,或者选择文件菜单下的“新建”;
6/11
在弹出的窗口中设置背景为“透明”,而后单击“确定”;
7/11
按快捷键“Ctrl+V”粘贴图像,或者选择编辑菜单下的“粘贴”;
8/11
选择文件菜单下的“存储为Web和设备所有格式”;
9/11
在弹出的界面中单击“存储”按钮(右上方可进行一些设置,但必须保证图片格式为GIF);
10/11
下载并安装perfecticon图标制作工具,用它打开刚才保存的GIF透明图片,设置图标样式,设置完成后单击保存即可生成.ico格式的图片;
11/11
下图的左侧是我将制作好的.ico格式的图标加载到自己编写的一个程序上的效果,右侧是QQ软件快捷方式;。
很多时候你在看一些网站时,在网址栏上显示一个logo,这是不是有什么认证呢,是不是只有有名气的所谓大网站才能有呢,其实不是的,虽然这个logo并不能做到百度优化的作用,但是也有一定的带动品牌价值的作用,那怎样让网站在网址栏里显示logo,而这个LOGO 的显示其实是程序中代码产生的,也就是ICO图标。
什么是ICO 图标?浏览器的网址栏上的标签,这是显示了一个小图标(图一显示)。
图标不单单出现在网址上,如果用户收藏了这个网站,这个图标还会出现在用户收藏夹里。
怎么制作ICO图标?拥有一张jpg,gif,png的图片就可以在线转换为ico格式。
因为ico格式图片比较特殊,一般软件(如Windows自带的画图、Photoshop等)都制作不了,只要结合就能制作。
第一步:是用Windows自带的画图Photoshop制作一个ico的原图,格式可以是jpg / gif / png ,大小大概在32×32像素,最好是16px×16px的,因为浏览器地址栏上显示的就是这个尺寸。
第二步:是将制作好的ico原图转换为ico格式,制作好后去一个可以在线转换ico 格式的网站(百度一下:ico在线转换或者可以下载一个转换软件进行处理)。
打开该网站后界面很清晰明了,将上面选定的图片导入“原始图像”,“目标尺寸”选择16*16,点击生成即可转换为ico格式图标文件,文件被自动命名为“favicon.ico”。
这样ico图标就制作完成了。
程序上传ico图标在网站上显示先将转换好的ico图标文件上传到站点FTP根目录。
然后在首页文件的标签内加上一段ICO站标代码,代码案例如下:(自己修改格式哦,被我空格了)网站是静态的,最后需要重新生成网站页面。
以上步骤完成后,地址栏也不一定会马上显示ico图标,只要正确操作了,一段时间在打开你网站就会看到ico图标了。
UI设计基础-icon图标设计我们今天来说一下基于布尔运算下怎么绘画设计一些icon图标,作为新手我们起初不应该起点太高,先不用自己设计图标,我们可以在网上找一下大师设计的图标进行临摹,等我们熟练掌握技巧以后再开始自己设计。
我们用网上的一张icon来做事例:就拿这张图片中的第一个小图标来演示首先第一步:分析图标:如图表示,图标放大后实际上是分为了两层,里边是一层外边一层,里边相对的比较简单,是一个圆环,不过在细节上我们要注意,里边的这个圆环在端口处是圆角,而不是有楞的边,外边的图形相对复杂一些,我们可以看成半圆环与正方形的结合.这里我们要注意的:在我们设计icon的时候要先确定它的边的像素,如这个临摹图就是4像素的.下面我们来说一下如何临摹一,外图绘制1,确定整体大小我们可以看得出来,这个icon实际上是一个圆形如图所示:我们查看它的信息,可以看到这个圆形的大小是44乘44的像素,这样我们就可以开始自己的临摹了.2,画外图层如图我们画一个44*44像素的圆:然后外层图形的宽当初我们看了是4像素,那么我们就可以再做一个小圆,让大圆与小圆之间的宽为4像素.当会出外图层大致轮廓后,我们知道,最开始外图层是由几个半圆环和矩形组成的,同样是查看半圆信息,其实是直径为22像素的圆,所以我们就可以先画出一个直径为22像素的圆.然后同样的步骤我们再在这个圆形当中做一个小圆,两个圆形的差距为4像素,最终的图形结果如图所示3,确定位置我们看临摹的原图,查看信息可以看出,上下两个圆的圆心是在一条直线上的,然后就是打圆环与小圆环之间的距离,他们其实是没有距离的,然后在布尔运算中,我们知道,这两个圆环其实应该是一个图层,下面我们就把这两个圆环的图层合并,得出来的效果图就是这样的.4,完成图形这个时候为了保证图形的规范我们要用到辅助线,下面是一个圆形了,我们看原图是有6个圆形的,下面我们可以用这种方法:首先将小圆的圆心移动到大圆圆心处,然后以最新的圆心为远点复制出六个圆,效果图如下.然后把没用的部分切掉,就成了最终的图形了.二,内图绘制绘制步骤跟外图一样,做一个圆环如图所示:然后就是缺口处的圆形切口,我们可以先用矩形工具绘制一个三角形,先切除一个有棱角的切口,如图所示:然后我们画一个4像素的小圆,盖在上面就形成了好了这个小图标基本也就完成了,从中我们将了一些特殊图形的绘制过程,当然这些过程都是在Photoshop上操作完成的,其中运用了很多布尔运算的原则,做icon图标如果我们是新手就要先从临摹别人的开始,当掌握了熟练的技巧以后再开始自己创造,这样是非常有效率的.本文档由承辉学院原创。