AI制作一个简单的网页

6．点击面板右下方的ie图标，可以对将要输出的网页进行预览。一切就绪后点击"保存"按钮，在弹出的对话框中选择"html and image"输出。

7．下面回到illustrator中继续进行处理。为了作出"鼠标经过效果"（就是rollover效果，不知道怎么翻译才好，暂时先用这个吧），再次选择几个按钮，更改一下按钮的颜色。

8．然后选择file/save for web命令，首先不要忘记将图像尺寸调整到和第一次一样的大小，然后用"切片选择工具"同时选中所有按钮（按住shift键）。

9．优化完毕后，点击save进行输出，首先要把文件改一个名字，要不然会覆盖掉第一次输出的图像，比如第一次输出时文件的名称为index，那么第二次输出时不妨就叫indexover。然后在保存类型中选择"image only"，在最后一个选项中选择"selected slices"进行输出。

10．最后输出的文件应该大概和下面这张图片差不多。

FEVTE编注：更多 AI教程讨论及AI作品交流请到飞特论坛AI交流区:https://www.fevte.com/forum-52-1.htm