我如何裁剪图像并在 AI 上选择它们并保存它们？

你不必裁剪。在 Adob​​e Illustrator 和 Photoshop 中，您都可以使用一种称为切片的技术从画板上提取 Web 图形。我将发布一些链接，以便您可以开始在 Illustrator 中进行切片。将网页切片成所需元素后，使用File > Save for Web & Devices...将一个或多个切片区域导出为您希望且可用的任何文件格式。

以下是一些有助于在 Illustrator 中学习切片的链接：

• http://help.adobe.com/en_US/Illustrator/14.0/（请参阅 Web 图形 > 切片和图像映射）
• http://rwillustrator.blogspot.com/2011/05/why-slicing-in-illustrator-still.html（阅读这里使用的切片方法，很棒！）
• http://vector.tutsplus.com/tutorials/web-design/use-adobe-illustrator-to-create-a-clean-website-layout/（从第 11 步开始）

另外我如何保存透明图像？

当您通过 Save for Web & Devices 在 Illustrator 中导出切片时，您将在保存窗口的右上角看到一个选项，允许您选择导出文件类型。那里的选项之一是PNG。这将在切片中显示白色画板背景的任何位置创建一个透明的 PNG 图像。如果任何不需要的图形挡住了画板背景，您必须通过在“图层”面板中找到它并单击其可见性（眼睛）图标来隐藏它。

关于 Illustrator 中的图层...单个图层中可能有许多形状。如果您试图暂时隐藏部分设计，您可能需要通过单击“图层”面板中其名称左侧的小箭头来展开图层，然后查找与您想要的形状图标/名称相匹配的形状图标/名称隐藏。