UD016314_V(01) MD.UnidadDidácticaGrupo(07)Esp.

dot

INTRODUCCIÓN A ILLUSTRATOR
 INTRODUCCIÓN A ILLUSTRATOR

ÍNDICE

TU RETO EN ESTA UNIDAD ........................................................................ 3

1. GRÁFICOS VECTORIALES ...................................................................... 5
1.1. DIFERENCIAS ENTRE VECTORES Y MAPAS DE BITS .................................. 5
1.2. DESVENTAJAS DE LAS IMÁGENES VECTORIALES ..................................... 6
2. USO BÁSICO DE ILLUSTRATOR ............................................................. 8
2.1. INTERFAZ ........................................................................................................ 8
2.1.1. NUEVO ..................................................................................................... 9
2.1.2. MOVIMIENTOS BÁSICOS ........................................................................... 10
2.2. HERRAMIENTAS ........................................................................................... 11
2.3. PANEL DERECHO .......................................................................................... 14
2.4. PANEL SUPERIOR ......................................................................................... 15
2.5. GUARDAR....................................................................................................... 16
2.6. EXPORTAR ..................................................................................................... 17
¿QUÉ HAS APRENDIDO? .......................................................................... 19
AUTOCOMPROBACIÓN............................................................................ 21
SOLUCIONARIO ....................................................................................... 23
BIBLIOGRAFÍA ......................................................................................... 25

1
 INTRODUCCIÓN A ILLUSTRATOR

TU RETO EN ESTA UNIDAD

Ahora que ya dominas todo lo necesario de Photoshop es hora de pasar a Illus-

trator. Verás que con estos dos programas tendrás todo lo necesario para la
creación de tus imágenes digitales, sean del tipo que sean.

Illustrator es un programa que se utiliza ampliamente tanto en el mundo artísti-

co como en el del diseño. Es el programa responsable de muchos logotipos que
puedes conocer así como de imágenes que habrás visto en carteles, páginas
web, etc.

En esta unidad podrás ver que, aun teniendo similitudes con el resto de pro-
gramas de Adobe, la forma de trabajar con este programa es diferente en mu-
chos aspectos.

El haber aprendido antes a utilizar Photoshop te dará una pequeña base y algu-
nas herramientas pueden resultarte familiares, eso te facilitará el aprendizaje.
Aun así, no te confíes porque necesitarás practicar y absorber todos los cono-
cimientos posibles que te proporcionemos para dominar este programa.

Es más importante que aprendas a usar bien las herramientas y recursos que te
vamos a mostrar, que intentar abarcar mucha información de todas las posibili-
dades que ofrece el programa, y no quedarte con nada.

Este programa funciona con gráficos vectoriales, pero… ¿tú sabrías diferenciar
ente una imagen que se ha hecho de forma vectorial y una con píxeles?

Cuando llegues al final de la unidad serás capaz, vamos a ello.

3
 INTRODUCCIÓN A ILLUSTRATOR

1. GRÁFICOS VECTORIALES
¿Qué son los gráficos vectoriales? A todo el mundo le suena un poco raro este
concepto al principio, generalmente pensamos que todas las imágenes que ve-
mos en pantalla han sido originadas de la misma forma.

Definiéndolo de una forma un poco más técnica, un gráfico vectorial es una ima-
gen digital que ha sido formada por objetos geométricos dependientes, ya sean
segmentos, polígonos, etc. Cada uno de ellos ha sido definido matemáticamente
en cuanto a forma, posición, etc. Un círculo vectorial es definido por la forma que
tiene, la posición de su centro, el grosor de la línea que lo forma y su color.

1.1. DIFERENCIAS ENTRE VECTORES Y MAPAS DE BITS

El formato de imagen vectorial es totalmente distinto al formato de imagen de

