D 1.

INTRODUCCIÓN A ILLUSTRATOR CC

1.1. ¿QUÉ ES ILLUSTRATOR?

Illustrator CC es una herramienta desarrollada por Adobe, con la que

podremos crear y modificar dibujos basados en gráficos vectoriales. Illustrator
es una de las preferidas de los diseñadores gráficos, publicistas, impresores y
todos aquellos que tienen que trabajar con ilustraciones, logotipos, etcétera.

Puedes descargarte de forma gratuita una versión de 30 días de prueba del

programa desde la web de Adobe. Así podrás seguir este curso fácilmente.

Nota: Los logotipos de Illustrator son propiedad de Adobe Systems

Incorporated, así como las marcas registradas Adobe, Illustrator, CC entre
otras. Minpe no tiene ninguna relación con Adobe.

Para entender cómo funciona este programa, lo primero es entender qué es

un gráfico vectorial, y que diferencia existe con los gráficos basados en mapa
de bits.

¿Qué es un mapa de bits?

Las imágenes de mapa de bits, también conocidas como imágenes ráster,

están compuestas por puntos individuales denominados píxeles, dispuestos y
coloreados de formas diversas para formar un patrón. Si aumenta el tamaño
del mapa de bits, también aumentará el número de píxeles individuales,
haciendo que las líneas y las formas tengan un aspecto dentado, dando la
sensación de ver los píxeles. En la siguiente imagen, puedes ver el efecto de
aumentar el tamaño de la imagen de la izquierda.
 La reducción del tamaño de un mapa de bits distorsiona la imagen original,
ya que se eliminan algunos píxeles para reducir el tamaño de la imagen, lo que
hace que se pierda información.

En el ejemplo vemos que al reducir la imagen, se han perdido píxeles, y ya

no se muestra el dibujo de la malla. Si esto lo hacemos desde un editor, y
guardamos la imagen, estos píxeles no se recuperan ni volviendo a aumentar
la imagen, por lo que hemos perdido calidad.

El color y la forma de una imagen de mapa de bits aparece regular si se

observa a distancia, puesto que cada píxel tiene un color propio, puede
crearse efectos de realismo fotográfico tales como el sombreado y el aumento
de la intensidad de color.

Debido a que las imágenes de mapa de bits forman conjuntos de píxeles

ordenados, sus distintos elementos no se pueden manipular (por ejemplo
mover) de forma individual.

Se basan en mapa de bits los formatos de imagen más habituales, como

el jpg, png o gif que encontramos constantemente en la web.

1.2. NOVEDADES EN ILLUSTRATOR CC

Con respecto a versiones anteriores, Illustrator CC cuenta con una enorme

cantidad de novedades y mejoras. Entre las más importantes están.

Ventana Nuevo Documento renovada. Ahora la ventana para crear

documentos nuevos da acceso fácil a plantillas preestablecidas, plantillas de
Adobe Stock o las que tengamos guardadas en nuestra nube de Creative
Cloud.
 Nuevas plantillas con ajustes preestablecidos. Ahora tenemos un catálogo
de plantillas con parámetros preestablecidos más amplio para trabajar de
inmediato.

Personalización del entorno de trabajo. Nuevas opciones para optimizar la

interfaz de Illustrator.

Relleno de texto falso. Los objetos de texto pueden rellenarse con texto falso
para tener una previsualización rápida de resultados.

Previsualización dinámica de fuentes. Esta características nueva nos permite

ver el resultado en la ilustración de sustituir una fuente por otra sin hacerlo
realmente.

Mejoras de recorte. Podemos recortar una imagen enlazada sin salir de

Illustrator, usando la nueva opción de recorte. La imagen resultante queda
incrustrada en el archivo y la original no sufre cambios.

Nuevo Panel de temas de color. Ahora se puede trabajar con los temas de
color de Adobe desde Illustrator, de modo que un tema puede añadirse a las
muestras o crear temas personalizados.
 Alineación de píxeles. Con esta mejora podemos crear objetos que se
ajusten directamente a la matriz de píxeles de la mesa de trabajo.
1.3. COMENZANDO A TRABAJAR

Adobe Illustrator se abre como cualquier programa de Windows. Si durante la

