unidadad 3 diseÑo grafico

8/16/2019 UNIDADAD 3 DISEÑO GRAFICO

1/28

Contacto: [email protected] Web: www.elearning-total.com

ELEARNING TOTAL Diseño Gráfico Digital – Unidad

DISEÑO GRÁFICO DIGIT L

Módulo 1: Imágenes Vectoriales

Unidad 3: Herramienta Pluma

mailto:[email protected]:[email protected]:[email protected]://www.elearning-total.com/http://www.elearning-total.com/http://www.elearning-total.com/http://www.elearning-total.com/mailto:[email protected]


2/28



Unidad 3: Herramienta Pluma

Herramienta Pluma

Panel Trazo

Tipos de ancla

Tipos de línea

Herramienta Pincel

Pincel de Manchas

4

7

9

13

19

24



3/28



Que el alumno logre:

Conocer más sobre el espacio de Adobe Illustrator y sus herramientas

Utilizar la principal herramienta para el dibujo de formas y la manipulación de objetos vectoriales: la

Pluma.



4/28



Herramienta Pluma

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.

1. 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.



5/28



2. 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.

3. 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.



6/28



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.



7/28



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.



8/28



DIBUJAMOS UN CÍRCULO

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.



9/28



Panel “Trazo”

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:

Grosor, color, terminación de punta, forma del ángulo, alineación y guiones.



10/28



El co lor en los trazos se aplica igual que a los rellenos, tanto en la barra de herramientas como en el panelcolor 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 enpuntos, desde 0,25 pt a 100 pt, pero se puede especificar manualmente cualquier número en puntos o

milímetros.

La Term inación de la pun ta sólo se produce cuando el trazado es abierto, y consiste en el modo determinación de los dos puntos de ancla extremos del trazado. Puede ser normal, redondeado o cuadrado

extendido.



11/28



La fo rm a de ángul o , 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.

La al ineación consiste en la posición del grosor del trazo con respecto del contorno del trazado. Por defectolos 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.



12/28



Los guiones se pueden configurar también en el panel de trazo, creando una secuencia hasta de tres guionesy 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.



13/28



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:



14/28



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.



15/28



Para volver a convertirlo en un punto de vértice, bastaría con hacer clic con la herramienta Convertir puntos de

ancla sin arrastrar.

C OMBINAR 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 siqueremos 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.



16/28



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.

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.



17/28



M OVER 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.

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.



18/28



Ahora solo nos queda arrastrar el punto hasta otro lugar.



19/28



La Herramienta Pincel

La herramienta pincel dibuja líneas a mano alzada y caligráficas, además de añadir dibujos y trazos de los

pinceles de cerdas a los trazados.

Los pinceles permiten estilizar la apariencia de los trazados. Puede aplicar trazos de pincel a trazados existentes,

o usar la herramienta Pincel para dibujar un trazado y aplicarle un trazo de pincel simultáneamente.

Illustrator le proporciona distintos pinceles: caligráficos, de dispersión, de arte, de motivo, y pinceles de cerdas.

Con estos pinceles se pueden conseguir los efectos siguientes:

Pinc eles calig ráfico s

Crean trazos similares a los de la punta afilada de una pluma caligráfica, dibujados a lo largo del centro del

trazado. Con la herramienta pincel de manchas, puede pintar con un pincel caligráfico y ampliar

automáticamente el trazo del pincel a una forma de relleno que se combine con otros objetos rellenos del

mismo color que estén en la intersección o juntos en orden de apilamiento.

a. PINCELES DE DISPERSIÓN: Dispersan copias de un objeto (como un insecto o una hoja) a lo largo del

trazado.

b. PINCELES DE ARTE: Modifican la forma de un pincel (como Trazos carboncillo) o la forma de un objeto

uniformemente por todo el trazado.

c. PINCEL DE CERDAS: Crean trazos de pincel con la apariencia de un pincel de cerdas natural.



20/28



d. PINCELES DE MOTIVO: Dibujan un motivo, formado por azulejos individuales, que se repite a lo largo del

trazado. Los pinceles de motivo pueden incluir como máximo cinco azulejos, destinados a los lados, la

esquina interior, la esquina exterior, el comienzo y el final del motivo. (Los pinceles de dispersión y los

pinceles de motivo a menudo permiten lograr el mismo efecto. Sin embargo, una de las diferencias

entre ellos es que los pinceles de motivo siguen el trazado exactamente y los pinceles de dispersión no).

