La mayoría de editores usamos Photoshop para hacer las portadas de esta página. O lo abrimos para editar una cara, hacer un banner, etc.
¿Pero qué hay de su hermano Illustrator? Parecen gemelos y en realidad lo son, ese cliché de gemelos opuestos q...
Sin embargo (los más perspicaces ya se habrán dado cuenta) no existen opciones para guardar en .jpg o .png, que son formatos de imágenes normales. ¿Cómo entonces guardamos nuestro archivo como imagen).
Para eso nos iremos a Archivo (File) > Exportar (Export) y nos abrirá un menú de tres opciones.
Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.
La primera opción es "Exportar para Pantallas" (Export for Screens) y sirve para guardar nuestro archivo para ser visto en pantallas de computador. En resumen, sirve para guardar en .png o .jpg. Si abrimos esta opción aparecerá una ventana que contendrá todos los artboards de nuestro proyecto y un panel de opciones a la derecha:
Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.
En el recuadro rojo aparecerán todos los artboards de nuestro proyecto por separado (en mi caso solo tengo uno). Aquí puedo seleccionar cuáles quiero guardar y cuáles no. También se le pueden dar nombres a cada artobard haciendo doble clic en el nombre.
En la barra de opciones en naranja puedo seleccionar también el rango de artboards a exportar, a qué carpeta los voy a exportar y en qué formato. La parte del formato la sugiero dejar quieta ya que si la hacemos grande puede quedar un archivo muy pesado y si la hacemos pequeña podemos perder calidad al pasarlo a una imagen.
Cuando ya estemos listos con las opciones le damos a "Exportar Mesas de Trabajo" (Export Artboard) y se guardarán las imagénes en la carpeta que hayamos determinado después de un corto proceso.
Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.
En la imagen anterior les muestro la misma imagen con formato diferente, teniendo un escalamiento (mostrado en el nombre del archivo con @#.#x) Vean que cuanto más grande la imagen, más pesada va a ser (Obviamente esta es una imagen pequeña y por eso no pesa casi).
La siguiente opción del menú Exportar es Exportar Como... (Export As...). Si le hacemos clic nos volverá a abrir una ventana de guardado. Le damos nombre al archivo y seleccionamos el tipo de archivo en el desplegable. Aquí además de .jpg y .png encontraremos muchísimas opciones más, teniendo la capacidad de elegir lo que más se nos acomode.
Debajo del desplegable tenemos una opción llamada "Usar Mesas de Trabajo" (Use Artboards) y permite guardar varios archivos cada uno conteniendo un artboard. Si no la seleccionamos se guardará una sola imagen que "unirá" todos los artboards en una imagen. Al seleciconarla, podemos guardar todos los artboards o elegir un rango que queremos guardar. Luego le damos al "Exportar" y se guardará.
La función Export As... tiene un pequeño problema y es con los artboards que tiene objetos en parte dentro y en parte fuera del artboard. Recordemos que Illustrator permite tener objetos por fuera de los artboards sin ocultarlos. Así que si los tiene y queremos usar esta opción tenemos que eliminar las partes por fuera (Veremos más adelante veremos métodos para esto). Si nos queremos ahorrar esto y vamos a guardar el archivo como .jpg o .png recomiendo mucho más la opción de Exportar para Pantallas.
La opción Guardar Para Web (Legado) (Save for Web (Legacy) ) es una opción que raramente se usa (por mi parte nunca la he usado) y sirve para guardar imágenes dirigidas primariamente para entornos web. Esto ayuda a guardarla con un menor número de colores, en formato GIF (no animado), etc. No suelo usarla, pero no varía mucho de la opción de Photoshop.
(Además no mamen, si dice "Legado" al lado del nombre es que ya casi no se usa).
Y eso es todo, ¡ya sabemos guardar nuestros archivos!
Tarea:
Realizar un diseño con formas que contenga más de un artboard. Guardar el archivo como .ai y como .png. Las imágenes (los .png) deben contener cada una un artboard diferente. Guardar además una que contenga todos los artboards en solo una imagen.
