ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
Abode Illustrator – Nivel Inicial
UNIDAD 2:
Dibujo vectorial
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
1. Herramienta Pluma
La herramienta Pluma (accesible con la tecla P) es una de las herramientas con mayor utilidad y
versatilidad en el dibujo vectorial.
Con ella podemos concretar exactamente dónde y cuántos puntos de ancla tendrá nuestro trazo, si
son suavizados o vértices, y si los segmentos son rectos o curvos.
Esta herramienta se divide a su vez en sub-herramientas, que pueden elegirse directamente en
la barra de herramientas.
También podemos utilizarlas a medida que dibujamos con la pluma, con el teclado y las
teclas Ctrl y Alt.
1. La herramienta Pluma nos permite dibujar un trazado, haciendo clic donde queramos
crear un punto de ancla.
2. La herramienta Añadir punto de ancla crea un nuevo punto de ancla al trazado sobre el
que pulsemos, y en la posición del clic.
3. La herramienta Eliminar punto de ancla elimina el punto de ancla existente sobre el que
hagamos clic.
Podemos alternar entre estas dos herramientas pulsando la tecla Alt.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
4. La herramienta Convertir punto de ancla transforma un punto ya existente. Por
ejemplo, si hacemos clic sobre un punto suavizado, se convertirá en un vértice. Y si hacemos
clic sobre un vértice y arrastramos, podremos controlar las líneas de dirección y
transformarlo en un punto suavizado.
Los cursores
La herramienta pluma presenta diferentes formas dependiendo de lo que hagamos.
Cada cursor intuitivamente nos alerta de la acción que vamos a ejecutar.
Está preparado para comenzar el trazado.
Mientras estamos en medio de la creación o edición de un trazado.
Cuando el mouse está presionado.
Cuando nos acercamos a una sección del trazado; para añadir un punto de ancla al
trazado.
Cuando nos acercamos a un punto de ancla; para removerlo del trazado.
Cuando nos acercamos al primer punto de ancla del trazado; para cerrar el trazado.
Cuando nos acercamos al punto final del trazado existente; para continuar
trazando.
Cuando nos acercamos a algún punto de ancla existente.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
2. Tipos de Ancla
El tipo de trazado más sencillo que se puede dibujar con la herramienta Pluma es una línea recta, que se
crea haciendo clic con la pluma para crear dos puntos de ancla.
Dibujamos una línea recta
La línea recta se crea del mismo modo que con la herramienta Segmento de línea.
Para dibujarla, hacemos clic en el punto de origen y, sin mantener pulsado el botón tras el clic,
hacemos otro clic en donde queramos que acabe la línea.
Si mantenemos pulsada la tecla Shift limitaremos el ángulo del segmento a múltiplos de 45º. Esto nos
facilitará crear rectas verticales u horizontales.
Dibujamos un polígono
Para dibujar un polígono, vamos haciendo clic en cada uno de los vértices, sin arrastrar.
Para cerrar el trazado dibujado, el último clic lo haremos sobre el primer punto de ancla, cuando se
muestre un pequeño círculo junto al cursor.
En este caso, todos los puntos de ancla son puntos de vértice y generan líneas rectas.
Dibujamos un círculo
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
Para crear un punto suavizado, hacemos clic en el espacio del documento donde queremos iniciar
nuestra curva, y sin soltar le botón del mouse lo arrastramos.
Veremos que estamos arrastrando uno de los controles de dirección de ese punto de ancla.
Los controles de dirección, nos permiten controlar el ángulo y la curvatura del segmento. La parte
externa de la curva apuntará en la misma dirección que hayamos arrastrado.
Una vez definido el arco, hacemos clic en el lugar donde queramos que éste finalice y arrastramos
nuevamente para crear el segmento curvo.
Para finalizar el círculo, hacemos clic nuevamente sobre el punto de inicio.
Panel “Trazo”
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
Se denomina trazo a la apariencia de un trazado en su línea de contorno. Los trazos tienen seis
características básicas, que son:
1. Grosor, color, terminación de punta, forma del ángulo, alineación y guiones.
El color en los trazos se aplica igual que a los rellenos, tanto en la barra de herramientas como en el
panel color tendremos que seleccionar el color de trazo (marco hueco) y aplicarle el color que
queramos
El grosor es la anchura que ocupará el trazo a lo largo del trazado, en el panel de trazo se especifica
en puntos, desde 0,25 pt a 100 pt, pero se puede especificar manualmente cualquier número en
puntos o milímetros.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
La terminación de la punta sólo se produce cuando el trazado es abierto, y consiste en el modo de
terminación de los dos puntos de ancla extremos del trazado. Puede ser normal, redondeado o
cuadrado extendido.
La forma de ángulo, sólo se producirá cuando el trazado tenga ángulos en alguno de sus puntos de
ancla. Normalmente en el ángulo se genera un vértice en la parte exterior que puede ser limitado
con un número (a número más alto más agudo deberá ser el ángulo para que se trunque). Este
vértice puede ser también configurado para que sea redondeado o biselado.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
La alineación consiste en la posición del grosor del trazo con respecto del contorno del trazado. Por
defecto los grosores aparecen centrados al trazado quedando a cada lado de éste la mitad del grosor
del trazo, esto se puede cambiar para que sea interior o exterior.
Los guiones se pueden configurar también en el panel de trazo, creando una secuencia hasta de tres
guiones y tres huecos, si sólo se configura la primera medida se crearán guiones y huecos con la
misma medida, si se configura una o más medidas para los guiones y una o más medida para los
huecos, la secuencia marcada se repetirá a lo largo del trazo, tantas veces como sea necesario.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
1. Tipos de línea
Líneas rectas
Como veíamos en el bloque temático 2, la forma de dibujar una línea recta es hacer clic en nuestro
espacio de trabajo para comenzar la línea, desplazarnos y hacer clic nuevamente en el espacio de
trabajo para finalizar la línea.
Líneas curvas
Para comenzar el trazado debemos hacer dos puntos en lugares diferentes. Pero si queremos realizar
un trazado completamente curvo, debemos, en cada punto, arrastrar el puntero para que se genere
la curva en cada extremo, por cada punto de ancla.
Veamos los pasos a seguir en el gráfico, las flechas rojas indican la dirección de arrastre que debemos
darle al puntero. Cuanto más lo alejemos del punto de ancla, más pronunciada será la curva:
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
La diferencia entre al arrastrar el punto final o no, es que el punto que creamos al arrastrar es
suavizado. Por lo que si creamos otro segmento a continuación, este tendrá que ser curvo para poder
adaptarse.
Podríamos seguir añadiendo segmentos curvos siguiendo este sistema, y al final dejarlo abierto o
cerrarlo, volviendo a pulsar sobre el primer punto de ancla.
Líneas curvas a partir de un ángulo
Otra opción sería crear dos segmentos unidos por un punto de vértice.
Si mantenemos pulsada la tecla Alt con la herramienta Pluma, esta se transforma en la
herramienta Convertir puntos de ancla.
Hacemos clic sobre el punto de vértice y arrastramos hasta obtener la curva deseada.
Para volver a convertirlo en un punto de vértice, bastaría con hacer clic con la herramienta Convertir
puntos de ancla sin arrastrar.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
Combinar líneas rectas y curvas
Hasta ahora hemos visto que al hacer un clic creamos un punto de ancla. Si soltamos el puntero
inmediatamente, el punto creado es un vértice, mientras que si arrastramos, el punto es suavizado, y
los segmentos que unen curvos.
Puntos de vértice también pueden unir segmentos curvos o rectos y curvos. Vamos a ver como lo
hacemos.
Nos basaremos en que si situamos la Pluma sobre el último punto de ancla creado (que será un
extremo), esta se comporta de forma muy parecida a la herramienta Convertir puntos de ancla, pero
únicamente afecta al próximo segmento.
Por ejemplo, para crear un segmento recto seguido de uno curvo, creamos primero el recto haciendo
dos clics, sin arrastrar al final. Seguidamente, nos situamos sobre el último punto de ancla hasta que
el cursor de la pluma muestre un triángulo . Hacemos clic y arrastramos.
Vemos que en este caso sólo aparece una línea de dirección, que corresponde al futuro segmento.
Después, hacemos clic en el lugar donde finalizará el nuevo segmento.
En este ejemplo, el último punto creado es un vértice, porque no hemos modificado sus líneas de
dirección (aunque podríamos haberlo hecho). Por lo tanto si hacemos otro clic, el segmento
resultante será recto. Pero si queremos trazar un segmento recto después de un arco que termina en
un punto suavizado, tendremos que transformarlo. Para ello basta con volver a hacer clic sobre él
(sin arrastrar), con lo que se convierte en un punto de vértice.
Cuando lo que queremos es crear un punto de vértice que una dos segmentos curvos, podemos
también hacerlo como hemos visto: crear un arco, y si el último punto es suavizado, convertirlo a un
punto de vértice haciendo clic antes de crear el nuevo trazado.
Otra opción más rápida es utilizar la tecla Alt mientras manejamos las líneas de dirección del extremo
final. Al pulsar la tecla, pasamos a controlar la dirección del siguiente segmento, como hacíamos al
volver a hacer clic y arrastrar tras crear una recta.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
Otra manera de conseguir este mismo efecto es preocuparnos sólo por modificar la primera de las
líneas de dirección, y modificar la segunda después de crear el punto, manteniendo pulsada la tecla
Alt mientras pulsamos y arrastramos del punto de dirección.
Mover puntos de ancla de un trazado
Para mover puntos de ancla de lugar, se utiliza la herramienta de selección directa desde la barra de
herramientas o mediante la tecla ( A ).
Una vez seleccionada, hacemos un clic sobre el trazado. Notaremos que los tres puntos se vuelven
blancos.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
Seleccionamos el punto del medio con un clic, y notamos que el punto esta seleccionado porque ha
cambiado su color mientras los demás siguen estando blancos, como lo muestra la imagen.
Ahora solo nos queda arrastrar el punto hasta otro lugar.
ADOBE ILLUSTRATOR – NIVEL INICIAL
Adobe Illustrator / Nivel Inicial – Capacitación Digital UP
Bibliografía utilizada y sugerida
Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995
Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007
Pablo Katcheroff, Diseño Gráfico, Manuales Users 2005
Anna María López, Curso Diseño Gráfico. Fundamentos y Técnicas. Ed.
ANAYA 2013