instalación se creó un icono de acceso directo en el escritorio, podemos hacer
doble clic sobre él para abrirlo. Si no, desde el menú Inicio, podemos buscarlo
en Todos los programas, si no está en la lista de programas recientes. Otra opción
ágil para encontrarlo es utilizar la caja de búsqueda de Windows, o bien anclarlo
en las baldosas del menú Inicio de Windows 10 u 8. .

Al ejecutar el programa, lo primero que este hará será cargar sus archivos,
plug-ins, herramientas y menús. Esto tardará algunos segundo, dependiendo
de la potencia de nuestro ordenador.
 Cuando arranca la aplicación, lo primero que encontramos es la pantalla de
bienven

La función principal de esta ventana es facilitar el acceso del usuario a sus

archivos guardados, así como a las opciones para crear archivos nuevos.
Veamos sus partes:
Reciente:
Aquí encontramos los últimos archivos abiertos desde Illustrator, que
podremos abrir con un simple clic. Podemos verlos en modo de lista, o bien
previsualizando su contenido. Para conmutar de un modo al otro

utilizamos los iconos que están sobre ellos: . La misma ventana

con previsualización de archivos recientes tendría una apariencia similar a
ésta:

Archivos CC:
En ésta área podremos ver nuestros archivos almacenados en la nube de
Adobe. Para utilizarla debemos tener activa la sesión de nuestra cuenta
de Adobe. La ventaja de almacenar ahí nuestro trabajo es que éste
quedará disponible desde cualquier dispositivo en el que iniciemos sesión
siempre y cuando contemos con una conexión a Internet. Como veremos
en este curso, podemos iniciar el bosquejo de una ilustración con la App
móvil de Adobe, llamada Illustrator Draw en un smartphone o tableta,
grabarlo en Archivos CC y luego continuar su desarrollo en nuestro
ordenador usando Illustrator.

Abrir...
La opción siguiente es Crear nuevo. Sin embargo, como nos va a ocupar
un poco más de atención, dejémosla para el apartado siguiente y
mencionemos la opción Abrir..., la cual, simplemente, nos permite abrir los
 archivos que se encuentren almacenados en nuestras unidades locales
de disco duro o memorias USB del mismo modo que cualquier otro
programa.

Crear nuevo
Cuando creamos un documento nuevo con Illustrator requerimos
establecer diversos parámetros de inicio que dependen del uso que le
vamos a dar a la ilustración. Es decir, si vamos a crear, por ejemplo, un
diseño para la portada de una revista que va a ser impresa, entonces,
debemos indicar su resolución y perfil de color adecuados, entre otros
parámetros. Si, en cambio, vamos a crear una imagen que va a servir de
banner en una página web, entonces, esos parámetros deben ser
diferentes para ajustarse a dicha necesidad. Illustrator nos ofrece una
enorme cantidad de plantillas con parámetros preestablecidos que
podemos elegir dependiendo del trabajo a realizar, lo que nos ahorra la
necesidad de establecer manualmente esos parámetros.
Además, nos ofrece también plantillas de diseños que podemos
descargar desde Adobe Stock, que es un banco de imágenes e
ilustraciones que Adobe ofrece a sus suscriptores y usuarios. Cuando
pulsamos Crear nuevo se abre una ventana con la lista de plantillas con
ajustes preestablecidos, así como las plantillas que nos ofrece Adobe
Stock cuando hemos iniciado sesión con nuestra cuenta y contamos con
conexión a Internet.
 En la parte superior de la ventana vemos la clasificación de plantillas con
ajustes preestablecidos que podemos utilizar:

 Recientes. Son las plantillas que hemos utilizado recientemente, incluidas

las que hemos descargado de Adobe Stock.

 Guardado. Son todas las plantillas de Adobe Stock que hemos

descargado para usar en nuestros diseños.

 Móvil. Son plantillas de ajustes preestablecidos para las distintas pantallas

de dispositivos móviles.

 Web. Incluye los diversos tamaños de pantallas para dispositivos de

escritorio.

 Imprimir. Aquí encontramos los distintos tamaños de papel. Son pues

ajustes preestablecidos ideales para trabajos que serán impresos: folletos,
catálogos, papelería de oficina, etcétera.

 Película y video. Si requerimos crear ilustraciones como cortinillas o

