ADOBE ILLUSTRATOR

02
By JOJANIS BOLAÑO HORLANDY
TECNÓLOGO INGENIERO DE SISTEMAS
E-MAIL: JOJANIS.BH@GMAIL.COM
 EDITAR TRAZOS CON LA PLUMA

Si situamos la herramienta Pluma sobre el trazado que estamos creando, o sobre

uno ya existente y seleccionado, se comportará como la herramienta Añadir punto
de ancla. Al hacer clic añadirá un punto de ancla, sin que este afecte a la forma del
trazado si no lo modificamos.
Del mismo modo, si situamos el cursor sobre un punto de ancla, excepto los
extremos, y hacemos clic, el punto desaparecerá como pasa con la herramienta
Eliminar puntos de ancla. Esto sí afectará al trazado, ya que se unirán los puntos de
ancla anterior y posterior.
Podemos continuar un trazado abierto ya existente con la herramienta Pluma. Para
ello, tras seleccionarlo, debemos hacer clic sobre uno de sus extremos, cuando
aparezca un segmento en el cursor.
Por otra lado, si durante la creación de un trazo, nos equivocamos al colocar un
punto de ancla, podemos eliminarlo con Deshacer (Ctrl + Z) sin que nos salgamos
del trazo, o podemos pulsar la tecla Espacio antes de soltar el ratón para desplazar
la ubicación del punto de ancla.
 HERRAMIENTA CURVATURA

Una herramienta nueva en Illustrator es la herramienta curvatura . Su uso es muy

similar a la herramienta Pluma, aunque no exactamente igual. Su principal ventaja
es que con ella podemos dibujar segmentos de curva continuos con facilidad.
Al hacer clic en la mesa de trabajo se crea el primer punto de ancla. Si arrastramos
el ratón sin soltarlo, el punto cambiará, pero no generará líneas de dirección, a
diferencia de la pluma. Cuando hacemos clic para generar la segunda ancla y
desplazamos, veremos el segmento de curva, pero no tendremos, de nueva cuenta,
líneas y puntos de dirección. De modo tal que con esta herramienta vamos creando
segmentos de curva que pasan por los puntos de ancla que vamos indicando.
 HERRAMIENTA A MANO ALZADA

La forma de dibujar a mano alzada es la más natural, sobre todo si se utiliza una
tableta gráfica en vez de un ratón. Basta con seleccionar la herramienta, con lo que
el cursor tomará su forma (por ejemplo, Cursor lápiz con el lápiz). Hacemos clic en el
lugar donde queramos que comience el trazo, y arrastramos el cursor siguiendo la
forma del trazo deseado. Si queremos que el trazo se cierre, debemos de tener
presionada la tecla Alt cuando soltemos el botón del ratón, pero no es necesario
situarnos justo sobre el punto inicial.
Illustrator nos proporciona tres herramientas para dibujar a mano alzada:
La herramienta Lápiz.
La herramienta Pincel.
La herramienta Pincel de manchas.
 EJERCICIO: DIBUJO CON HERRAMIENTA
LÁPIZ
Vamos a crear un dibujo
simple con el lápiz, en este
caso una ballena.
Recuerda algunos atajos:
 Ctrl + Z elimina el último
trazo creado.
 Pulsa Ctrl para alternar
con la herramienta
Seleccionar sin tener que
cambiar la herramienta
lápiz.
Con el lápiz, no intentes
crear el dibujo final a la
primera, haz un boceto.
 OPCIONES DE LAS HERRAMIENTAS:
LÁPIZ Y PINCEL
Para acceder a las opciones de una herramienta, hacemos doble clic sobre su icono
Herramienta lápiz o Herramienta pincel en la Barra de herramientas. Se abrirá su
ventana de preferencias:
 Fidelidad: Controla la distancia a la que debe mover el ratón o el lápiz electrónico para
