Tema 4. Uso del grupo de la herramienta Pen (Pluma).

Clase 4. Utilizando las herramientas del grupo Pen (Pluma) y la de Curvature

(Curvatura): Haciendo líneas rectas; creando trayectorias curvas; convirtiendo
puntos suaves en puntos esquinas y viceversa. Editando curvas. Uso del panel
Stroke para variar una trayectoria. Posibilidades de la herramienta Curvatura.

Uso de máscaras de recorte.

Con una máscara de recorte, en Illustrator, es posible recortar una imagen con
la forma del trazado que desees.

Procedimiento:

1. Abrimos la fotografía inicial con Illustrator Menú File (Archivo) > Open
(Abrir), y dibujamos encima la forma que queramos. Para hacer este
ejercicio utilizaremos un círculo. También puedes crear un documento
nuevo y colocar la imagen, Menú File (Archivo) > New, Menú File (Archivo)
> Place (Colocar). Los objetos se recortan con la forma del trazado que
tengamos más arriba.
2. Dibuja un círculo del tamaño que desees hacer el recorte, si ha quedado
detrás de la imagen, trae al frente la forma (círculo), con clic derecho,
Organizar, Traer al frente.

Nota: Es importante que el trazado del recorte esté arriba del que va a ser
recortado.

3. Ahora, con Shift o la herramienta Selección, selecciona ambas figuras y

haz clic derecho para seleccionar Máscara de recorte (Make Clipping
Mask). También puedes utilizar Menú Object > Clipping Mask > Make
(Menú Objeto > Máscara de Recorte > Crear).
4. Guárdala en el formato adecuado para que el fondo sea transparente.
Quitar el fondo de una imagen en Illustrator con la máscara de recorte

Recortar el fondo de una fotografía dibujando la silueta.

Si queremos recortar una forma o figura y quitar el fondo con Illustrator,

deberemos utilizar la herramienta Pluma haciendo clic punto por punto. Con esta
herramienta puedes colocar las anclas sobre tu figura donde desees. Una vez la
tengamos, procedemos a utilizar los tiradores y la herramienta Curvatura. Luego
con la herramienta Curvatura, haces clic y arrastra en el ancla donde desees
hacer una curva. Para ver el resultado suelta el clic del mouse. Aplícale una
máscara de recorte.

Importante: si haces clic con la herramienta de selección normal (la de color

negro), se seleccionará el objeto entero. Si lo seleccionas con la herramienta de
selección directa (de color blanco), podrás ir punto por punto.

Una vez tengamos la figura hecha y lista para recortar, la traeremos al frente,
desde el botón derecho, “Organizar”, “Traer al frente”. Y ahora aplicamos la
máscara de recorte para poder eliminar el fondo. Seleccionamos nuestra figura
(con la herramienta de selección) y el fondo (que estará detrás) a la vez con la
tecla MAYUS o la herramienta Selección, haz clic derecho y pulsamos sobre
“Crear Máscara de Recorte”.

Solo quedará guardarla en el formato que corresponda para que el fondo sea
transparente.

1. Menú File>Export>Export As
2. Selecciona PNG en Tipo, Export
3. En la ventana que aparece debe estar seleccionado Transparent

Herramienta Pluma (P)

La herramienta Pluma dibuja líneas rectas y curvas para crear objetos.

Para utilizar la herramienta pluma debes seleccionarla y
hacer clic sobre la mesa de trabajo, una vez hecho clic,
sin arrastrar, vas creando segmentos rectos.
Haciendo clic en la mesa de trabajo con la Pluma, creas
la primera ancla. Si sigues haciendo clic, crearás otras
anclas hasta que cierres la figura tocando el ancla inicial,
con lo que obtendrás una forma cerrada. De no hacerlo, crearás una forma
abierta.

Al cerrar la forma, podrás cambiar el color de relleno y ancho del trazo en el panel
Propiedades.
Con la herramienta Pluma se pueden crear formas curvas:
1. Haga clic en la mesa de trabajo, para crear la primera ancla.
2. En la segunda ancla, haz clic sostenido y aparecen los manejadores para
darle forma a la curva. En cada ancla que crees, no lo sueltes para crear
la curva. Procede de la misma manera hasta crear una figura cerrada
haciendo clic en la primera ancla.
Para intercalar formas curvas y rectas se procede como sigue:
1. Haga clic en la mesa de trabajo, para crear la primera ancla.
2. Luego, haga clic sostenido para que aparezca la curva.
3. Haga otro clic para crear recta. La diferencia está en el clic
sostenido.

