Cristalab

Dibujar vectores hiperrealistas en Flash

Por: oxigeno + 22.05.2007

Les voy a mostrar mi método para vectorizar fotos con Flash. No es el único método que existe para eso, realmente creo que cada cual lo hace a su manera. A mí me sirvió mucho saber cómo lo hacen otras personas, así que se los dejo y espero que les sirva. Igualmente sería muy útil que otras personas colaboren, ya que llevo muy poco tiempo haciendo vectores.
Lo más importante para hacer esto es tener mucha paciencia, y tener un mínimo de conocimiento del manejo de las herramientas de Flash.
En este tip sólo veremos el proceso para hacer la piel. El pelo lo haremos en un próximo tip (que sería mejor si lo hace Mx Lengua).

Paso 1


Primero que todo debemos elegir la foto, preferiblemente busco que sea una foto buena, que exprese algo, que tenga una buena calidad y que la luz esté bien utilizada. Para mi ejemplo escogí esta fotografóa de mis sobrinas que es en la que estoy trabajando actualmente. La importamos y bloqueamos esa capa para que no se mueva (esta será la capa 1).

Paso 2


Hacemos una nueva capa (que sería la capa 2), en la que vamos a dibujar el contorno del rostro, para esto puedes utilizar la herramienta pluma, o (como hice yo) la línea, dependiendo de cuál de ellas manejes mejor.
Nota: Voy poniendo en rojo lo que vamos dibujando y en negro lo que ya dibujamos en un paso anterior.



El grosor del trazo debe ser 0.25 (que es el más fino), para cambiarlo abres el panel propiedades como se muestra en la figura:



Paso 3


En otra capa (capa 3), que colocamos arriba de la segunda, vamos a dibujar las partes donde está el brillo:




Paso4


Hacemos una nueva capa (capa 4) y la ponemos entre la segunda y la tercera. Aquí vamos a dibujar un contorno de las partes de brillo pero un poquito más grande. La idea es ir haciendo una especie de degradado.



El paso 4 se repite varias veces, dependiendo de cuán real queramos que sea nuestro dibujo, (mientras más capas pongas, más real se verá). Las nuevas capas las vamos colocando debajo, a medida que el contorno se hace más grande. Por lo general los espacios pequeños llevan pocas capas.



Una buena manera de trabajar es poniendo las capas como contorno.



Paso 5


Hacemos lo mismo que hicimos en el paso 3, pero ahora dibujamos las partes de sombra (en rojo).



Paso 6


Repetimos el paso 4, poniendo más capas para los contornos de las sombras. A medida que agreguemos capas tal vez necesitemos modificar lo que hemos hecho, para que los contornos no se superpongan entre sí. Más o menos debe ir quedando así:



Paso 7


Bueno, ahora sí, a colorear. Lo que hacemos es seleccionar un tono medio de la foto, y con él rellenamos la capa 2 (donde está el contorno de la cara). Puede ser que nos quede muy oscuro, por lo que iremos probando con un color más claro, o viceversa. Si no podemos lograr una tonalidad que nos guste, buscamos otro dibujo, o alguna imagen de donde podamos tomar el color.



Paso 8


Ahora le pondremos color a las capas. Comenzamos por el contorno más grande de los brillos, que va a ser un poco más claro que el tono de la piel. Hay que quitarle la línea de contorno para ver bien los cambios.Y hacemos lo mismo con cada capa superior, cada vez poniendo un tono más claro.



Ahora le vamos a dar transparencia a las capas. Aquí toca ir probando, de manera que el cambio de tonalidad de una capa a otra sea lo más sutil posible.



Y hacemos lo mismo con las sombras. Pero en este caso los tonos se van haciendo más oscuros. De tarea les dejo hacer lo mismo en las orejas. Lengua



Paso 9


Dibujamos los ojos y la boca de la misma manera y voilá, lo tenemos.



Quiero aprovechar para agradecer a Mx por los consejos y suplicarle un tip para hacer el pelo....

Etiquetas flash

Comentarios | Enviar un comentario
c00l!!!! muy bueno Guiño
Por: Finvara
OMG, hiciste lo mismo que yo! Pusiste las imágenes en geocities!
Riendo
Zguillez te va a matar...
Por: Bleend
Mmm, sería bueno que aparecieran las fotos de cada paso... o soy yo el único que no las puede ver :O.
Pero está bueno el tip, thanks Guiño.
Por: Rafeo
imagenes arregladas. geocities definitivamente apesta. lo mejor es usar flickr.
Por: Mariux
myyyy buen tip me sera de ayuda apra un proyectin que tengo
gracias oxigeno
Por: FeNtO
Puñal Icon , Yo tenia hacer el mismo tip, sin embargo Meditación , lo hiciste muy bien, asi que quedas perdonada, pero que no se repita.

PD: Muy bueno en verdad muy bueno. Cool
Por: Victor-Nael
perdon, realmente subi las imagenes a flickr,pero no se por que no salian y me toco ponerlas en geocities.
gracias chicos! miau
Por: oxigeno
Excelente método, salu2
Por: li4m_blog
Vaya, es impresionante... aunque muy costoso... Sonrisa gracias.
Por:
Buen tip Muy Feliz un dia de estos lo pruebo Bien Sonrisa
Por: elfleat
Muy cool Oxígeno Thumbs up

Aunque los labios están muy planos, yo agregaría también luz para darle mayor realismo y armonía a la imagen. Igualmente, haría un poco más tenue y finas las cejas. Son cejas de bebé, el vello debe parecer suave, débil y de color claro miau

Saludos
Por: XKlibur
es chido y interesante pero no impresiona.
Por: juan_blog
Genial, felicidades, hay que tener paciencia para algo así U_U
Por: Sr. QUHO
Exelente!!! WOW!!
Por: Kinduff.co.nr_blog
ola como estas
Por: roger _blog
Felicitaciones amigo y muchas gracias...
He aprendido muchisimo...
Ojalá nos sigas enseñando.
Medellin, Colombia
Por: Julio César Girón David_b
para sonia
Por: roa isela _blog
como se activa la herramienta para quitar el color a el fondo de la imagen , como para hacer un marco
Por: daniel perez_blog
super cool esta padrisimo kiero aprender un poco
Por: ruby_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.