que se cree un nuevo punto de ancla en el trazado.
 Rellenar nuevos trazos de lápiz: El trazado se rellena con el relleno seleccionado.
 Mantener seleccionado: Si está marcado, el trazado permanece seleccionado tras
crearlo.
 La tecla Alt cambia a la herramienta Suavizar: Si no está marcado, y lo combinamos
con la tecla Alt, el trazado deja fijo el último punto de ancla y crea una línea recta a
partir de él. Cuando soltamos la tecla Alt, vuelve al trazado normal.
 Cerrar trazados cuando los puntos finales estén entre: De este modo se determina la
distancia máxima entre puntos finales para que el trazado se cierre.
 Editar trazos seleccionados: Que esta opción esté marcada es lo que permite editar
trazados existentes con el lápiz.
 En x píxeles: Si la edición está permitida, aquí podemos concretar a qué distancia
como mínimo debe de estar el cursor del trazo para que pueda editarlo.
 LA HERRAMIENTA PINCEL DE MANCHAS
La herramienta pincel de manchas Pincel de Un comportamiento distinto es que si
manchas crea un trazado sólo con relleno, sin
trazo. Recuerda que con el Lápiz y Pincel creamos cruzamos los trazos, el pincel de mancha los
un trazo, y el relleno puede aparecer sólo si fusionará, permitiéndonos crear así rellenos
cerramos este trazado. más extensos.
Utilizando el Pincel y Pincel de manchas, podemos
obtener trazados muy similares, pero compuestos
por trazos o rellenos, respectivamente.
 OPCIONES DEL PINCEL DE MANCHAS
Accedemos a las opciones de Las opciones Fidelidad y Suavizado funcionan como hemos visto antes. Lo más
herramienta Pincel de interesante de esta ventana, son las opciones que nos permiten definir la punta del
manchas al hacer doble clic pincel:
sobre su icono. •El Tamaño, el ancho de la punta.
•La Redondez, que es la diferencia entre ancho y alto de la punta.
•El Ángulo, que es la inclinación de la punta, sólo apreciable si la redondez es menor
al 100%.
 LA HERRAMIENTA SUAVIZAR

Si mientras utilizamos las

herramientas a mano alzada
presionamos la tecla Alt
cambiamos a la herramienta
Suavizar. También la encontramos
disponible como herramienta
independiente.
 LA HERRAMIENTA SHAPER

En sentido estricto, la herramienta Shaper

también es una herramienta de dibujo a
mano alzada. Sin embargo, crea formas
básicas perfectas a partir de nuestro dibujo
e incluso nos permite combinarlas de
distintas maneras desde la misma
herramienta. En ese sentido, es una
herramienta que mezcla la funcionalidad
de las herramientas que usamos para crear
rectángulos, elipses y polígonos con la
herramienta lápiz.
 CREADOR DE FORMAS
El Creador de formas es una herramienta que crea formas combinadas a partir de formas simples, detectando
interactivamente las regiones a combinar o a eliminar. A diferencia de Shaper, el creador de formas trabaja sobre
formas simples o complejas ya creadas.
Para utilizar la herramienta, debemos seleccionar primero los elementos con los que vamos a trabajar. Después
seleccionamos la herramienta y señalamos la forma. Automáticamente la herramienta señalará las regiones
detectadas.
De manera predeterminada, la herramienta se encuentra en modo combinar, así que con ella podemos dibujar un trazo
que toque las distintas regiones encontradas que deseamos combinar. De este modo las formas quedarán combinadas
cuando soltemos el ratón. A su vez, para que otras regiones se eliminen, debemos pulsar Alt al mismo tiempo que la
señalamos. De igual modo, un trazo o un clic, eliminarán la región correspondiente
 OPCIONES DEL CREADOR DE FORMAS
Un doble clic sobre el Creador de formas abrirá su ventana de opciones.
 Detección de huecos. Con esta opción activada permite a la herramienta detectar huecos
