Cómo extraer PNG del archivo Adobe Illustrator

Mi diseñador gráfico / web me dejó con un archivo de Adobe Illustrator de mi sitio web. Ella dijo que sería fácil extraer las imágenes como PNG para que pueda usarlas en mi HTML. Pero no puedo resolver esto muy fácilmente.

Las imágenes parecen ser muchos dibujos vectoriales. Puedo separarlos del arte circundante y seleccionar todas las piezas. Pero entonces, ¿cómo guardo esa selección como un archivo PNG?

Por cierto: estoy usando Adobe Illustrator CS6.

1. Selecciona lo que quieras
2. Ctrl+ G(Selección de grupo)
3. Ctrl+ C(Copia)
4. Ctrl+ N(Archivo nuevo)
5. Ctrl+ V(Pegar)
6. Archivo> Guardar para Web y dispositivos, luego, en el botón derecho, cambie .JPG a .PNG , luego también desmarque en la parte inferior debajo de las opciones .PNG donde dice "Clip to Artboard"

Podrías hacer esto más rápido con scripts. Acabo de crear este script js para Illustrator CS4. Espero que CS6 pueda ejecutarlo también.

1. Copie el código a continuación en un nuevo archivo con la extensión ".jsx", guárdelo.
2. Ahora en AI, seleccione lo que se exportará (solo un elemento a la vez; agrupe múltiples si es necesario)
3. Ejecute el guión (mediante arrastrar y soltar o Archivo / guiones / Otro guión ...)
4. Hecho: las imágenes exportadas se guardaron en la carpeta donde se encuentra el archivo ai.

NOTA:

• ¡La posición del objeto exportado se redondeará! Así que ten cuidado al guardar

• funciona también para png24 ... simplemente reemplace PNG8 por 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();
  

Funciona bien para mí y no tuve (más) errores hasta ahora. Pero respaldar las cosas no puede doler.

Usa la herramienta Slice.

Cree sectores utilizando la herramienta, luego utilice el cuadro de diálogo Archivo-> Guardar para Web ... (Ctrl-Shift-Alt S, Command-Shift-Alt S) para exportar los sectores. En el cuadro de diálogo, haga doble clic en los sectores que ha creado, dándoles un nombre de archivo razonable.

Asegúrese de que Exportar-> Segmentos de usuario esté seleccionado y haga clic en Guardar. Elija un directorio (me gusta usar una carpeta 'scratch' para cualquier salida de exportación). Illustrator creará un directorio llamado 'imágenes' en esa carpeta y allí estarán los sectores que haya definido en el formato que elija en Guardar Para pantalla web.

Guarde para la web y asegúrese de que "Clip to Artboard" no esté seleccionado. Eso hará el truco para Adobe CC, no estoy seguro si CS6 tiene esta función.

usa este comando Ctrl + Shift + Alt + S