Cristalab

Cómo usar la herramienta pluma en Adobe Illustrator

Por: Mariux + 01.05.2007

En este tip expondré algunas características básicas sobre el manejo de la herramienta pluma en Adobe Illustrator para crear vectores. Es de nivel principiante, por lo que no hay que tener conocimientos previos sobre el manejo de las herramientas del programa.

Para comenzar, abrimos el programa Adobe Illustrator, y creamos un archivo nuevo para comenzar a trabajar. Desde el menú vamos a File>New, o desde el teclado ( Ctrl + N ).


Elegimos un tamaño para el espacio de trabajo, aunque en Illustrator se puede trabajar sin ningún problema fuera de este. Seleccionamos la opcion de RGB ya que no trabajaremos para papel, y le damos Ok.

Propiedades de la herramienta pluma.


Como primer paso, debemos saber cuáles son las posibilidades que nos da la Herramienta Pluma en Illustrator.

Buscamos la pluma en la barra de herramientas, si no la ves la buscas desde el menú Window>Tool. Lo más cómodo en Illustrator es manejarse mediante el teclado, así de a poco vamos aprendiendo a llamar a cada herramienta para luego, poder trabajar a pantalla completa. (alabadas sean las ventanas flotantes). Entonces mediante la tecla ( P ) también podemos seleccionar la herramienta pluma.


Si mantenemos apretado el botón, vemos que se despliega un menú emergente con algunas opciones para realizar distintos trabajos sobre el vector.


Add anchor Point Tool: Agrega nodos o puntos a un trazado. Si tenemos seleccionada la herramienta pluma, usando la tecla ( + ) ya llamamos a esta herramienta.
Delete anchor Point Tool: Quita nodos o puntos a un trazado. Si tenemos seleccionada la herramienta pluma, usando la tecla ( - ) ya llamamos a esta herramienta.
Convert anchor Point Tool: Convierte curvas en ángulos y ángulos en curvas.
Si tenemos seleccionada la herramienta pluma, usando la tecla ( Alt ) ya llamamos a esta herramienta.

Cómo generar líneas rectas


Pasamos a dibujar una línea recta, haciendo solamente dos clicks en lugares diferentes, esto genera dos puntos, y con esto un segmento, un trazo dibujado.



¿Cómo logramos una línea recta? Luego de realizar el primer clic, mantenemos apretada la tecla ( Shift ) y al hacer el segundo click ya tenemos nuestra línea bien recta.
Ahora bien, si nos posicionamos encima de la recta generada, veremos que al puntero en forma de pluma se le sumará el signo de adición: ( + ). Hacemos clic sobre la línea generando así otro nodo o punto sobre la recta y vemos que donde antes estaba el signo de adición ( + ) ahora está el de sustracción ( - ). Si volvemos a hacer click sobre el punto generado, vemos como desaparece.

Como todo, es cuestión de explorar y ver qué resultados nos da cada herramienta. Si hacemos clicks consecutivos en diferentes lugares, vemos cómo podemos ir generando diferentes formas.



Cómo mover nodos o puntos de un trazado.


Para mover nodos 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.

Ahora solo nos queda arrastrar el punto hasta otro lugar.


Cómo generar trazados con curvas.


Como dijimos antes, para comenzar un trazado sólo se deben hacer dos puntos en lugares diferentes. Pero si quiero realizar un trazado completamente curvo, debo, a cada punto, arrastrar el puntero para que se genere la curva en cada extremo, por cada nodo. Veamos los pasos a seguir en el grafico, las flechas rojas indican la dirección de arrastre que debemos darle al puntero. Cuanto más lo alejemos del nodo, más pronunciada será la curva:


Cómo generar curvas a partir de un ángulo.


Para generar curvas debemos tener la herramienta pluma ( P ) seleccionada. Si nos posicionamos frente a un nodo o punto, vemos cómo al cursor se le suma el signo de sustracción ( - ), pero si apretamos la tecla ( Alt ), vemos cómo el cursor cambia en forma de pico:. Teniendo entonces apretada la tecla ( Alt ) procedemos a arrastrar el puntero hacia un costado y vemos cómo se genera una curva.