entre las regiones en la superposición de formas en valores cercanos a los indicados en la
ventana. Es decir, si activamos la opciones e indicamos huecos desde 3 pixeles, entonces
detectará hasta el menor hueco como una región, de lo contrario los ignorará.
 Considerar trazado de relleno abierto como cerrado. Esta opción permite detectar como
regiones áreas abiertas.
 En el modo combinación, hacer clic en el trazo divide el trazado. Como se indica, si en
lugar de hacer clic o dibujar una línea para combinar regiones, hacemos clic en el trazo,
entonces éste se divide.
 Elegir color desde: Selecciona el origen del color de los objetos combinados, ya sea desde
las muestras de color o desde otros objetos.
 Selección: Indica cómo será la forma de la línea que dibujemos con la herramienta para
combinar las formas, si segmentos de líneas rectas o Mano alzada.
 Relleno: Esta opción está activa de modo predeterminado y simplemente resalta con color
gris la región detectada.
 Resaltar trazo cuando sea editable. Resaltará en el color seleccionado el trazo susceptible
de cortarse o eliminarse.
 DIBUJO EN PERSPECTIVA

Illustrator facilita el dibujo de ilustraciones en perspectiva a través

del uso de dos herramientas: Cuadrícula de perspectiva y
Selección de perspectiva.
Los dibujos en perspectiva simulan la vista que los objetos tienen
en la realidad, donde los objetos más alejados se ven más
pequeños, dando una sensación de profundidad en la imagen, en
contraste con las ilustraciones donde todos los objetos se hayan
en el mismo plano frontal.
La cuadrícula de perspectiva es, básicamente, un conjunto de
líneas en pantalla dispuestos de acuerdo al número de puntos de
fuga deseados para la elaboración de una ilustración en
perspectiva. Ilustrator cuenta con tres cuadrículas
predeterminadas con uno, dos o tres puntos de fuga, de las cuales,
la de dos puntos es la que aparece por defecto cuando utilizamos
la Herramienta Cuadrícula de perspectiva
 DIBUJO EN PERSPECTIVA
1. Selector de planos. Al hacer clic sobre el
widget podemos activar el plano
izquierdo, derecho o el plano horizontal
(piso) de la cuadrícula.
2. Punto de fuga izquierdo.
3. Extensión de cuadrícula vertical. Al
desplazarlo hacemos más o menos alta la
cuadrícula.
4. Regla de cuadrícula de perspectiva.
5. Punto de fuga derecho.
6. Línea de horizonte.
7. Nivel de suelo.
8 y 9 Extensión de cuadrícula de los planos
izquierdo y derecho, respectivamente.
10. Control de planos.
 CONFIGURACIONES DE LA CUADRÍCULA
EN PERSPECTIVA
Tenemos otras dos
configuraciones
predeterminadas de
cuadrícula de perspectiva, las
cuales se pueden seleccionar
con el menú Ver →
Cuadrícula de perspectiva.
Las perspectivas resultantes
tienen los mismos controles.
Lo que cambia es el número
de puntos de fuga.
CONFIGURACIONES DE LA CUADRÍCULA
EN PERSPECTIVA
 DIBUJO CON LA CUADRÍCULA EN
PERSPECTIVA
Por tanto, una vez activada la cuadrícula deseada y hechos los ajustes necesarios, podremos crear trazos que
respeten la vista en perspectiva. Para ello debemos tener en cuenta que los objetos se crearán en el plano
seleccionado. Por ejemplo, en una vista de dos puntos, el widget muestra que de manera predeterminada el plano
activo es el izquierdo.
Con lo que, si seleccionamos, por ejemplo, la herramienta rectángulo y dibujamos uno, éste se creará sobre dicho
plano.
 HERRAMIENTA SELECCIÓN DE
PERSPECTIVA
Si tenemos objetos ya creados y deseamos integrarlos a una vista en perspectiva, entonces debemos usar la
segunda herramienta, Selección de Perspectiva . Con ella llevaremos objetos ya creados al plano activo
seleccionando los objetos y arrastrándolos a la nueva posición.
A su vez, esta misma herramienta nos sirve para mover los trazos de un plano a otro. Para ello basta con
seleccionarlos y cambiar de plano con las teclas 1, 2, 3 o 4.

