AI制作一个简单的网页(2)

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

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

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

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

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