¿Cómo puedo exportar una imagen de la imagen de Illustrator en varios tamaños?

Soy nuevo en Adobe Illustrator y tengo una imagen de logotipo que necesito usar en 5 o 6 tamaños diferentes. La imagen del logotipo se creó en Adobe Illustrator, pero cuando trato de guardar la imagen en PNG o JPEG, lo que debería haber sido simple resulta ser muy complicado.

Entiendo que Adobe Illustrator quiere tratar la imagen como un cierto tamaño, y luego quiere multiplicar ese tamaño por un factor de escala de píxeles por pulgada para obtener el número real de píxeles que guarda. Tiene algunas opciones de factores de escala limitados que dan un conjunto muy limitado de tamaños de píxeles de salida resultantes.

Sin embargo, para muchos usos web, el usuario ya conoce las dimensiones de píxeles de salida que se necesitan. ¿Hay alguna manera de especificar el ancho o la altura del píxel del gráfico guardado que se necesita?

He visto sugerencias para exportar la imagen y luego usar Photoshop para cambiar su tamaño, pero eso da como resultado una calidad de imagen más pobre en comparación con la creación de la imagen final a partir de la imagen vectorial.

Archivo> Guardar para Web y luego ingrese las dimensiones en píxeles haciendo clic en la Image Sizepestaña a la derecha de la ventana Guardar para Web.

¿O no te estoy entendiendo correctamente?

Usar File → Save for Webe ingresar las dimensiones hará lo que buscas. Además, Illustrator utiliza la escala de vectores, por lo que los resultados son mejores que si hubiera intentado lo mismo en Photoshop: ingresar dimensiones que no coinciden con el documento en Photoshop significa que la imagen tendrá una escala de mapa de bits.

Tenga en cuenta que debe hacer clic en Aplicar después de cambiar las dimensiones, si está utilizando una versión de Illustrator anterior a CS6.

Ah, y hay una muy buena posibilidad de que quieras Convert to sRGBapagarlo: convierte destructivamente tu imagen del espacio de color actual a sRGB, haciendo que los colores cambien.

Cuando necesito admitir múltiples tamaños de píxeles, duplico y escalo el arte dentro del mismo archivo AI. Cada tamaño va en una mesa de trabajo separada del tamaño correcto. Adjunto el nombre de la placa con el formato de archivo que se exportará. Luego ejecuto un jsx que exporta cada mesa de trabajo y recoge el formato de archivo del nombre, usando la última configuración que ingresé para ese formato en ese archivo. Todo esto está en CS5.

Utilizo este flujo de trabajo para algunos logotipos, iconos y anuncios gráficos.

También puede crear un documento del tamaño apropiado en Photoshop (o enmarcar un área con guías) y luego Archivo> Colocar el arte vectorial.

Puede escalar el tamaño de la forma antes de renderizarla. Obviamente, escalar después de eso reducirá su calidad.

Siempre he usado esta técnica para logotipos con el fin de dar un control preciso sobre el tamaño, por ejemplo, obtener la línea base de los elementos de texto del logotipo en un límite de píxeles (una forma de sugerencia).

Una adición a este tema que encontré interesante para los diseñadores de aplicaciones móviles, es este script que crea activos de retina para iOS y Android en 1 clic.