Pluma

32
INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006 Instructor: Prof. César Robles Meléndez. Autor: Wilder Enrique Maguiña Pachari.

Transcript of Pluma

Page 1: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Instructor: Prof. César Robles Meléndez.

Autor: Wilder Enrique Maguiña Pachari.

Page 2: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

La Herramienta PlumaLa herramienta Pluma (accesible con la tecla P) es la

más útil y versátil en el dibujo vectorial, ya que 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 aunque las podemos elegir

directamente en la barra de herramientas, podemos

también utilizarlas a medida que dibujamos con la

pluma.

La herramienta Pluma nos permite dibujar un trazado, haciendo clic donde queramos crear un punto de ancla.

Page 3: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

La herramienta Añadir punto de ancla crea un nuevo puntode ancla al trazado sobre el que pulsemos, y en la posicióndel clic.

La herramienta Eliminar punto de ancla elimina el punto deancla existente sobre el que hagamos clic.Podemos alternar entre estas dos herramientas pulsando latecla Alt, con culaquiera de ellas activa

Page 4: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

La herramienta Convertir punto de ancla transforma un punto ya existente. Porejemplo, si hacemos clic sobre un punto suavizado, se convertirá en un vértice. Ysi hacemos clic sobre un vértice y arrastramos, podremos controlar las líneas dedirección y transformarlo en un punto suavizado.

Page 5: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Dibujar con la PlumaAl principio puede resultar difícil el uso de esta herramienta, pero no es más que lafalta de costumbre. Cuando la dominemos, veremos lo versátil que resulta. Vamos aempezar paso a paso.La pluma irá dibujando a medida que hacemos clics. Para finalizar el trazo, podemoselegir otra herramienta o pulsar la tecla Ctrl. para cambiar al cursor de selección yhacer clic fuera del trazo.

Page 6: Pluma

DIBUJAR UNA RECTA

El trazo más simple que podemos realizar es una recta, del mismo modo que conla herramienta Segmento de línea. Para dibujarla, hacemos clic en el punto deorigen y, sin mantener pulsado el botón tras el clic, hacemos otro clic en dondequeramos que acabe la línea.

Si mantenemos pulsada la tecla Mayúsculas limitaremos el ángulo del segmento amúltiplos de 45º. Esto nos facilitará crear rectas verticales u horizontales.

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 7: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Vamos haciendo clic en cada uno de los vértices del polígono, sin arrastrar. Paracerrar el trazado, el último clic lo haremos sobre el primer punto de ancla, cuando semuestre un circulito junto al cursor.

DIBUJAR UN POLIGONO

En este caso, todos los puntos de ancla son puntos de vértice.

Page 8: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Vamos a ver varias maneras de obtener un únicosegmento curvo, un arco, creando un puntosuavizado.

DIBUJAR UN SEGMENTO CURVO

Page 9: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Para crear un punto suavizado, hacemos clic en el documento, y sin soltar el botón delratón lo arrastramos. Veremos que estamos arrastrando uno de los manejadores dedirecció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 mismadirección que hayamos arrastrado.

Una vez definido el arco, hacemos clic en ellugar donde queramos que éste finalice, y elsegmento aparecerá curvo.

Si en vez de soltar el clic final, lomantenemos pulsado y arrastramos,podremos controlar también las líneas dedirección de este punto. Si movemos laslíneas en la dirección opuesta a como lashemos movido en el primer punto,obtendremos un arco, pero si las movemosen la misma dirección, obtendremos una "S“.

Page 10: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Otra opción sería Convertir un punto existente. Si mantenemos pulsada la tecla Altcon la herramienta Pluma, esta se transforma en la herramienta Convertir puntosde ancla. Hacemos clic sobre el punto de vértice y arrastramos hasta obtener lacurva deseada.

Para volver a convertirlo en un punto de vértice, bastaría con hacer clic con laherramienta Convertir puntos de ancla sin arrastrar.

Page 11: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

COMBINAR SEGMENTOS RECTOS Y CURVOS:

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 herramientaConvertir puntos de ancla, pero únicamente afecta al próximo segmento.

Por ejemplo, para crear un segmento recto seguido de uno curvo, creamos primeroel recto haciendo dos clics, sin arrastrar al final. Seguidamente, nos situamos sobreel ú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 dedirección, que corresponde al futuro segmento. Después, hacemos clic en el lugardonde finalizará el nuevo segmento.

Page 12: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Otra opción más rápida es utilizar la tecla Alt mientras manejamos las líneas dedirección del extremo final. Al pulsar la tecla, pasamos a controlar la dirección delsiguiente segmento, como hacíamos al volver a hacer clic y arrastrar tras crear unarecta.

Otra forma de conseguir este mismo efecto es preocuparnos sólo por modificar laprimera de las líneas de dirección, y modificar la segunda después de crear elpunto, manteniendo pulsada la tecla Alt mientras pulsamos y arrastramos delpunto de dirección.

Page 13: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

TRAZADOS CON LA HERRAMIENTA PLUMA

• A través de esta imagen definiremos las partes de un trazado

A,A’,A’’ son los puntos de ancla o nodos1 y 2 son las líneas de direccióna y b son los puntos de dirección

Page 14: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 15: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 16: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 17: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 18: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 19: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

