Come estrarre i PNG dal file Adobe Illustrator

Il mio grafico / web designer mi ha lasciato con un file Adobe Illustrator del mio sito web. Ha detto che sarebbe facile estrarre le immagini come PNG in modo che io possa usarle nel mio HTML. Ma non riesco a capirlo troppo facilmente.

Le immagini sembrano essere molti disegni vettoriali. Posso separarli dall'arte circostante e selezionare tutti i pezzi. Ma allora come posso salvare quella selezione come file PNG?

Btw .: Sto usando Adobe Illustrator CS6.

1. Seleziona quello che vuoi
2. Ctrl+ G(Selezione gruppo)
3. Ctrl+ C(Copia)
4. Ctrl+ N(Nuovo file)
5. Ctrl+ V(Incolla)
6. File> Salva per Web e dispositivi, quindi con l'interruttore a destra .JPG su .PNG , quindi deseleziona anche in fondo alle opzioni .PNG dove è indicato "Clip to Artboard"

Potresti farlo più velocemente con gli script. Ho appena creato questo js-script per Illustrator CS4. Spero che anche CS6 possa eseguirlo.

1. Copia il codice qui sotto in un nuovo file con estensione ".jsx", salvalo.
2. Ora in AI, seleziona cosa deve essere esportato (solo un elemento alla volta; raggruppa più elementi se necessario)
3. Esegui lo script (tramite trascinamento della selezione o File / script / Altro script ...)
4. Fine: le immagini esportate sono state salvate nella cartella in cui si trova il file ai.

NOTA:

• la posizione dell'oggetto esportato verrà arrotondata! Quindi fai attenzione quando salvi

• funziona anche per png24 ... basta sostituire PNG8 con 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();
  

Funziona bene per me e non ho avuto (più) errori finora. Ma sostenere le cose non può far male.

Usa lo strumento Slice.

Crea sezioni usando lo strumento, quindi usa la finestra di dialogo File-> Salva per Web ... (Ctrl-Maiusc-Alt-S, Comando-Maiusc-Alt-S) per esportare le sezioni. Nella finestra di dialogo fai doppio clic sulle sezioni che hai creato, assegnando loro un nome file ragionevole.

Assicurati che l'opzione Esporta-> Fette utente sia selezionata e fai clic su Salva. Scegli una directory (mi piace usare una cartella 'scratch' per qualsiasi output di esportazione.) Illustrator creerà una directory chiamata 'immagini' in quella cartella e ci saranno le sezioni che hai definito nel formato che hai scelto sul Salva Per la schermata Web.

Salva per il web e assicurati che "Clip to Artboard" non sia selezionato. Questo farà il trucco per Adobe CC, non sono sicuro che CS6 abbia questa funzione.

usa questo comando Ctrl + Maiusc + Alt + S