Mein Grafik-/Webdesigner hat mir eine Adobe Illustrator-Datei meiner Website hinterlassen. Sie sagte, es wäre einfach, die Bilder als PNGs zu extrahieren, damit ich sie in meinem HTML verwenden kann. Aber ich kann das nicht so einfach herausfinden.
Die Bilder scheinen viele Vektorzeichnungen zu sein. Ich kann sie von der umgebenden Kunst trennen und alle Stücke auswählen. Aber wie speichere ich diese Auswahl dann als PNG-Datei?
Übrigens: Ich verwende Adobe Illustrator CS6.
Mit Scripting geht das schneller. Ich habe gerade dieses js-Skript für Illustrator CS4 erstellt. Ich hoffe, CS6 kann es auch ausführen.
HINWEIS:
funktioniert auch für png24... ersetzen Sie einfach PNG8 durch 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();
Funktioniert gut für mich und ich hatte bisher keine (mehr) Fehler. Aber ein Backup kann nicht schaden.
Verwenden Sie das Slice-Werkzeug.
Erstellen Sie Slices mit dem Werkzeug und verwenden Sie dann das Dialogfeld Datei->Für Web speichern... (Strg-Umschalt-Alt S, Befehl-Umschalt-Alt S), um die Slices zu exportieren. Doppelklicken Sie im Dialogfeld auf die Slices, die Sie erstellt haben, und geben Sie ihnen einen vernünftigen Dateinamen.
Stellen Sie sicher, dass Export->User Slices ausgewählt ist und klicken Sie auf Save. Wählen Sie ein Verzeichnis (ich verwende gerne einen „Scratch“-Ordner für jede Exportausgabe.) Illustrator erstellt in diesem Ordner ein Verzeichnis namens „images“ und darin befinden sich die Slices, die Sie in dem Format definiert haben, das Sie beim Speichern ausgewählt haben Für Web-Bildschirm.
Speichern Sie für das Web und vergewissern Sie sich, dass "Auf Zeichenfläche beschneiden" nicht ausgewählt ist. Das reicht für Adobe CC aus, ich bin mir nicht sicher, ob CS6 diese Funktion hat.
Verwenden Sie diesen Befehl Strg + Umschalt + Alt + S
Scott
bei.
Yisela
joojaa