Clic Clic
Clic Como te obliga a continuar con
curvas, ir al ancla anterior y hacer clic
Clic para interrumpir las curvas y hacer
Clic
clic para dibujar rectas.
Clic

Para convertir una recta en curva, utilizo la herramienta del grupo Pluma para
que aparezcan los manejadores del punto que deseo y con Pluma los estiro para
hacer curvas.
La herramienta Convertir punto de ancla (Shift+C) cambia vértices redondeados
a vértices cuadrados y viceversa.
Si quiero convertir nuevamente una curva en recta hago clic sobre un ancla con
esta herramienta.

La herramienta Añadir punto de ancla agrega puntos de ancla a trazados.

La herramienta Eliminar punto de ancla elimina puntos de ancla de los

trazados.

Con la herramienta Selección directa, hacer clic en un ancla y aparece un punto

de color magenta, para arrastrar y convertir a curva.

Herramienta Curvatura:
Facilita dibujar curvas. Al hacer clic para crear la primera ancla y luego para la
segunda ya estará generando curvas. Para crear una forma cerrada, debes
terminar haciendo clic en la primera ancla. Con esta herramienta, las curvas son
más suaves y tenues.

Ejercicio: Dibujar con la pluma

Vamos a realizar un dibujo, un famoso personaje animado.
Vamos a dibujarlo en objetos separados que superpondremos. Crearemos por
lo menos un objeto distinto para cada color de la ilustración.

Intenta hacer los segmentos curvos lo más largos posibles, es decir, que sus
puntos de ancla estén muy separados.

Ten en cuenta que unos objetos taparán a otros, por lo que podemos dibujar la
parte que estará oculta como más nos acomode.

Ejercicio:

1. Abre Adobe Illustrator CC, y crea un nuevo documento.

2. Selecciona Documento para web

3. Primero vamos a dibujar la silueta de la cabeza, sobre la que colocaremos

todos los objetos.

4. Traza los puntos en las posiciones que se ven en la imagen, utilizando los
puntos de dirección antes y después de crear el punto de ancla. Forma un
trazado cerrado, volviendo a hacer clic en el punto inicial.

5. Ahora crearemos la boca, un trazo abierto que parte del labio inferior y finaliza
en la comisura:

6. La nariz, un trazo abierto en forma de "c" invertida, alargada.

7. Los ojos. El derecho será una circunferencia. Del izquierdo sólo nos interesa
la parte que se verá. Ambos trazados son cerrados.
8. Y por último la oreja, un trazado abierto en forma de "C".

9. Ahora, con la herramienta Seleccionar, colocamos cada objeto en su posición

final

10. Ya que unos trazados se superponen a otros, es importante el orden de

apilamiento. Abrimos el panel capas y desplegamos la capa actual.

11. Arrastramos los objetos en el panel hasta conseguir el siguiente orden:

1. Oreja
2. Ojo derecho
3. Nariz
4. Ojo izquierdo
5. Boca

12. Seleccionamos todos los elementos trazando un rectángulo con la

herramienta Seleccionar.

13. Seleccionamos un trazo Negro en el panel Color, con un grosor de 2px en el

panel Trazo.
14. Con la tecla Shift (Mayúsculas) presionada, hacemos clic sobre ojos y boca
para deseleccionar esos elementos.

15. En el panel de Color, elegimos para el relleno el color amarillo de la piel.

16. Seleccionamos la boca y le damos el color de relleno marrón.

17. Seleccionamos los ojos y le damos un relleno blanco.

18. Con la herramienta Pluma, con un trazo negro de 2pt y relleno transparente,
trazamos la "M" que forma el pelo sobre la oreja, y los dos arcos de pelo de la
cabeza.

19. Cambiando a la herramienta Lápiz, trazamos el dibujo de la oreja.

20. Por último, con la herramienta elipse, sin contorno y relleno negro, dibujamos
las dos pupilas.
Cómo dibujar una línea de puntos con Illustrator
De forma predeterminada, la línea discontinua en Adobe Illustrator es
rectangular, lo que puede no ofrecer la flexibilidad o el estilo que está buscando
para un proyecto. Por suerte, existen diversos ajustes en Stroke Palette (Paleta
de trazos) de Illustrator que le permitirán ajustar las formas de las líneas y el
tamaño.
Seleccione una línea, en primer lugar, abra Stroke Palette (Paleta de trazos)
haciendo clic en Window (Ventana) y luego en Stroke (Trazo) en la barra de
menú. Aparecerá una ventana flotante con una variedad de opciones, recuerda
que en el panel Propiedades también aparecen estas opciones. Luego, dibuje la
línea de puntos que quisiera que fueran cuadrados. Si ya dibujó la línea, haga
clic sobre ella para editarla. Ajuste los valores de los guiones y los huecos: la
línea rectangular tendrá un valor de guion más largo, lo que representa la
longitud de cada guion. En cambio, el valor del hueco hace referencia al espacio
en blanco entre los guiones. Para realizar una línea de puntos cuadrados,
establezca los valores de guiones y huecos en 2pt. Si le gustaría que haya más
espacio entre los guiones, aumente el valor del hueco. Antes de guardar los
cambios, asegúrese de que el valor y el grosor del guion sean iguales.