Finalmente, con el
atajo de teclado
Ctrl+Mayus+I
podemos desactivar
(y activar) la
cuadrícula, con lo
que ya no estará
visible.
 EJERCICIOS VARIOS
CREADOR DE FORMAS FORMAS BÁSICAS PERSPECTIVAS

DIBUJO CON PINCELES

 COLOR

A través de los ojos, los seres humanos somos capaces de distinguir distintas amplitudes de onda en la luz que
nos llega, lo que forma los colores. Dependiendo de la intensidad de las distintas amplitudes, obtenemos una
amplia variedad de colores. El color blanco resulta de la mezcla del resto de colores a su máxima intensidad, y
la ausencia de color la percibimos como negro.
A la hora de intentar reproducir los colores partimos de tres colores primarios, los cuales, mezclados a
distintas intensidades, proporcionan toda la paleta de colores que conocemos. Pero esto no se realiza igual si
pretendemos crear una fuente de luz con un color determinado, como el monitor de ordenador, o un objeto
que refleje la luz y se vea de uno u otro color, como la tinta impresa.
 COLORES ADITIVOS

Los dispositivos, como monitores, televisores, pantallas en cámaras digitales, etc. tienen una fuente de luz
propia. Pensemos en cada uno de los píxeles de la pantalla de un monitor. Cada píxel está dividido en tres
subpíxeles con los colores aditivos primarios: rojo (Red), verde (Green) y azul (Blue).
Para obtener el resto de colores, basta con mezclar un haz de color de uno de estos colores, y un haz de
cada uno de los otros colores primarios, a distintas intensidades. Por eso se denomina colores aditivos.
Para poder definir cada uno de los colores resultantes, se usa principalmente el modelo de color RGB (Red,
Green, Blue).
Podemos representar un color con un valor que indique la intensidad de cada primario, en forma:
Porcentual (R=97%,G= 94%, B=89%) con valores entre 0% y 100%.
El blanco puro se obtiene
Decimal (R=247, G=240, B=226) con valores entre 0 y 255, como se utiliza principalmente en Illustrator. al mezclar todos los
colores con intensidad
Hexadecimal (#F7F0E2, cada letra corresponde a un número a partir de 9: A=10, B=11... F=15) con valores máxima (R:255, G:255,
entre 00 y FF, como se utiliza en la web normalmente.
B:255 o #FFFFFF), y el
negro puro es la ausencia
Rojo R:255, G:0, B:0 Magenta R:255, G:0, B:255 de todos ellos (R:0, G:0,
B:0 o #000000).
Verde R:0, G:255, B:255 Amarillo R:255, G:255, B:0
Azul R:0, G:0, B:255 Cyan R:0, G:255, B:255 #FFFFFF #DFDFDF #9F9F9F #5F5F5F #2F2F2F #000000
 COLORES SUSTRACTIVOS

Cuando queremos dar color a un objeto sin luz propia, usamos tintas o pinturas. Se
trata de sustancias diseñadas para que absorban todos los colores excepto el que
queramos ver, que es reflejado y llega a nuestros ojos. Es decir, un objeto es rojo
porque absorbe toda la luz que le llega, excepto la roja, que es reflejada hacia
nosotros.
Normalmente partimos de un fondo blanco que refleja todos los colores. Al pintar de
un color, vamos eliminando o sustrayendo el reflejo del resto de colores, dejando
sólo el que queremos que se vea. Por lo que a este sistema se le denomina mezcla
sustractiva de colores. En este caso, para conseguir el negro deberíamos de quitar
todos los reflejos. Cuando en Illustrator
queramos crear un
Los colores primarios sustractivos son el Cyan, Magenta yYellow (Amarillo). gráfico que se verá en
Para representar los colores sustractivos, se utiliza el modelo CMYK, Cyan, Magenta, dispositivos, utilizaremos
Yellow y Key (el negro, color clave). Aunque el negro se puede obtener combinando el modo RGB, y cuando el
el resto, se ha añadido para obtener un mejor resultado en impresoras, un negro más documento vaya a ser
puro, y ahorrar tinta. Con este sistema, representamos cada color como cuatro cifras impreso utilizaremos el
porcentuales, comprendidas entre 0% y 100%. modo CMYK.
 SELECCIÓN Y APLICACIÓN DE COLORES

En Illustrator tenemos múltiples formas de Podemos cambiar el modo de color del panel
elegir un color. Podemos tomarlo de un desde el menú de opciones o propiedades,
objeto existente, especificar sus valores
manualmente, usar selectores de color, o en su esquina superior derecha
utilizar plantillas de color guardadas en
nuestra biblioteca.
 Panel Color. Nos permite seleccionar entre
el trazo y el relleno del objeto
 SELECCIÓN Y APLICACIÓN DE COLORES

 Selector de color, al que

accedemos haciendo doble clic en
el cuadro de selección de color del
panel Color o de la Barra de
herramientas.
Este panel nos permite ser más
preciso, tanto en la selección de
color "a ojo" como insertando
directamente los valores en en las
escalas CMYK, RGB o tono-
saturación-brillo (HSB).
La casilla Sólo colores Web nos limita
la selección a aquellos colores que
ser visualizan correctamente en los
exploradores Web.
 SELECCIÓN Y APLICACIÓN DE COLORES

 La herramienta Cuentagotas, podemos

seleccionar o asignar colores ya utilizados en el
documento.
Al hacer clic sobre un objeto con esta herramienta,
tomamos el color del objeto, tanto para el trazo
como para el relleno. Y si teníamos un objeto
seleccionado, tomará los nuevos colores.
Si la utilizamos combinada con la tecla Alt, produce
el efecto contrario. Es decir, asigna al objeto sobre
el que pulsemos los colores de relleno y contorno
seleccionados.
 SELECCIÓN Y APLICACIÓN DE COLORES

 Guía de color. Una vez

seleccionado un color, puede
que queramos
complementarlo con colores
armónicos. En el panel Guía
de color encontraremos
colores relacionados con el
seleccionado que nos
facilitarán esta tarea.
 MUESTRAS DE COLOR

Las muestras son colores, motivos, degradados,

grupos de colores, etc que podemos crear y guardar
para utilizar en varias ocasiones. Igual que ocurre con
los símbolos, las muestras se guardan en bibliotecas e
Illustrator ya trae unas cuantas predefinidas.
Podemos crear o seleccionar distintos tipos de
muestras.
Para seleccionar cualquiera de las muestras
existentes, basta con hacer clic, como hacíamos con
los colores.
podemos modificar sus opciones desde la ventana
Opciones de muestra haciendo doble clic sobre ella.
 BOTE DE PINTURA INTERACTIVA

Esta herramienta nos permitirá colorear cada parte del objeto encerrada en un trazado. Lo
primero que debemos de hacer es seleccionar el objeto u objetos que queramos y crear un
grupo de pintura interactiva, haciendo clic sobre ellos con la herramienta Bote de pintura
interactiva.
 DEGRADADOS

Un degradado es una fusión gradual de colores. Por

ejemplo, un rectángulo puede tener un degradado de
amarillo a rojo. Uno de sus extremos se verá amarillo, y
este color se irá combinando con el rojo pasando a un
amarillo anaranjado, naranja, rojizo hasta llegar al rojo en
el otro extremo.
El degradado puede incluir varios colores, pasando
gradualmente de uno a otro. Todo lo referente a los
graduados, lo gestionamos desde el panel Degradados.
Podemos elegir entre dos tipos de degradado en le
desplegable Tipo, lineal donde los colores forman líneas
paralelas, o radial, con el degradado formando círculos u
óvalos concéntricos.
 MALLA

La herramienta Malla nos permite modificar la forma

de los objetos editando su contorno, como una malla
que lo envuelve o que lo contiene.
Esta herramienta nos permite asignar efectos de
color que no podemos conseguir con los degradados.
Debemos utilizar objetos existentes. Cuando
hacemos clic en el relleno de un objeto, la
herramienta genera un ancla como intersección de
dos líneas que siguen la forma del objeto. En cada
caso tenemos un ancla en la intersección de las
líneas, la cual podemos seleccionar con un clic con la
misma herramienta de Malla, o bien con Selección
directa y asignarle un color. Dicho color rodeará al
ancla como una mancha independientemente del
resto del relleno.
 TRANSPARENCIAS

Podemos aplicar
transparencias a nuestros
objetos de Illustrator, de
forma que se pueda ver a
través de ellos total o
parcialmente.
Lo único que necesitamos
para conseguir esto es
reducir la Opacidad en el
panel de Transparencia.
 VOLVER A COLOREAR UNA ILUSTRACIÓN

Utilizando el comando Volver a colorear la

ilustración (Menú Edición → Editar colores
→ Volver a colorear la ilustración), podemos
cambiar los colores de un objeto creado por
nosotros, un símbolo, los motivos
predefinidos... o de toda la ilustración a la
vez.
Nos referimos a sustituir los colores, es
decir, cada vez que aparezca determinado
color, será sustituido por el que elijamos.
Con el objeto u objetos seleccionados,
podemos acceder al diálogo para colorear ya
sea desde el menú que mencionamos, o bien
desde el Panel de control pulsando en el
icono Volver a colorear ilustración.
 TEXTO

Disponemos de tres métodos de inserción

de texto, que elegiremos en función de la
cantidad de texto a introducir y de cómo
pretendemos utilizarlo:
 Texto de punto. Es una línea de texto, en
horizontal o vertical, sin un límite definido.
El texto comienza desde donde se hace
clic, y no crea saltos de línea automáticos,
aunque podemos hacerlos de forma
manual. Utilizaremos este método para
añadir pocas palabras, como leyendas al
pie de una ilustración o un título.
Para introducir este tipo de texto, basta con
seleccionar la herramienta Texto. texto de ejemplo
 TEXTO

 Texto de área o texto de párrafo. Los

caracteres vienen contenidos en un objeto,
que define sus límites. Cuando llega a los
límites, el texto se va ajustando al elemento
contenedor. Utilizaremos este método para
introducir texto de varios párrafos, ya que
nos facilita posicionarlo con el resto de
imágenes.
Para introducir este texto, seleccionamos el
objeto que formará el área, y hacemos clic en
su trazado con la herramienta Texto de área.
 TEXTO

 Texto en un trazado. El texto sigue la

línea y dirección del trazado sobre el que
lo añadamos, ya sea abierto o cerrado.
Utilizaremos este método para
introducir texto con formas especiales,
como en títulos o parte de diseños.
Para introducir este texto, seleccionamos
el objeto o trazado que marcará la ruta
del texto, y hacemos clic sobre él con la
herramienta Texto en trazado para poder
comenzar a escribir.
 TEXTO

El texto que introducimos

normalmente es horizontal, pero
también podemos introducir texto
vertical. Esto no se refiere al texto en
relación con la parte horizontal del
documento, si no a que un carácter
esté al lado del anterior (texto
horizontal) o en su parte inferior
(texto vertical).
 EJERCICIOS DE APLICACIÓN DE UNIDAD
Manchas y
El pastel Personaje Ave texto

Textos
 HEMOS LLEGADO AL FINAL
DE ÉSTE MATERIAL
Es hora de colocar en práctica lo
aprendido y tus destrezas para el
diseño vectorial, para lo cual
deberás:
Elaborar todos los ejercicios
planteados en ésta unidad.
Enviar los archivos Ai al correo:
JOJANIS.BH@GMAIL.COM