mapa de bits, el cual, como has aprendido anteriormente, está formado por píxe-
les. Lo bueno que tienen los gráficos vectoriales (y esto es muy bueno), es que no
tienen límite de resolución. Puedes ampliar o reducir lo que hayas creado sin
problema, nunca vas a tener problemas de píxeles, ya que no hay. No habrá pér-
dida de calidad, y eso en algunas ocasiones puede ser de vital importancia.

Así pues, siendo que con una imagen formada por píxeles tenemos que andar
con cuidado a la hora de deformarla, por la pérdida de calidad, en los vectores
podremos actuar con total libertad, sin preocupaciones.

5
INTRODUCCIÓN A ILLUSTRATOR

La pantalla de tu ordenador está formada por píxe-

les, así que el programa traduce esos gráficos vecto-
riales a una representación en píxeles para que pue-
das verlo. No obstante, no tienes las limitaciones que
te comentábamos más arriba, es solo una forma de
visualizar.

1.2. DESVENTAJAS DE LAS IMÁGENES VECTORIALES

No todo podía ser perfecto, ¿verdad?

Hemos visto que las imágenes vectoriales tienen muchas ventajas, principal-
mente el no tener limitación de tamaño o deformación de lo que creamos. La
desventaja viene precisamente debido a su “simplicidad”.

Con programas de dibujo vectorial es mucho más difícil el tema de crear distin-
tas tonalidades, hacer sombras y brillos, utilizar pinceles a mano alzada, etc.

Son programas más pensados para una imagen limpia y relativamente sencilla.
Por poder, se pueden hacer todo tipo de cosas, hay gente que incluso ha hecho
retratos realistas usando Illustrator, pero es mucho más complejo que usando
Photoshop.

No queremos limitarte, puedes trabajar con cualquiera de los dos programas

para lo que tú elijas, pero te recomendamos que tengas claros los puntos fuer-
tes y débiles en cada caso. Si por ejemplo tuvieses que hacer un bodegón som-
breado, lo más indicado sería Photoshop, si quieres un dibujo cartoon con tra-
zos limpios y bien definidos, Ilustrator.

Así como en Photoshop para pintar a mano alzada

te comentábamos que es muy útil tener una tableta
de dibujo, en llustrator no es tan necesario, ya que
trabajaremos más al detalle y en temas que requie-
ren más precisión.
Mucha gente utiliza la tableta para dibujar con Pho-
toshop, y luego vectoriza con el ratón en Illustrator.

6
INTRODUCCIÓN A ILLUSTRATOR

7
INTRODUCCIÓN A ILLUSTRATOR

2. USO BÁSICO DE ILLUSTRATOR

Bueno, ya sabes qué utilidad tienen los gráficos vectoriales, pero… ¿Cómo los
creas?

A continuación, te enseñaremos las bases de Illustrator para que puedas empe-

zar a utilizarlo. Te recomendamos que prestes especial atención a los vídeos en
los que explicaremos más a fondo todo lo necesario en esta unidad. Tómate la
versión escrita más como una pequeña referencia que como una guía como tal.

2.1. INTERFAZ

Nada más abrir el programa te encontrarás con una vista bastante similar a la
que encontrabas en Photoshop.

8
 INTRODUCCIÓN A ILLUSTRATOR

Cuando hayas hecho y guardado varios trabajos, los podrás ver y abrir rápida-
mente nada más abrir el programa. En nuestro caso, después de utilizarlo varias
veces, puedes ver que ya nos da la opción de abrir alguno de los últimos pro-
yectos en los que hemos trabajado.

Si lo que quieres es abrir un proyecto en el que has trabajado anteriormente,

puedes darle a Abrir, para empezar uno nuevo, dale a Nuevo. Fácil, ¿no?

2.1.1. NUEVO

Al darle a nuevo ocurrirá como con Photoshop, podremos configurar nuestro

espacio de trabajo.

Podemos elegir un formato predeterminado o bien hacer el nuestro propio

ajustando el tamaño, la orientación o incluso el perfil de color.

