如何将AI做好的SVG图标转换成Web可用的+CSS

如何将AI做好的SVG图标转换成Web可用的+CSS,第1张

你直接另存为svg就可以,会生成一个xml文档,用编辑器打开,举例一下效果
在css中可设置一些效果和动画
<xml version="10" standalone="no">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 11//EN"
">

矢量图格式:(Ai)默认,(eps)格式。位图格式:(jpg)最常用,(bmp)质量比较高,(png)适用于透明背景。 *** 作方法如下:

1、首先找到illustrator的根目录,这里的版本是CS4。

2、然后点击打开之后,找到打开---打开我的素材。

3、然后我打开一个AI的素材,在右边找到图层。然后再上边点击释放到图层的选项。

4、然后自己设计的所有的图层,全部都是释放出来了,这时点击导出--找到psd格式的文件,保存一个文件。

5、最后把下边写入图层勾选上,点击确定就好了,把文件放到PS里还是有图层的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13342353.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-18
下一篇 2023-07-18

发表评论

登录后才能评论

评论列表(0条)

保存