imágenes a usar en archivos de video, en esta sección encontramos los
distintos ajustes dependiendo del formato. Por ejemplo, una imagen a
insertar en un video 4K Ultra HD requeriría una resolución de 3840 x 2160
píxeles con un modo de color RGB. Por tanto, aquí encontramos plantillas
para los diversos formatos de video.

 Obra de arte e ilustración. Son tamaños adicionales de salida, como los

tamaño póster o tabloide, entre varios otros.

BÁSICO: LOS MODOS DE COLOR RGB Y CMYK

Como mencionamos, uno de los parámetros iniciales que tenemos que

establecer para un archivo nuevo en Illustrator es el Modo de color, en donde
encontramos dos criterios para el manejo de colores, el modo RGB y el
modo CMYK.

En ambos casos, se trata de la mezcla de colores básicos para generar toda

la gama de colores necesaria en un ilustración. En el caso de RGB, los colores
a mezclar son Rojo (Red), Verde (Green) y Azul (Blue), de ahí sus siglas, en tanto
que CMYK es Cian, Magenta, Amarillo (Yellow) y Negro (blacK).

La selección de un modo de color u otro depende fundamentalmente del

trabajo que estemos realizando. Podemos simplificarlo diciendo que una
ilustración que va a utilizarse en dispositivos electrónicos, es decir, en pantallas
de cualquier tipo, debe utilizar un modo de color RGB para generar de manera
correcta los colores deseados. En tanto que una ilustración destinada a la
impresión en papel debe usar un modo de color CMYK, también conocido
como cuatricomía, que es el método que utilizan las grandes máquinas offset
de impresión, así como las impresoras de tinta semiprofesionales y
profesionales.

Al modo RGB también se le conoce como un modo de color aditivo. Esto es,
los distintos colores se consiguen mezclando diversas proporciones de rojo,
verde y azul, pero si aplicamos cada uno al 100 por ciento, lo que obtenemos
en pantalla es el color blanco, tal y como puede verse en la siguiente imagen.

En contraste, el modo CMYK se le conoce como un modo sustractivo, toda

vez que los colores se obtienen en función de la luminosidad de cada color,
de modo tal que la mezcla de los cuatro colores da como resultado el negro,
como vemos aquí:
 Si bien el monitor del ordenador usa un criterio de color RGB, que es el único
que puede presentar, cuando seleccionamos un modo de color CMYK en un
proyecto de Illustrator en los ajustes de documento, entonces el programa
presenta del modo más fiel posible los colores de acuerdo a dicho modelo, los
cuales suelen ser de una tonalidad ligeramente más oscura que en RGB.

Por tanto, la selección del modo de color no es un tema menor y, por el

contrario, son una preocupación constante para los profesionales del diseño.
Volveremos a este tema en más de una ocasión más adelante.

AVANZADO: ADOBE BRID GE (I)

Adobe Bridge es el Explorador de archivos con el que cuentan las herramientas

de Adobe CC.

En esta versión se ha mejorado la navegación, organización y gestión de nuestros

archivos de imagen.

Su principal característica es su facilidad de uso y su capacidad para organizar y

clasificar la imágenes.

Veamos de qué partes está compuesto.

VENTANA PRINCIPAL
 En ella encontraremos los archivos que tenemos guardados en nuestro disco
duro:

Podemos asignarles etiquetas de color, agruparlas para organizar mejor las

fotografías pertenecientes a un mismo tema o incluso darles una clasificación
(con estrellas) para reconocer tus favoritas y una etiqueta.

Para ello simplemente selecciona las imágenes que quieras marcar (si son
más de una utiliza la tecla Ctrl para crear selecciones múltiples), haz clic en el
menú Etiqueta y selecciona la opción que prefieras:
 Del mismo modo, para agrupar varias imágenes en una pila, selecciónalas
utilizando la tecla Ctrl y despliega el menú Pilas.

Haz clic sobre la opción Agrupar como pila y el conjunto de imágenes se

mostrará de la siguiente forma:
 En la parte superior encontramos 3 imágenes agrupadas en una pila
contraida. El grupo de abajo se trata de una pila expandida de 4 imágenes.
Para ver el contenido de una pila sólo tendrás que hacer clic sobre el número
de imágenes que aparece en ella.