Para el perfil de color podremos elegir entre CMYK y RGB, impresión y pantalla
respectivamente. En este curso lo recomendable es que trabajes en RGB.

9
INTRODUCCIÓN A ILLUSTRATOR

2.1.2. MOVIMIENTOS BÁSICOS

Una vez tengas todos los parámetros de tu nuevo proyecto bien configurados,
se te presentará una pantalla parecida a la que te mostramos a continuación:

Lo que ves en el centro es la mesa de trabajo, donde haremos nuestras crea-

ciones.

Puedes dibujar fuera de la mesa de trabajo, no hay

restricciones, pero ten en cuenta que al exportar tu
proyecto lo más probable es que lo que quede fuera
de la mesa de trabajo no vaya a verse.

La forma de moverte en Illustrator es muy sencilla:

 Barra espaciadora: Paneas, es decir, mueves la mesa de trabajo verti-

cal y horizontalmente.
 Rueda de ratón: Subes o bajas en el documento.
 Alt+Rueda de ratón: Te acercas o te alejas.

Verás que acabarás dominando estos movimientos rápidamente porque los

usarás constantemente.

10
 INTRODUCCIÓN A ILLUSTRATOR

2.2. HERRAMIENTAS

Pasemos a las herramientas que vas a utilizar en el curso. En esta unidad vamos
a enseñarte las más básicas, las que utilizarás con más frecuencia.

Nos dejamos un par pendientes para la siguiente unidad, que son un poco más
específicas, y algunas que no llegaremos a utilizar porque no tendrán mucha
utilidad dentro de lo que necesitamos en este curso.

Igual que con Photoshop, te recomendamos que te

aprendas los atajos de teclado de las herramientas
que puedas, o al menos de las más importantes. Ya
verás que algunos atajos coinciden en todos los pro-
gramas de Adobe.

11
INTRODUCCIÓN A ILLUSTRATOR

 Selección: Podrás seleccionar, escalar, mover y rotar las figuras que

tengas en pantalla.

 Selección Directa: Para modificar la apariencia de las figuras.

12
 INTRODUCCIÓN A ILLUSTRATOR

 Pluma: Creación de líneas curvas vectoriales. Es nuestra principal he-

rramienta de creación de vectores.

 Texto: Puedes crear texto y editarlo como con cualquier programa de

maquetación u ofimática, pero en este curso no profundizaremos de-
masiado en él.

 Rectángulo / Elipse: Realmente en este apartado puedes encontrar

una gran variedad de figuras geométricas que puedes crear e incluso
configurar (para que un polígono tenga más lados, sea de un tamaño
determinado, etc.).

 Pincel: Te permite crear líneas vectoriales a mano alzada, pero tiene

menos precisión que la pluma.

 Cortar / Borrador: Puedes eliminar partes de una figura, ya sea sustra-

yendo una zona entera o cortando su contorno. Utilizaremos más habi-
tualmente la herramienta de cortar.

 Degradado: En conjunto con el panel de degradado que hay a la dere-

cha, podremos hacer diferencias tonales gracias a esta herramienta.

 Mesa de trabajo: Es el espacio en el que trabajaremos. Podemos ha-

cerla más o menos pequeña, crear varias, etc.

 Relleno / Contorno: Las figuras que crees en Illustrator pueden tener

un relleno, un contorno, o ambas. En este apartado puedes intercam-
biar los colores o seleccionar uno en concreto para cada.

La serie Archer utiliza dibujos creados con Illustra-

tor que posteriormente animan. Increíble, ¿no?

Archer, Adam Reed, 2010

13
INTRODUCCIÓN A ILLUSTRATOR

2.3. PANEL DERECHO

Hasta ahora hemos visto lo que te ofrece el panel izquierdo del programa, todas
las herramientas, vamos ahora con el panel derecho, en el que tenemos algunas
funciones más. De nuevo hemos hecho una selección de lo más importante.

 Color: Verás una mezcla de muchos colores. Si pones el cursor encima

