2.9 将当前文档导出为SVG文档 [Illustrator CC教程]

原文:http://coolketang.com/staticDesign/5a9799d317d00900358f113c.html

1. SVG是指可缩放的矢量图形,可让您设计激动人心的、高分辨率的网页图形页面。首先依次点击[文件 > 存储为]命令,打开存储为窗口。 


2. 点击[存储为]命令,弹出[存储为]窗口。 


3. 接着点击[保存类型]下拉框,弹出系统预设保存类型列表。 


4. 在弹出的保存类型列表中,选择所需的存储类型。 


5. 接着在[文件名]输入框内,输入文件的名称。 


6. 然后点击[保存]按钮,进入选项设置窗口。 


7. 点击[代码]按钮,可以提前预览矢量图形代码。 


8. 从打开的代码文档中可以看出,可缩放的矢量图形,其实是由代码来描绘的。点击关闭按钮,关闭预览窗口。 


9. 最后点击[确定]按钮,完成可缩放的矢量图形文件的输出。 


10. 使用键盘上的快捷键,离开系统界面,并切换至文档导出后所在的文件夹。 


11. 在文档上双击,使用记事本打开该文档。当然您也可以使用其它的纯文本编辑器。 


12. 在左上角的圆点处按下鼠标,然后滑动到右下角的圆点处,从而选择两点之间的所有代码。 


13. 然后依次点击[编辑 > 复制]命令,拷贝选择的代码。 


14. 


15. 点击键盘上的快捷键,离开记事本界面,并切换至网页设计软件。 


16. 点击网页选项,创建一个空白的网页文档。 


17. 依次点击[编辑 > 粘贴]命令,将刚刚复制的代码粘贴在相应的标签内。 


18. 


19. 接着依次点击[文件 > 保存]命令,保存新建的网页文档。 


20. 


21. 在[文件名]输入框内,输入网页的名称。 


22. 然后点击保存按钮,保存网页文件。 


23. 使用键盘上的快捷键,离开网页编辑界面,并切换网页所在文件夹。 


24. 使用鼠标双击网页文件,使用浏览器打开该网页,查看网页显示的效果,并结束本节课程。 




本文整理自:《Illustrator CC互动教程》,真正的 [手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载: https://itunes.apple.com/cn/app/id1005557436 ,或扫描本页底部的二维码。课程配套素材下载地址: 资料下载

互动教程列表,真正的手把手教学模式,点击或扫码下载:
Photoshop互动教程 Illustrator CC互动教程 Excel互动教程
互动教程 for Xcode9&Swift4 Swift4互动教程 iOS开发中的神兵利器
Photoshop Script互动教程[Ps脚本互动教程]



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李发展

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值