AI切图教程：AI切图与PS有很多雷同之处

　　对于网页设计师而言，掌握网页切图技能无疑是踏入这一领域的基石，但切记，这仅是众多布局工具中的初级应用。

　　当前，几乎全部图文设计与排版软件都能生成HTML文件，成为网页布局的工具之一，如Word、Frontpage、以及被誉为“网页三剑客”的Dreamweaver、Fireworks、Flash，还有国际通用的设计工具PS、AI、Indesign、Coreldraw、Freehand等。显然，网页三剑客软件因其广泛应用而备受青睐。

　　然而，行业内部技术层次不齐，专业与非专业人士并存，故不强求面面俱到，精通一门亦属佳绩，但需理解各工具间的关联与转换。以切图为例，AI与PS间存在强大的互通性，这一特性在切图中尤为显著。

　　尽管网络上关于PS切图的教程俯拾皆是，但AI切图的资源却难觅踪迹。为此，笔者特将《AI切图教程：AI也能切图》一文发布于QQ空间，以供交流与学习。

应用软件工具：Adobe Illustrator CS4。目标是生成网页初步布局架构及<table>代码。

1. 打开AI软件及设计稿文件，根据布局、底色和用图进行切图前的分析规划，确定最佳切图策略及元素选择。
2. 利用位于AI工具栏中下部（需按住小按钮）的切片工具（切片选择工具）进行操作。
3. 对纯色或规则渐变底色进行处理；对LOGO和广告图片进行大切片。
4. 对文字区域进行切图，并通过参考线和数值调整确保精准。
5. 保存前需隐藏或删除非图片文字。
6. 选择“存储为WEB和设备所用格式”，并设置品质以平衡文件大小与清晰度。
7. 切片可存储为jpg、gif、png等格式，并可选择是否全部存储或仅指定部分。
8. 最终得到图片文件夹和html文件，需上传至网络空间以显示完整网页。
9. 使用Dreamweaver等工具可查看生成的<table>代码及网页效果。
10. 强调切图仅为网页制作的基础步骤，实际工作量因项目而异。
11. AI与PS切图方法相似，但掌握AI应用需一定基础。
12. 期待下一篇日志《AI打造完整PSD文件》的发布。