Desde esta ventana también puedes decidir el modo en el que verás las
miniaturas de los archivos.

Puedes agrandarlas o hacerlas más pequeñas utilizando el control en forma

de barra de deslizamiento que se encuentra al pie:

Los botones de la derecha establecerán el modo en el que se ven los

archivos.

El primero muestra las imágenes como un conjunto de miniaturas tal y

como veíamos en la imagen anterior.

El segundo botón muestra la ventana como una tira de imágenes,

visualizando en grande la imagen seleccionada en la tira.

El tercer botón crea un listado de las imágenes que muestra su miniatura

y a su derecha los detalles del archivo.

Por último, si hacemos clic derecho sobre cualquiera de estos botones se

mostrará un menú contextual que nos ofrecerá la posibilidad de cambiar a
otros tipos de espacios de trabajo.
 Los modos de clasificación que hemos visto antes nos permitirán filtrar la
visualización de archivos.

Utiliza la pestaña Filtro que se encuentra en la parte inferior izquierda de la

ventana y selecciona los elementos que quieras que se muestren.

Verás que de esta forma, trabajar con tus archivos es mucho más rápido y
sencillo.

BÁSICO: FORMATOS DE ARCHIVO COMPATIBLES CON ILLUSTRATOR

Como ya veremos, Adobe Illustrator es compatible con una gran cantidad de
formatos de archivo. Y por tanto unos serán adecuados para unas cosas pero no
para otras. Vamos a ver los formatos más utilizados:

ARCHIVOS DE IMAGEN

Formatos basados en mapa de bits:

JPEG
Es uno de los formatos más utilizados hoy en día, indicado sobre todo
para fotografías e imágenes en tono continuo en Internet por su
capacidad de conseguir imágenes suficientemente reales y con un gran
número de colores.
Este formato soporta los modos de color CMYK, RGB y la escala de grises
sin canales alfa, llegando a convertirse en uno de los formatos más
populares por su versatilidad y una compresión bastante alta.

TIFF
De mayor calidad que el formato JPEG, pero con compresiones mucho
menores.
Este formato es utilizado sobre todo en la impresión de imágenes digitales,
debido a que crea archivos de gran calidad. El único inconveniente de
este formato es el tamaño de los archivos que crea, por lo que no suele
utilizarse para publicar imágenes ni almacenamiento.
A pesar de ello, TIFF es uno de los formatos más flexibles y prácticamente
admitido por todas las aplicaciones de pintura, edición de imágenes y
diseño.
Soporta casi todos los modos de color: RGB, CMYK, Lab, Indexado y escala
de grises, todos ellos con canales alfa, y mapa de bits sin canales alfa.

BMP
Este formato tiene su origen en la plataforma Windows y DOS, aunque
ahora se ha expandido y es característico por su usabilidad y el soporte en
la mayoría de software de imagen que podamos encontrar hoy en día.
Admite RGB, color indexado, escala de grises y mapa de bits sin canales
alfa.
Muy utilizado por las aplicaciones basadas en Windows, podemos
encontrarlo en infinidad de imágenes, aunque su uso mayoritario es en el
desarrollo de juegos y aplicaciones DirectX.
GIF
Uno de los formatos más utilizados en Internet, crea gráficos e imágenes
de color indexado en la web. Aunque una de sus carencias es la de admitir
muy pocos colores (256 como máximo), se ha expandido mayormente por
su capacidad de compresión al ser capaz de crear archivos de unos
pocos kilobytes.
El formato GIF puede preservar las transparencias de la imagen aunque
no soporte la inclusión de canales alfa.
Muy utilizado también en animaciones, al ser posible almacenar más de
una imagen por fichero, creando pequeñas películas formadas por
secuencias de imágenes que se repiten en el tiempo.

PNG
Formato creado como alternativa a GIF. Viendo que este último carecía
de un aspecto tan importante como es el modo de color, PNG nace con
la pretensión de ser el nuevo formato de imagen de intercambio en
Internet.
PNG admite compresión con menos pérdidas de información, produce
transparencias de fondo sin bordes irregulares y soporta los modos RGB,
escala de grises y color indexado sin canales alfa.
Este formato está siendo utilizado cada vez más para sustituir a GIF en
gráficos para web, y cada vez más en imágenes con mayor calidad que
antes eran comprimidas con JPEG.