Cómo generar esquinas angulosas a partir de una curva.


Este punto para el manejo del vector es muy útil. Teniendo la herramienta pluma seleccionada, sólo debemos arrastrar el punto de dirección mientras apretamos la tecla Alt. Vemos que al apretar la tecla ( Alt ) ya el puntero cambio a la forma de pico, que es lo que nos permitirá convertir el trazado.
Lo que está dentro del círculo rojo es el punto de dirección, y es lo que debemos arrastrar, formándose una esquina en punta.


Si tenemos una curva y sólo queremos que quede como un ángulo, debemos mantener apretada la tecla ( Alt ) y hacer un solo clic.



Como ven esto es una introducción básica acerca de una de las tantas maneras de comenzar a trabajar con vectores. Mediante la combinación de estas opciones que nos da la herramienta pluma podemos hacer trabajos de gran calidad y terminación.
Espero en una próxima entrega avanzar más sobre el uso de vectores en Illustrator.

Saludos
miau

Etiquetas illustrator

Comentarios | Enviar un comentario
viva el freehand, muerte a cualquier innovación
Por: juan_blog
uhhhh interesantíííísimo!
Para cuando un tutorial de cómo manejar el lápiz?
Por: joshua_blog_blog
Muy buen tip Mx miau
Por: XKlibur_blog
muy bueno el tip, tengo mucha dificultad con la pluma...espero el siguiente...saludos miau
Por: oxigeno
Llorando Al fin alguien se apiada de mí y me explica como usar la &$%&/(%($% pluam .... Llorando
Por: Aoyama
pensé que nadie teniad udas de como utilizar esta herramienta, es como decir que no saben hacer interpolaciones de movimiento en flash. que no son diseñadores?
Por: Charles Choi_blog

oxigeno :

muy bueno el tip, tengo mucha dificultad con la pluma...espero el siguiente...saludos miau
Sí, yo también espero el próximo Lengua.
Siempre me trae dolores de cabeza esto de la pluma...

Charles Choi_blog :

pensé que nadie tenia dudas de como utilizar esta herramienta, es como decir que no saben hacer interpolaciones de movimiento en flash. que no son diseñadores?
Por lo menos, yo no. Aunque me gusta el diseño e intento que lo que hago este gráficamente aceptable, todo sea dicho.

Muy bueno MX miau
Por: Bleend
OMG hasta el illustrator es pink!!! *dies
Por: Prozac
Interesante[/n]BOFH
Primera vez que veo que alguien en vez de poner un tutorial para hacer un efecto chido en photoshop, dice [b]"como usar las herramientas de Photoshop"

Muy Interesante Guiño

Te pongo un 9.7 Muy Feliz
Por: nestor
Por fin...
*llora de alegría...
Por: Darel
estupendo, fantástico. Gracias
Por: Sisco
Gran tip Mx, esto demuestra que existe un Dios para los novatos que entran (o entramos) a clab. Debo decir que estoy impresionado por tu versión pink del mundo hehehe.
Saludes. U_U
Por: Woller
miau me alegro les haya interesado, espero hacer un proximo tip sobre Illustrator miau
Por: Mariux

juan_blog :

viva el freehand, muerte a cualquier innovación
¡Que vivan los caballos y el tren de vapor! No necesitamos sus sucios automóviles y aviones para desplazarnos.
Por: Freddie
=D es exactamente igual ahora la pluma de flash cs3, gracias por los consejos.
Por: Imer_blog
Freehand ya murio, lo mato adobe. Muy Feliz
Por: Dani_blog
Me parece genial el tip Mx ..
a la hora de manejar la pluma no hay que emocionarse y colocar 20 nodos ... si no que poner pocos y que le den una buena perspectiva a la curva .. claro .. dependiendo de lo que se este haciendo ..
Por: majitto
excelente... esperaré con ansia las nuevas entregas Guiño
Por: glsmaster_blog

majitto :

a la hora de manejar la pluma no hay que emocionarse y colocar 20 nodos ... si no que poner pocos y que le den una buena perspectiva a la curva .. claro .. dependiendo de lo que se este haciendo ..


exactamente, manener limpieza de nodos en el vector es super importante y mas facil de manipular si se deben hacer cambios.
Por: Mariux
¡Es increíble lo que se puede llegar ha hacer con la pluma! ¿no?.
Espero con impaciencia el tutorial para la herramienta Mano... ¡es que me trae de cabeza!
Estimado Juan_blog, Freehand murió en marzo de 2006, y Adobe certificó su muerte el 24/25 de mayo de 2006 en la Adobe Live Conference de Londres (http://www.macnn.com/articles/06/05/31/freehand.golive.dropped/). Siento que no te hayas enterado hasta ahora. Mi más sentido pésame.
Por: Gus_blog
gracias por el dato
Por: demente animal_blog
Chidísimo el tip. Cuando un tutorial completo del Illustrator...
Por: La Pekeña
socio, no se si les pasará a otros pero cuando quiero hacer un nodo asimetrico se supone que se hace con la tecla ALT, pero a mi me duplica el trayecto, a ver si me das una manito, un brazito o un cerebrito. gracias
Por: bifronte_blog

bifronte_blog :

socio, no se si les pasará a otros pero cuando quiero hacer un nodo asimetrico se supone que se hace con la tecla ALT, pero a mi me duplica el trayecto, a ver si me das una manito, un brazito o un cerebrito. gracias


debes seleccionar el punto de direccion teniendo apretada la tecla alt y ahi moves, no el nodo. espero haberte entendido...
Por: Mariux
MIL MILLONES DE GRACIAS MX ya lo hice y me quitas una enorme dudasa otra vez MIL MILLONES DE GRACIAS
Por: bifronte_blog
a proposito Mx, si no es mucho molestarte, como haría para colocar un texto ya escrito a un trayecto, o al vesre, como separar un texto de un trayecto?
Por: bifronte_blog

bifronte_blog :

a proposito Mx, si no es mucho molestarte, como haría para colocar un texto ya escrito a un trayecto, o al vesre, como separar un texto de un trayecto?


mmm, se me ocurre que lo copies (le haces doble click, lo seleccionas y le das copiar), y luego con la herramienta de texto ( T ) te posicionas sobre el trayecto hasta que veas qeu el cursor cambia, haces click y pegas lo copiado. Para separarlo solo le das doble click, lo copias y ya, lo pegas como texto normal.
saludos!
Por: Mariux
Sí así resulta, creía que había un comando específico para cada acción, aún así gracias Mx por la atención, y... siguiendo con la molestia sabes algún link donde se pueda ver como hacer ilustraciones con Illustrator? por ejemplo www.2dartistmag.com
Por: bifronte_blog
Para Gus_blog: la herramienta mano es sólo un modo de visualizar el lugar de la pantalla que desees ver, es hacer clic en algún lugar del espacio de trabajo y arrastras hacia cualquier dirección; es lo mismo en la paleta navagador (Ventana>Navegador) o también puedes utilizar la barra espaciadora para activarla momentaneamente y continuar con la herramienta que estes usando (salvo la herramienta de Texto) si le haces doble clic en la herramienta mano te hace zoom al próximo 100%, espero te sirva
Por: bifronte_blog
alguien me ayude el ilustrator no me deja usar la pluma me aparece please "use the add anchor point tool on a egment of a path Shock
Por: jam 18
alguien me ayude el ilustrator no me deja usar la pluma me aparece please "use the add anchor point tool on a egment of a path enviear si alguien sabe a crazypunk_jamb@hotmail.com
Por: aux
Asegurate de que la herramiente tenga forma de pluma, y no de cuña.

Con la pluma dibujás, y con la "cuña" editas, ese mensaje te tira Illustrator cuando intentás editar algo que no existe, o cuando le pifiaste a algún nodo. Riendo
Por: xsygma_blog
¿Como hago para cambiar el entorno de Illustrator asi como lo hiciste?, no tenia ni idea que eso se podia hacer
Por: Diego_blog

Diego_blog :

¿Como hago para cambiar el entorno de Illustrator asi como lo hiciste?, no tenia ni idea que eso se podia hacer

no es el entorno de illustrator, tengo cambiado el entorno de windows. te recomiendo un muy bueno foro de deskmoders. macthink, ahi encontraras todo lo que nesecitas para cambiar el aspecto de tu windows. Los estilos los encontras ahi y yo busco tambien en deviantart.
saludos!
Por: Mariux
Y como guardo el trazo de una imagen?
Por: JuditH_blog
como? guardas el archivo como archivo de illustrator... el formato es .ai
Por: Mariux
poes nose como bajar un programa poes baje este pero no le entiendo ni maiz
Por: yo_blog
este trabajo me parese muy interesante
en el cual tiene un buen contenido
Por: maricarmen_blog
no puedo modificar los trazos que hago y al momento de seleccinar no me aparece seleccionado ni el cuadro para agrandar gracias
Por: diego_blog

diego_blog :

no puedo modificar los trazos que hago y al momento de seleccinar no me aparece seleccionado ni el cuadro para agrandar gracias


en el menu vas a view>show bounding box. eso te hace aparecer el cuadro para agrandar.
y en view>show edges te muestra lo seleccionado
Por: Mariux
Thanks por la explicación, me puse ahora a usar con el AI y me quería morir, la interface es parecida al PS pero las herr noooo Riendo

Gracias, espero otra explicación tan buena y sencilla como esta ;3
Por: AkaneMiyano_blog

AkaneMiyano_blog :

Thanks por la explicación, me puse ahora a usar con el AI y me quería morir, la interface es parecida al PS pero las herr noooo Riendo

Gracias, espero otra explicación tan buena y sencilla como esta ;3


sabes, algunas herramientas si son parecidas, al menos los atajos del teclado. Espero en breve hacer otro tip sobre illustrator Sonrisa
Por: Mariux
se puede previsualizar la pluma en illustrator como en freehand ( o lo que sería en photoshop goma elástica)??
Por: joselillo_blog
alguien me puede decir ke tengo ke hacer para ke en este programa al yo realizar una linea perfecta y kerer hacer otra despues de esa, no se borre la primera?
Por: mari_blog

joselillo_blog :

se puede previsualizar la pluma en illustrator como en freehand ( o lo que sería en photoshop goma elástica)??


nunca vi esa opción en Illustrator joselillo_blog, la busque pero no dí con ella.
Por: Mariux
millllones de graciass muy interesante y clara la explicacion, a ver si ahora puedo dejar el corel de una buena vez
Por: gagu_blog
bien muchas gracias por tu ayuda
Por: lolis_blog
muy buena enseñanza! Thanks buddy!
Por: Edu_blog
no habia visto que si hay tips de illustrator, yo acabo de enviar uno sobre como hacer nubes con la herramienta Twirl, como te prometí estoy tratando de crear tips, y espero poder hacer muchos tutoriales en el futuro sobre illustrator, para que esto ayude a muchas personas que no se animan a utilizarlo, y prefieren seguir con freehand que ya esta bastante desactualizado.
Por: el_chejin_blog
hola me gusta la explicacioòn pero tengo un problema,tengo una linea en curva y quiero modificar los nodos, al cambiar a la flecha blanca con la tecla(A)me selecciona la curva completa y el cambio es general y yo solo quiero modificar un extremo de uno de los nodos, me agradeceria mucho que me explicaran porque sucede eso gracias
Por: wippi_blog
hola, muy bueno el tutorial, pero queria hacerte una pregunta sobre el them que usas (el estilo visual) de donde lo descargaste, me podrias decir

Saludos =)

mi correo es ufa22@yahoo.com.ar
Por: Vero_blog
bien estaria mejpr si pusieran todas las herramientas
Por: rosa melcacho-blog
muy bien pero le falta algo ojala lo pongan os demas esta bien
Por: sevelindo parado-blog
Charles Choi_blog, realmente es fastidioso encontrar personas como vos, aunque soy un diseñador avanzado, debemos entender que hay personas que están dando sus primeros pasos, si este tutorial te parece tiempo perdido, simplemente no lo mire. Respeta los jóvenes que están en su proceso de aprendizaje. Aunque se que este debe ser un medio para el respeto te dijo: NO SEAS IDIOTA, aprende a tolerar a los demás, IMBECIL.
Por: A.R.E.P.A.-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.