如何从Adobe Illustrator文件中提取PNG

我的图形/网页设计师给我留下了我网站的Adobe Illustrator文件。她说将图像提取为PNG很容易，因此我可以在HTML中使用它们。但是我不能轻易解决这个问题。

图像似乎是许多矢量图。我可以将它们与周围的艺术品分开，然后选择所有作品。但是，如何将所选内容另存为PNG文件？

顺便说一句：我正在使用Adobe Illustrator CS6。

1. 选择你想要的
2. Ctrl+ G（组选择）
3. Ctrl+ C（复制）
4. Ctrl+ N（新文件）
5. Ctrl+ V（粘贴）
6. File> Save for Web＆Devices，然后在.JPG到.PNG的右侧开关上，然后您还想取消选中.PNG选项下最底部的“剪切到Artboard”选项。

您可以使用脚本更快地完成此操作。我刚刚为Illustrator CS4创建了此js脚本。我希望CS6也能执行它。

1. 将下面的代码复制到扩展名为“ .jsx”的新文件中，然后保存。
2. 现在在AI中，选择要导出的内容（一次仅导出一个元素；如果需要，将多个元素分组）
3. 执行脚本（通过拖放或“文件/脚本/其他脚本...”）
4. 完成-导出的图片已保存到ai文件所在的文件夹中。

注意：

• 导出对象的位置将被四舍五入！所以保存时要小心

• 也适用于png24 ...只需将PNG8替换为PNG24

  function exportFileToPNG(dest, artBoardIndex)
  {
      var exportOptions = new ExportOptionsPNG8(); // or ExportOptionsPNG24
      var type = ExportType.PNG8; // or ExportType.PNG24
      var file = new File(dest + ".png");
  
      exportOptions.artBoardClipping = true;
      exportOptions.antiAliasing = true;
      exportOptions.transparency = true;
      exportOptions.qualitySetting = 72;
      exportOptions.saveMultipleArtboards = false;
      exportOptions.artboardRange = "" + artBoardIndex;
      app.activeDocument.exportFile( file, type, exportOptions );
  }
  
  function execute()
  {
      if (app.documents.length == 0)
      {
          alert('No document open', 'Error');
          return;
      }
  
      if (app.activeDocument.selection.length == 0)
      {
          alert('Nothing selected', 'Error');
          return;
      }
  
      var selectedStuff = app.activeDocument.selection[0];
  
      // snap position to pixels
      selectedStuff.position = [ Math.round(selectedStuff.position[0]), Math.round(selectedStuff.position[1]) ];
  
      // create temporary artboad for exporting
      var docRef = app.activeDocument;
      var rect = selectedStuff.visibleBounds;
  
      try
      {
          docRef.artboards.add(rect);
      }
      catch(e)
      {
          alert('Could not create Artboard as step of export.', 'Failure');
          return;
      }
  
      // determine destination
      var destFolder = docRef.path;
      if(destFolder == "")
          destFolder = Folder.selectDialog('Select the folder to export to:');
  
      if(destFolder)
      {
          try
          {
              exportFileToPNG(destFolder + "/" + docRef.name, docRef.artboards.length);
          }
          catch(e) {}
      }
  
      // delete temp-artboard
      docRef.artboards.remove(docRef.artboards.length - 1);
  }
  
  execute();
  

对我来说工作正常，到目前为止，我没有（更多）错误。但是备份事情不会造成伤害。

使用切片工具。

使用该工具创建切片，然后使用File-> Save for Web ...对话框（Ctrl-Shift-Alt S，Command-Shift-Alt S）导出切片。在对话框中双击您创建的切片，为它们指定一个合理的文件名。

确保选择了“导出”->“用户切片”，然后单击“保存”。选择一个目录（无论输出输出如何，我都希望使用“ scratch”文件夹。）Illustrator将在该文件夹中创建一个名为“ images”的目录，并且在其中将以您在“保存”中选择的格式定义的切片。对于Web屏幕。

保存为网络并确保未选择“剪贴画板”。这样就可以解决Adobe CC的问题，我不确定CS6是否具有此功能。

使用此命令Ctrl + Shift + Alt + S