Formatos de gráficos vectoriales:

SVG
Más que un formato, es un lenguaje que permite describir gráficos
vectoriales, animados o estáticos a través de código.
Con este lenguaje se pueden crear formas gráficas de vectores, imagenes
en mapas de bits y texto.
Los navegadores actuales soportan en su mayoría este tipo de formato, a
excepción de Internet Explorer (hasta su versión 7) que requiere de la
instalación de un plug-in de Adobe.

PDF y EPS.
Existen otros formatos de archivos vectoriales que Illustrator puede manejar
sin ningún problema, como EPS y PDF, a los cuales les vamos a dedicar un
tema especial.
ARCHIVOS DE APLICACIONES

Adobe Illustrator dispone de un tipo de archivo propio, con la

extensión .ai que permite guardar los documentos creados con todas sus
opciones y características.

No obstante, también es compatible con archivos de otras importantes

aplicaciones, como puede ser Photoshop, Corel Draw, AutoCad o Microsoft
Word.

1.4. COLOCAR OBJETOS.

No siempre querremos abrir un archivo como un nuevo documento. También

necesitaremos añadir un gráfico desde un archivo al documento que estamos
editando, por ejemplo para insertar una imagen a modo de marca de agua o
insertar una página de un PDF.

Esto lo haremos usando el comando Colocar, desde el menú Archivo. El

cuadro de diálogo que se mostrará es casi idéntico al cuadro de diálogo Abrir,
y se utiliza igual. La única diferencia son tres opciones que encontramos junto
al tipo de archivo:

Enlazar
Cuando está marcada, el archivo no se copia al documento, se vincula.
Esto quiere decir que si editamos el archivo fuera de Illustrator, al abrir el
documento, el gráfico colocado reflejará los cambios, lo que es muy
importante cuando sea un archivo complejo, y que seguramente
actualicemos. En cambio, al desmarcar la casilla, el archivo quedará
embebido en el documento, incrustrado a él, sin ninguna relación con el
archivo externo.

Plantilla.
Carga el archivo como una plantilla, como una guía para ayudarnos a
crear el documento, pero sin insertar realmente el objeto.
 Reemplazar.
Esta opción aparecerá cuando hayamos pulsado en Colocar con un
objeto seleccionado. Si la marcamos, al abrir colocar el archivo sustituirá
al que estaba seleccionado en la mesa de trabajo.

Mostrar opciones de importación.

Cuando lo que coloquemos sea una imagen basada en un mapa de bits,
no se mostrarán más opciones y la imagen aparecerá en el documento.
Pero por ejemplo, si colocamos un PDF con varias páginas, y con esta
opción marcada, podremos elegir qué página mostrar, o elegir opciones
de formato si pretendemos embeber un documento con capas de
Photoshop. Incluso, si colocamos un archivo de Illustrator dentro de otro,
pero éste tiene muchas mesas de trabajo, podremos decidir cuál de ellas
usar, etcétera.

Para editar archivos enlazados, podemos abrirlos directamente desde Illustrator,

a través de la ventana Enlaces. Si no se muestra, la podemos abrir desde el
menú Ventanas → Enlaces. Aquí, para cada archivo enlazado encontramos
varias opciones, como editar el original o actualizar el enlace.

Hay que destacar la integración de Illustrator con otros productos de Adobe.

Por ejemplo, si embebemos un archivo de Photoshop, con capas, estas
aparecerán también en Illustrator, pudiendo editarlas o eliminarlas.

1.5. GUARDAR Y EXPOR TAR

Es importante diferenciar, primero, los dos estados de trabajo en los que se

puede encontrar un gráfico:

 Un gráfico puede estar en proceso, y no estar todavía acabado. Bien

porque queremos grabar en determinado momento para no perder los
 cambios realizados, o porque deseamos terminar la sesión de trabajo y
continuar más adelante.
 O un gráfico puede encontrarse terminado y listo para publicar, imprimir o
almacenar.

Por tanto, si el gráfico puede encontrarse en dos estados de trabajo,