seleccionarás el que quieras con el cuentagotas.
 Guía de color: Basándose en el color que hayas elegido, el programa te
dará a elegir entre distintas tonalidades variando en luminosidad o sa-
turación.
 Muestras: Una selección de los colores más comunes.
 Trazo: Podrás variar el aspecto y grosor del trazo que selecciones.
 Capas: Con un funcionamiento parecido al que veías en Photoshop.
Las puedes bloquear, ocultar o mover, dependiendo de lo que necesi-
tes hacer.
 Mesas: Una peculiaridad de Illustrator frente a otros programas de
Adobe son las mesas de trabajo. Son como varias páginas en las que
trabajar, así que puedes variar su tamaño, su orden, crear nuevas o
eliminarlas, todo depende del tipo de trabajo que estés haciendo.

14
 INTRODUCCIÓN A ILLUSTRATOR

2.4. PANEL SUPERIOR

A estas alturas ya estás casi rodeado por todas partes. Finalizamos la explora-
ción básica de Illustrator con el panel que encontrarás en la parte superior.

Verás que varía dependiendo de si tenemos algo seleccionado o no. En este

caso, te vamos a enseñar las opciones que aparecen cuando seleccionamos un
objeto, son más completas.

 Relleno / Contorno: Lo mismo que tienes en la parte baja de las he-

rramientas, puedes cambiarlo donde te resulte más cómodo.

 Trazo: Puedes variar el trazo de la misma forma que lo harías en el pa-

nel derecho. Observarás en los vídeos que nosotros recurrimos más a
este apartado que al del panel derecho.

 Apariencia del trazo: Aquí podrás variar la apariencia del trazo selec-
cionado. Puedes elegir el aspecto básico, pero también uno que quede
fino en los extremos, que vaya variando el grosor, etc.

 Opacidad: Otro de los elementos que te encontrarás utilizando con

más frecuencia de la que te puedas imaginar. Muy útil especialmente
para calcar una imagen de referencia.

 Alineación: Cuando tengas un objeto seleccionado puedes utilizar to-

dos estos botones para alinear a zonas de la mesa. Los propios iconos
te indican si se alineará a la izquierda, al centro vertical, etc.

 Forma: Puedes cambiar el ancho y alto del objeto que tengas seleccio-
nado. Si es de forma uniforme o no lo controlarás activando o desacti-
vando los eslabones que ves en la imagen.

15
INTRODUCCIÓN A ILLUSTRATOR

Si quieres alinear con respecto a un objeto, seleccio-

na ambos y luego haz click al objeto con el que quie-
res que se base la alineación. Al darle a cualquiera de
estos botones la alineación se hará con respecto al
objeto.

2.5. GUARDAR

Finalmente es importante que puedas guardar tu proyecto, ¿cierto? Si no des-

perdiciarías todo el tiempo invertido.

Para hacerlo puedes ir a Archivo > Guardar (Ctrl+S) o Archivo > Guardar co-
mo… (Ctrl+Shift+S). Todo depende de si guardas por primera vez (Ctrl+S), si
guardas para sobreescribir el anterior guardado (Ctrl+S) o si quieres hacer un
guardado nuevo diferente al anterior (Ctrl+Shift+S).

16
 INTRODUCCIÓN A ILLUSTRATOR

Si vas a guardar un archivo de Illustrator, para abrirlo más adelante con el mis-
mo programa, no tiene más misterio que elegir una carpeta y un nombre. Des-
pués dale a OK para cualquier menú que te aparezca y listo, archivo guardado.

Puedes guardar en otros formatos. Lo más común es que necesites guardar en

PDF, en cuyo caso puedes guardarlo de forma que puedas editarlo posterior-
mente (ocupando más el archivo) o de forma que ya no se pueda editar (ocu-
pando menos).

2.6. EXPORTAR