El panel Pinceles (Ventana > Pinceles) muestra los pinceles del archivo actual.

Los pinceles que se seleccionan en una biblioteca de pinceles se incorporan automáticamente al panel Pinceles.

Los pinceles que ha creado y guardado en el panel Pinceles están asociados solo al archivo actual, lo que

significa que cada archivo de Illustrator puede tener un conjunto de pinceles diferente en el panel Pinceles.

Las flechas de un pincel de motivo se curvanpara seguir el trazado (izquierda); las flechaspermanecen rectas en el pincel de dispersión(derecha).



21/28



Opciones de la Herramienta Pincel

Hacemos doble clic en la herramienta Pincel para definir cualquiera de las opciones siguientes:

a. FIDELIDAD: Controla la distancia a la que debe mover el ratón o el lápiz electrónico para que Illustrator

añada un nuevo punto de ancla al trazado. Por ejemplo, un valor de Fidelidad de 2,5 significa que los

movimientos de la herramienta de menos de 2,5 píxeles no se registran. Los valores de Fidelidad pueden

estar comprendidos entre 0,5 y 20 píxeles. Cuanto más alto sea el valor, más suave y menos complejo

será el trazado.

b. SUAVIZADO : Controla la cantidad de suavizado que Illustrator aplica al utilizar la herramienta. Los valores

de suavizado pueden estar comprendidos entre el 0% y el 100%. Cuanto más alto sea el porcentaje, más

suave es el trazado.

c. RELLENAR NUEVOS TRAZOS DE PINCEL: Aplica un relleno al trazado. Esta opción resulta especialmente útil

cuando se dibujan trazados cerrados.

d. MANTENER SELECCIONADO: Determina si Illustrator mantendrá el trazado seleccionado después de

dibujarlo.



22/28



e. EDITAR TRAZADOS SELECCIONADOS: Determina si se podrá utilizar la herramienta Pincel para modificar un

trazado existente.

f. EN: _ PÍXELES: Determina la distancia a la que el ratón o el lápiz electrónico deben estar de un trazado

existente para poder editarlo con la herramienta Pincel. Esta opción solo está disponible cuando la

opción Editar trazados seleccionados está activada.

Como eliminar un trazado de pincel:

Seleccionamos el trazado de pincel. En el panel Pinceles, elegimos Quitar trazo de pincel o hacemos clic en el botón Quitar

trazo de pincel .

También se puede eliminar un trazo de pincel seleccionando el pincel Básico en el panel

Pinceles o en el panel de control.



23/28



LA H ERRAMIENTA P INCEL DE M ANCHAS

La herramienta Pincel de manchas dibuja trazados que expanden y combinan automáticamente trazados de

pincel caligráfico que comparten el mismo color y que son consecutivos en el orden de apilamiento.

Trazados creados con un pincel caligráfico (izquierda) y con la herramienta Pincel de manchas (derecha).

Para combinar trazados, deben estar juntos en orden de apilamiento.

Con la herramienta Pincel de manchas se crean trazados con relleno pero sin trazo.

Para combinar los trazados con una ilustración existente, debe tener el mismo color de relleno y que no tenga

trazo.

Al dibujar trazados con la herramienta Pincel de manchas, los nuevos se combinan con los trazados coincidentes

superiores. Si un trazado nuevo toca más de un trazado coincidente del mismo grupo o la misma capa, se

combinan todos los trazados que se intersequen.



24/28



Actividad

- Utilizando la herramienta pluma, dibuja los siguientes elementos.



25/28



Actividad 2

- Utilizando la herramienta pluma, dibuja las siguientes líneas.



26/28



Actividad 3

- Utilizando las herramientas desarrolladas en el bloque temático, realiza el siguiente dibujo:

Te invitamos a compartir los resultados en el foro de la unidad.



27/28



En esta Unidad pudimos ver el manejo de una de las herramientas más importantes de dibujo: la pluma.

También trabajamos con diferentes tipos de línea y la posibilidad de crear dibujos con ellas y con la herramienta

pincel.

En la próxima Unidad trabajaremos con Color y Tipografía.

En esta Unidad…

En la próxima Unidad…



28/28


- 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

Sitios Web:- https://helpx.adobe.com/es/illustrator.html

unidadad 3 diseÑo grafico

Documents