Cómo crear una línea de puntos circulares

Seleccione una línea, abra Stroke Palette utilizando las mismas opciones de
menú. Luego, haga clic en la línea que quiere que sea de puntos. Ajuste los
valores: este es un truco para crear puntos circulares perfectos. En primer lugar,
haga clic en el icono Round Cap (Extremo redondeado) junto al ajuste de grosor.
Luego, cambie el valor del guión a 0pt. Si el grosor de su trazo es de 5pt, ingrese
un valor de hueco que sea dos veces más grande (es decir, 10pt). Juegue con
diferentes grosores y huecos hasta encontrar un tamaño ideal. Realice más
ajustes: para cambiar el color de la línea de puntos, seleccione Object (Objeto)
y luego Flatten Transparency (Acoplar transparencia) desde la barra de menú;
esto expandirá las líneas. Desde allí, podrá rellenar los puntos con cualquier
color o diseño que desee.

Cómo crear una línea de puntos personalizada

Dibuje una forma: con la herramienta Ellipse (Elipse) —o con cualquier otra
herramienta de dibujo para ese fin— dibuje primero la forma que le gustaría ver
como una línea de puntos. Puede ser un óvalo, un rombo o un paralelogramo.
Sea tan creativo y excéntrico como guste. Transfiérala a Brushes Palette (Paleta
de pinceles): en primer lugar, abra Brushes Palette haciendo clic en Window y
luego en Brushes (Pinceles) en la barra de menú (o presionando F5). Arrastre la
nueva forma a la ventana. Illustrator le preguntará qué tipo de pincel desea crear.
Seleccione "Scatter Brush" (Pincel de dispersión) y haga clic en OK. Modifique
los ajustes del pincel: una vez que haya seleccionado Scatter Brush, aparecerá
otro cuadro. Aquí, podrá colocarle un nombre a su nuevo pincel, modificar el
tamaño y el espaciado e, incluso, elegir de manera aleatoria el diseño de la línea.
Luego de probar con algunos ajustes, seleccione OK para guardarlos con el
pincel. Si no está satisfecho un parámetro determinado, puede regresar luego a
esta ventana con facilidad. Asigne el nuevo pincel: por último, diseñe un trazado
con la herramienta Line Segment (Segmento de línea). Asegúrese de que la línea
esté seleccionada, vuelva a verificar que Stroke esté habilitado en Tool Palette y
luego elija su nuevo pincel en Brushes Palette. Mágicamente, su línea de puntos
personalizada aparecerá en todo el trazado seleccionado.

Lo primero que tenemos es un círculo normal trazado con la herramienta de

Elipse.

Ahora desde el Panel de ‘Stroke’, (puedes verlo en desde Windows>Stroke),

activas la opción de Línea Punteada y le das un valor al segmento de 90pt.
Listo, antes de continuar tienes que mirar que esté activada una opción, revisa
Edit>Preferencias>General.

Revisa la opción de ‘Escalar Trazos y Efectos’, debes dejarla sin seleccionar,

así cuando cambias el tamaño de una figura, el borde, el grosor y otros
elementos no se escalarán para el nuevo tamaño.

Mientras presionas la tecla ‘Shift’ para no desproporcionar la figura, reducimos

el tamaño del círculo y verás que mientras el círculo cambia de tamaño, el grosor
del borde y de la línea punteada no cambian.
Usando la sección de ‘Línea Punteada’ podemos crear algunos elementos
curiosos, cambiando los valores de Dash y Gap, se puede obtener algo como lo
siguiente:

Puedes jugar con la opción ‘Perfil’ para generar otros patrones.

Cuando termines, puedes expandir el vector para editar cada parte de forma
separada con total libertad. Para hacerlo, debes ir al menú Objeto>Expandir
Apariencia (teniendo seleccionado el vector).

Expandiendo la apariencia, se pueden hacer más fusiones con otros vectores y

probar con las distintas opciones.
Puedes combinar distintos valores de Dash, Gap, Weight, Profiles y colores para
crear distintas formas 100% en vector.