guardaremos nuestros archivos de formas diferentes. De todas formas, al
terminar lo normal es guardar de ambas formas. Es decir, por un lado creamos
un archivo de trabajo, y por otro el archivo final, pero si en el futuro queremos
volver a editar el archivo, deberemos hacerlo sobre el archivo de trabajo, que
guarda todas sus propiedades.

Guardar un documento en proceso:

A salvar el documento sin perder ninguna de sus propiedades, capas, etc,

para poder seguir trabajando con él, lo llamaremos simplemente Guardar, y
normalmente lo haremos en el formato propio de Illustrator, con la extensión .ai.

Guardar es una opción común en la mayoría de programas, y en todos se

hace de forma parecida, por lo que ya te resultará familiar. Los comandos para
guardar los encontramos en el menú Archivo. Tenemos varias opciones:

Guardar:
Guarda los cambios en el documento. Si es la primera vez que guardamos,
mostrará el diálogo Guardar como, para que elijamos la ubicación,
formato y nombre del archivo.

Guardar como:
Esta opción guarda los cambios en un archivo nuevo, pudiendo elegir otra
ubicación o formato, y seguimos trabajando con el nuevo archivo creado.

Guardar una copia:

Como su nombre indica, crea una copia del documento, parecido a la
opción Guardar como, pero nos permite seguir trabajando con el
documento original.

El diálogo Guardar como es el siguiente:

 Desde este diálogo debemos elegir la ubicación del archivo (donde lo
queremos guardar), seleccionando las carpetas de la lista de la izquierda, o
utilizando el desplegable Guardar en, y elegir el formato en el
desplegable Tipo. Ya hemos comentado que normalmente usaremos el
formato Adobe Illustrator (*.AI), que es el que nos aparece por defecto.

Desde este diálogo podemos hacer otras tareas, crear carpetas, borrar
archivos, etc. Una vez seleccionado, pulsamos el botón Guardar.

Tras pulsar puede que nos aparezca otro cuadro de diálogo, dependiendo
del perfil elegido. De momento, dejaremos las opciones que aparecen por
defecto.
 Ahora el documento se ha guardado, pero deberemos de guardarlo a
medida que vayamos realizando cambios. Para ello, la forma más rápida es
utilizar la combinación de teclas Ctrl + S, que produce el mismo efecto que ir
a Archivo y elegir Guardar.

Guardar un documento ya finalizado, para imprimirlo, publicarlo o

almacenarlo.

En contraste, lo más probable es que un trabajo ya terminado no sólo lo

guardemos con la extensión .ai, sino, además, en el formato de imagen con el
que vamos a utilizar la ilustración, es decir, como .jpg, png, gif, etcétera. A su
vez, dicha imagen puede estar destinada a la imprenta, a una página web
(que a su vez puede estar destinada a muchos tipos de pantalla), a una
edición digital, un documento PDF, etcétera. Las posiblidades son muchas.
También es probable que debamos empaquetar nuestra ilustración .ai con
diversas imágenes enlazadas e incluso con las fuentes utilizadas en el diseño
para su revisión, etcétera.

En cualquiera de esos casos, debemos conocer las opciones del

menú Archivo → Exportar, así como las opciones del
menú Archivo → Empaquetar, las cuales podemos ver en la imagen.

Las opciones avanzadas de almacenamiento, exportación y empaquetado

de archivos las veremos en la unidad 11, una vez que hayamos trabajado con
diversas ilustraciones, usado fuentes, galerías de colores, enlazado archivos y
 otras herramientas que nos permitirán conocer mejor las distintas posiblidades
que tenemos para darle salida a nuestro trabajo con Illustrator.

1.6. LA AYUDA

Adobe Illustrator tiene una ayuda bastante completa que nos puede ser
muy útil para entender qué hacen sus numerosas opciones, ya que habrá
muchas que usemos muy pocas veces. Podemos acceder a la ayuda desde
el menú Ayuda, o directamente pulsando la tecla F1.

También podemos buscar ayuda sobre un tema escribiéndolo directamente

en la caja de búsqueda de la parte superior.

Podremos encontrar textos de ayuda, y enlaces muy interesantes a la Web

de Adobe, donde encontraremos vídeos explicativos, descargas, o el propio
servicio técnico de Adobe.