También es muy probable que tengas que exportar a diferentes tipos de forma-
to de imagen, en cuyo caso tendrás que ir a Archivo > Exportar…

A la hora de exportar podrás elegir en qué formato quieres hacerlo y después

ajustar los parámetros como en el cuadro de diálogo que te mostramos aquí.

17
INTRODUCCIÓN A ILLUSTRATOR

Ten en cuenta que cada formato de imagen se caracteriza por una cosa u otra.
Por ejemplo en PNG puedes guardar con transparencia y en JPG no, pero en
JPG puedes guardar tanto en RGB como en CMYK, mientras que PNG se limita
solo a RGB.

Como te decíamos, hay muchos formatos de imagen

entre los que puedes elegir, pero en este curso lo
mejor es que te limites a JPG y a PNG, que son los
más comunes y más fáciles de configurar.

18
 INTRODUCCIÓN A ILLUSTRATOR

¿QUÉ HAS APRENDIDO?

Ahora ya sabes en qué consiste un gráfico vectorial y qué utilidades puedes sa-
car. Illustrator no es el primer programa en sacar partido a este tipo de dibujo,
pero sí el que más se usa actualmente.

Seguro que ya se te habrán ocurrido varios tipos de dibujo a los que podrías
sacar muy buen provecho con tus recién adquiridos conocimientos. Recuerda
practicar mucho con todas las herramientas y paneles que te hemos ido expli-
cando a lo largo de la unidad, hasta que tengas soltura suficiente como para
hacer ilustraciones digitales con buena calidad.

Ya ves que Illustrator es un programa un poco distinto a Photoshop, pero en

cuanto le pilles el truco no podrás parar de crear dibujos vectoriales que te da-
rán las ventajas de poder escalarlos sin perder calidad.

Al principio de la unidad te retábamos a pensar en distintas imágenes que vie-

ses, a ver si eras capaz de distinguir entre lo que había sido creado con un pro-
grama de gráficos vectoriales y otro de mapas de bits. ¿Qué opinas ahora? ¿Te
resulta más fácil determinar cuál es cuál?

19
 INTRODUCCIÓN A ILLUSTRATOR

AUTOCOMPROBACIÓN

1. ¿Qué caracteriza a un gráfico vectorial?

a) No tiene límite de resolución.

b) Tiene límite de resolución, pero da bastante margen.

c) Los colores se ven más brillantes.

d) El ordenador lo procesa más rápidamente.

2. ¿Cómo funciona un gráfico vectorial?

a) Son píxeles que se van reescalando y reposicionando.

b) Por medio de un procesador 3D.

c) Con cálculos matemáticos que determinan su posición, etc.

d) a) y b) son correctas.

3. ¿Qué tecla pulsas para la herramienta de Selección?

a) B.

b) A.

c) C.

d) V.

21
INTRODUCCIÓN A ILLUSTRATOR

4. ¿En qué se diferencian Selección y Selección Directa?

a) En nada, Selección es la abreviatura de Selección Directa.

b) Con Selección seleccionas, mueves, rotas, etc. una figura. Con Selección
Directa modificas los puntos de dicha figura.

c) Selección Directa es para varios objetos, Selección solo para uno.

d) Selección Directa es la actualización de la antigua herramienta Selección.

5. ¿Puedes variar el tamaño de una mesa de trabajo?

a) No, es el que has establecido al crear el documento.

b) Sí, puedes hacerlo con la herramienta Mesa de Trabajo.

c) Sí, puedes variar tamaños de distintas mesas en un mismo proyecto.

d) b) y c) son correctas.

22
 INTRODUCCIÓN A ILLUSTRATOR

SOLUCIONARIO

1. a 2. c 3. d 4. b 5. d

23
 INTRODUCCIÓN A ILLUSTRATOR

BIBLIOGRAFÍA

 SARWONO, E. Adobe Illustrator Great Tutorial. Indonesia: Elex Media

Computindo, 2018.

25