El Mundo de Adobe Illustrator

Por samt210300

9.1K 727 302

La mayoría de editores usamos Photoshop para hacer las portadas de esta página. O lo abrimos para editar una... Más

Bienvenida
Reglas
Estructura del curso
--- MÓDULO 1 ---
¿Qué es una imagen vectorial?: Vector en el diseño gráfico
Estructura de un vector: Curva de Bézier
--- MÓDULO 2 ---
Introducción a Adobe Illustrator
Creando un nuevo proyecto: Artboards y Capas
Formas I: Polígonos Básicos

Guardando nuestro trabajo

293 16 1
Por samt210300


Módulo 2: Bases de diseño en Adobe Illustrator

Clase 6:

Guardando nuestro trabajo

Ya empezamos a trabajar en nuestros diseños, ahora debemos guardarlos para la posteridad.

Illustrator permite (como muchos programas de edición) guardar sus proyectos en un formato único que solo este puede leerlo. Estos se guardan con la extensión .ai (de las siglas de Adobe Illustrator :v ). Este tipo de archivos solo los puede abrir Illustrator.

Para guardar nuestro proyecto vamos a Archivo (File) > Guardar (Save). Ahí se abrirá la pantalla de guardado de cualquier programa. Le damos un nombre, seleccionamos la carpeta donde queramos guardarlo y le damos al botón de Guardar. ¡Tan fácil como en cualquier otro programa!

Si vemos antes de darle a guardar, abajo del campo para color el nombre del archivo, hay un desplegable con las múltiples opciones que da Illustrator para guardarlo:

Todas las opciones de ahí van a guardar el archivo en algún formato vectorial. Es decir, si elegimos cualquiera de esas opciones, la calidad no se va a perder y puedo volver a abrirlo en Illustrator para seguir editarlo (la única excepción es el Adobe PDF porque uno puede dejarlo para que no sea editable). La mayoría de archivos, por ejemplo, en el internet de recursos de vectores (encontrados en páginas como freepik o pixabay) se encuentran en formato .svg o .eps, que son formatos vectoriales más generales y que (casi) todos los programas de edición vectorial pueden abrir.

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.

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:

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.

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.


  Sergio A. Mejía, "Sam"  

Seguir leyendo

También te gustarán

77.4K 7.6K 45
Izuku midoriya el noveno portador el one for all, después de haber derrotado a All for one y a Shigaraki Tomura, nuestro prota vive su vida normal ju...
36K 1.2K 8
"pov Jungkook es tu profesor pero harás que se enamore de ti" un profesor llega a una universidad con un pasado algo reservado Pero que solo una alum...
158K 12.6K 53
Park Jimin... Un chico pobre que solo está en busca de trabajo ya que su familia lo echaron de su casa por sexualidad y necesita encontrar un trabajo...
83.9K 5.7K 32
One shots de la Casa del Dragón [español] segunda parte.