Cómo extraer PNG de un archivo de Adobe Illustrator

Mi diseñador gráfico/web me dejó un archivo de Adobe Illustrator de mi sitio web. Ella dijo que sería fácil extraer las imágenes como PNG para poder usarlas en mi HTML. Pero no puedo resolver esto tan 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.

Si no está familiarizado con Illustrator, realmente debería volver al diseñador y pedirle que le entregue los elementos que puede usar.
@Scott: es extremadamente temperamental y no se siente dispuesta a trabajar con alguien que necesita archivos PNG en lugar de un archivo de Illustrator. Prefiero contratar a otra persona para que me extraiga las imágenes que volver a contratarla. Espero que realmente sea tan fácil como ella sugirió y que pueda hacerlo yo mismo rápidamente.
No uso Illustrator, así que no conozco el mejor enfoque. Pero si tuviera que extraer capas vectoriales de él, probablemente las copiaría y pegaría en un programa diferente (fireworks, photoshop) y usaría "Guardar para web".
Qué raro, ¿no especificaba su contrato en qué formato desea los activos? O al menos especificar el uso previsto. En cuyo caso se podría argumentar que es parte del contrato en otros casos no tan simple. Si solicitó activos de impresión, no es de extrañar que no haya obtenido imágenes PNG.

Respuestas (5)

  1. Selecciona lo que quieras
  2. Ctrl+ G(Selección de grupo)
  3. Ctrl+ C(Copiar)
  4. Ctrl+ N(Nuevo archivo)
  5. Ctrl+ V(Pegar)
  6. Archivo> Guardar para Web y dispositivos , luego, a la derecha, cambie .JPG a .PNG , luego también desea desmarcar en la parte inferior debajo de las opciones .PNG donde dice "Recortar a mesa de trabajo"
Un poco molesto, tengo que saber la resolución exacta o recortar el nuevo archivo. Pero por lo demás exactamente lo que estoy buscando. ¿Cómo puedo recortar?
En realidad, no parece fácil. ¿No hay forma de recortar en Illustrator? Todo lo anterior es excelente, excepto el paso 6, si guardo el archivo, obtengo el espacio en blanco (que es transparente al menos) alrededor del objeto que estoy tratando de guardar. No puedo adivinar fácilmente los píxeles antes de crear un nuevo archivo (¿hay alguna manera fácil?).
Encontré el ancho y el alto de una selección y puedo crear un nuevo archivo de ese tamaño. El diseño pegado no está centrado exactamente en ese nuevo lienzo, pero supongo que lo suficientemente cerca como para que me mueva fácilmente.
Edité la respuesta para explicar cómo hacer el recorte fácilmente. Avísame si eso te lo soluciona.
Para un usuario que no sea de Illustrator, esta es probablemente la mejor solución. Y estoy de acuerdo con el comentario anterior de que debería encontrar otro diseñador dispuesto a enviarle archivos con los que realmente pueda trabajar.
está en el menú en Objeto > Mesa de trabajo > Ajustar a los límites de la ilustración

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

  1. Copie el código a continuación en un nuevo archivo con extensión ".jsx", guárdelo.
  2. Ahora en AI, seleccione lo que se exportará (solo un elemento a la vez; agrupe varios si es necesario)
  3. Ejecute el script (arrastrando y soltando o Archivo/scripts/Otro script...)
  4. Listo: 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 hacer una copia de seguridad de las cosas no puede hacer daño.

¡Guau! Funciona perfecto.
Hice una idea general del código para facilitar la descarga: gist.github.com/koiyu/b53e3a186fb1158eb9b7 (NB cambió PNG8 a PNG24)

Usa la herramienta Rebanar.

Cree divisiones con la herramienta, luego use el cuadro de diálogo Archivo->Guardar para Web... (Ctrl-Shift-Alt S, Command-Shift-Alt S) para exportar las divisiones. 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->User Slices esté seleccionado y haga clic en Guardar. Elija un directorio (me gusta usar una carpeta 'borrador' para cualquier salida de exportación). Illustrator creará un directorio llamado 'imágenes' en esa carpeta y allí estarán los cortes que ha definido en el formato que eligió en Guardar Para pantalla web.

Guárdelo para la web y asegúrese de que "Recortar a mesa de trabajo" no esté seleccionado. Eso hará el truco para Adobe CC, no estoy seguro si CS6 tiene esta función.

use este comando Ctrl + Shift + Alt + S

¡Bienvenido a GD.SE! Esto guardaría la imagen completa, no solo las partes seleccionadas, ¿no?