En este ejemplo en el cual se combina un poco todo, he empezado por el punto1 y ehbuscado para el punto 2 la mitad de la eclipse. Esta curva la hago haciendo click en 2 y sinsoltar pulso MAYUSCULA y muevo el ratón abajo hasta que la curva de la línea de direcciónqueda perfectamente acoplada ala curva 1+2 del dibujo y Sin soltar pulso la tecla ALT paraajustar la siguiente curva.

Como se ve, a es mas largo b . Esto es porque la curva que conforman1 + 2. acertar a la 1ª requiere mucha practica, así que si nosequivocamos y la curva no sale como debiera, no desesperamos,seguiremos ya que hay forma de arreglarlo.Una vez con la tecla ATL he ajustado mas o menos la línea de

dirección b, suelto todo y hago click en 3 y suelto. Como el punto 4 esuna recta, ya sabemos, pulsamos MAYUSCULA y hacemos click en 4. Elresto de la figura se consigue de la misma forma

Page 20: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Hemos calculado mal la curva 2 +3 y el trazado salemal. Bueno, una vez trazada toda la figura vamos arectificar lo que nos haya salido mal. Seguimos con laherramienta pluma y o bien pulsamos la teclaCONTROL (la mantendremos todo el procesopulsada)o cambiamos a la herramienta seleccióndirecta(A)Hacemos click en el nodo 2 para que aparezcan laslíneas y puntos de dirección. hacemos click+MAYUSCULA en el punto de dirección A y movemos elratón arriba o abajo hasta ajustar la curva del dibujo. Sihubiéramos situado el nodo mal, podemos desplazarlocon esta herramienta pulsando sobre el y arrastrando.

Page 21: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Pantera RosaVamos a utilizar lo visto hasta ahora para realizar un dibujo unpoco más complejo, en este caso un famoso personajeanimado.

-No vamos a dibujarlo todo en el mismo trazo, lo dividiremos en distintos objetos quesuperpondremos.-Normalmente, crearemos por lo menos un objeto distinto para cada color de lailustración.-Intenta hacer los segmentos curvos lo más largos posibles, es decir, que sus puntos deancla estén muy separados.-Ten en cuenta que unos objetos taparán a otros, por lo que podemos dibujar la parteque estará oculta como más nos acomode.

Page 22: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

1. Abre Adobe Ilustrador CS3, y crea un nuevo documento.2. En la Pantalla de bienvenida, haz clic sobre Documentopara web....3. Primero vamos a dibujar la silueta de la cabeza, sobre laque colocaremos todos los objetos.4. Traza los puntos en las posiciones que se ven en laimagen, utilizando los puntos de dirección antes y despuésde crear el punto de ancla. Forma un trazadocerrado, volviendo a hacer clic en el punto inicial

Ejercicio:

Page 23: Pluma

5. Ahora crearemos la boca, su lengua, y su sonrisa.

Al final armado termina como la sig. imagen

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 24: Pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Al final armado termina como la sig. imagen

6. La nariz, Traza los puntos en las posiciones que se ven en la imagen

Page 25: Pluma

7. Los ojos , Creamos. . un circulo y le sacamos copia. luego para la ceja..creamosun rectángulo..y lo giramos en forma diagonal y por ultimo. para el oído creamos 2puntos..así como muestra la imagen.

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 26: Pluma

8.para crear los bigotes :creamos 3 puntos así como muestra la imagen

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 27: Pluma

Ahora, con la herramienta Seleccionar, colocamos cada objeto en su posición final. Y le damos un grosor de 3pt.

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 28: Pluma

Mickey Mouse

Vamos a utilizar lo visto hasta ahora para realizar un dibujo un poco más complejo, eneste caso un famoso personaje animado.

-No vamos a dibujarlo todo en el mismo trazo, lo dividiremos en distintos objetos quesuperpondremos.-Normalmente, crearemos por lo menos un objeto distinto para cada color de lailustración.-Intenta hacer los segmentos curvos lo más largos posibles, es decir, que sus puntos deancla estén muy separados.-Ten en cuenta que unos objetos taparán a otros, por lo que podemos dibujar la parteque estará oculta como más nos acomode.

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 29: Pluma

1. Abre Adobe Ilustrador CS3, y crea un nuevo documento.2. En la Pantalla de bienvenida, haz clic sobre Documento para web....3. Primero vamos a dibujar la silueta de la cabeza, sobre la que colocaremos todos losobjetos.4. Traza los puntos en las posiciones que se ven en la imagen, utilizando los puntos dedirección antes y después de crear el punto de ancla. Forma un trazado cerrado,volviendo a hacer clic en el punto inicial

Ejercicio:

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 30: Pluma

5. Ahora crearemos la cara,Trazando los puntos en lasposiciones que se ven en laimagen

6. Ahora crearemos los ojos y su narizcomo muestra la siguiente imagen

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 31: Pluma

5. Ahora crearemos la boca, su lengua, y su sonrisa.Trazamos los puntos como muestra la siguiente imagen yveras lo sencillo k es la herramienta pluma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006

Page 32: Pluma

de dibujar a Mickey Mouse quedara así como muestra la imagen

dándole un grosor se 1px

INSTITUTO DE EDUCACIÓN SUPERIOR TECNÓLOGICO PRIVADO R.M. Nº 0324-93 / R.D.Nº 0388-2006