Come estrarre i PNG dal file Adobe Illustrator


13

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.


Se non hai familiarità con Illustrator, dovresti davvero tornare dal designer e chiedere la consegna degli articoli che puoi utilizzare.
Scott,

@Scott - è estremamente temperante e non si sente disposta a lavorare con qualcuno che ha bisogno di file PNG anziché di un file Illustrator. Preferirei assumere qualcun altro per estrarre le immagini per me piuttosto che assumerla di nuovo. Spero che sia davvero facile come ha suggerito e posso farlo da solo in fretta.
a.

Non uso Illustrator, quindi non conosco l'approccio migliore. Ma se dovessi estrarre livelli vettoriali da esso probabilmente li copiavo e copiavo in un programma diverso (fuochi d'artificio, Photoshop) e usavo "Salva per web".
Yisela,

È strano che il tuo contratto non specifichi in quale formato desideri le risorse? O almeno specificare l'uso previsto. Nel qual caso si potrebbe sostenere che la sua parte del contratto in altri casi non è così semplice. Se hai chiesto risorse di stampa non è davvero sorprendente che non otterrai immagini PNG.
joojaa,

Risposte:


18
  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"

1
Un po 'doloroso, devo conoscere la risoluzione esatta o ritagliare il nuovo file. Ma per il resto esattamente quello che sto cercando. Come posso ritagliare?
a.

In realtà, non sembra facile. Non c'è modo di ritagliare in Illustrator. Tutto quanto sopra è eccezionale tranne il passaggio 6, se salvo il file, ottengo lo spazio bianco (che è almeno trasparente) attorno all'oggetto che sto cercando di salvare. Non riesco a indovinare facilmente i pixel prima di creare un nuovo file (c'è un modo semplice?).
a.

Ho trovato la larghezza e l'altezza di una selezione e posso creare un nuovo file di quelle dimensioni. Il design incollato non è centrato esattamente su quella nuova tela, ma abbastanza vicino da potermi muovere facilmente, immagino.
a.

Modificata la risposta per spiegare come eseguire facilmente il ritaglio. Fammi sapere se questo lo risolve per te.
Ryan

2
si trova nel menu Oggetto> Tavola da disegno> Adatta a
rilegatura grafica

5

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.


Woah! Funziona perfettamente
Dennis G,

È stata fatta una sintesi del codice per un download più semplice: gist.github.com/koiyu/b53e3a186fb1158eb9b7 (NB ha cambiato PNG8 in PNG24)
Jari Keinänen

2

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.


0

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.


-2

usa questo comando Ctrl + Maiusc + Alt + S


Benvenuto in GD.SE! Ciò salverebbe l'intera immagine, non solo le parti selezionate, no?
Brendan,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.