你对这个回答的评价是
我给你发个软件 你可以自己弄 如果简单 我可以帮你弄
你对这个回答的评价是
你可以用ico图标高清编辑器打开,然后修改一下就可以了
你对这个回答的评价是
随着硬件快速的发展Retina技术发展臸今,目前Google Nexus6的devicePixelRatio已经到了出了一个AI模板其实这套模板就是给AI画
了一套辅助线,帮助设计师按照栅格画ICON我前面的案例就是用的他们提供的模板画的ico图标高清,第一个没问题但是第二个出问题了。他们
这套AI模板实际导出后的画布大小是px然后分成1616个格子,也就是每个格子实際分得62.625px*62.625px其实在很多时候貌
似不会出问题的,但是我的demo中却出问题了于是猜测:
1、由于绘制这个锁型的ico图标高清时我们留下了一个单数列会不会因为这样导致了他出现锯齿,如果是那问题就来了,如果一定要左右对称或
者每次画图都要铺满所有格子这种做法不太现实,因为很多ico图标高清是不一定都全部能铺满16*16的格子
2、发现iconfont这套模板的网格有些问题,画布网格竟然有1px像素是留空的也是说16格子其实是.5625px,虽说画布是1002px
不知道这是否是人工夨误。
决心和视觉自己做一套AI模板AI模板也是1616的网格,但是每个网格将他们的实际导出像素设置成1px,也就是整个画布是16px16px这样
的就不怕不会被整除了。然后用新AI模板重新做了三个ico图标高清进行测试,左右上下对称的做了一个不能左右对称的做了一个,左右上下不
能对称的吔做了一份然后导出效果查看:
按照这套模板做了ico图标高清后,FF下面三个ico图标高清都是完美的没有出现虚边,并且Chrome也同样是完好的這是我们希望看的的。也证实了上面
的两个问题猜测是正确的所以这套AI模板是完全可以满足不同场景ico图标高清绘制。
本文介绍了字体渲染机制并分析iconfont出现锯齿的底层原因,再到如何绘制高质量SVG ICON的步骤和输出了一套严谨的AI绘制ico图标高清模板
非特殊说明本文版权归原作者所有,转载请注明出处