adobe illustrator – nivel inicial · alan swann, “bases del diseño gráfico”. editorial gg...

15
ADOBE ILLUSTRATOR – NIVEL INICIAL Adobe Illustrator / Nivel Inicial – Capacitación Digital UP Abode Illustrator – Nivel Inicial UNIDAD 2: Dibujo vectorial

Upload: others

Post on 17-Mar-2021

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

ADOBE ILLUSTRATOR – NIVEL INICIAL

Adobe Illustrator / Nivel Inicial – Capacitación Digital UP

Abode Illustrator – Nivel Inicial

UNIDAD 2:

Dibujo vectorial

Page 2: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 3: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 4: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

ADOBE ILLUSTRATOR – NIVEL INICIAL

Adobe Illustrator / Nivel Inicial – Capacitación Digital UP

Page 5: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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

Page 6: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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”

Page 7: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 8: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 9: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 10: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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:

Page 11: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 12: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 13: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 14: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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.

Page 15: ADOBE Illustrator – Nivel Inicial · Alan Swann, “Bases del Diseño Gráfico”. Editorial GG 1995 Maggie Gordon, Manuel del Diseño Gráfico Digital. Editorial Rústica 2007

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