Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: dark_sargon en 9 Octubre 2007, 22:07 pm



Título: [Tutorial]Efecto de dibujado[Flash]
Publicado por: dark_sargon en 9 Octubre 2007, 22:07 pm
Trabajo final: Abrir SWF (http://ciudadoscura.net/tutoriales/tut_dibflsh.html)

(http://usuarios.lycos.es/darkcitypage/tut_dibflsh/tut_dibflsh1.gif)(http://usuarios.lycos.es/darkcitypage/tut_dibflsh/tut_dibflsh2.gif)

Trabajo final: Abrir SWF (http://ciudadoscura.net/tutoriales/tut_dibflsh.html)
Stock: Ver Stock (http://usuarios.lycos.es/darkcitypage/tut_dibflsh/stock.jpg)
FLA: Descargar FLA (http://ciudadoscura.net/tut_dibflsh.zip) (Flash Pro 8)

Si tienen dudas, solo diganme  ;D

Saludos


Título: Re: [Tutorial]Efecto de dibujado[Flash]
Publicado por: papanoel_devacaciones en 9 Octubre 2007, 22:32 pm
Muy bueno...yo que tenia tirado el Flash 8 por ahi...ahora le utilizare mas amenudo  :xD :xD




Saludos


Título: Re: [Tutorial]Efecto de dibujado[Flash]
Publicado por: SirLanceCC en 12 Octubre 2007, 21:50 pm
Está muy bueno el tutorial, pero jugando con él creo que se puede hacer mejor. Hacer que el efecto de crecimiento se vea más real.

El truco está en pensar que cada "rama" es un elemento separado. Como podemos ver en esta imagen, la rama secundaria crece de manera "individual" y un poco después que la principal.
(http://img178.imageshack.us/img178/3614/crece1co9.png)
También, hacia el final de la rama, hacer que la máscara avance más lento, como un efecto desaceleración. Eso queda bien.

Si la imagen tiene hojas o algún elemento parecido, recomiendo hacerlo símbolo, ponerlo en una capa aparte y  animarlo individualmente. Haciendo una interpolación de movimiento, desde una hoja muy chiquita que apunte hacia donde crece la rama, hasta su posición final:
(http://img208.imageshack.us/img208/4016/crece2ap4.png)
Si a la interpolación le ponemos aceleración de 100 (efecto desaceleración al final) quedará muy bien.

Con estos pequeños detalles y algo de paciencia podemos obtener un buen resultado (ver animación (http://img403.imageshack.us/my.php?image=enredaderaqd9.swf))