Creación de efectos mediante shaders animados I

3dpoder - 13/05/2009 12:09
creación de efectos mediante Shaders animados
este tutorial nos va a introducir en la creación de distintos efectos para animación mediante Shaders. El uso de Shaders animados nos va a permitir crear efectos, que ha primera vista podrían parecer complejos, de una manera rápida y sencilla.
(i) - Aparición de un objeto.

Creamos una escena sencilla de este tipo:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103242


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103243


Vamos a crear un nuevo material y lo aplicamos al cubo.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103244


Y lo abrimos haciendo doble click en él. Para este efecto vamos a usar el canal alpha, el canal alpha nos sirve para enmascarar partes del material mediante una imagen (en este caso un shader) en blanco y negro. Así seleccionamos alpha y en textura, pulsando a la flecha que apunta a la derecha, seleccionamos gradiente.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103245


Y entramos en configuración de gradiente picando en la casilla gradiente. Vamos a crear un gradiente del siguiente tipo.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103246


Si pulsamos en la flecha que he marcado en rojo accederemos a las opciones de interpolación del gradiente, estas opciones nos sirven para definir el tipo de interpolación que va a tener el gradiente al pasar de un color a otro, elegiremos interpolación ninguno.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103247


En mi caso he ajustado los valores de gradiente según la siguiente figura.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103248


Los valores elegidos están relacionados con el tamaño de la figura sobre la que aplicamos el shader, nuestra intención es crear un Shader animado que haga aparecer nuestro objeto de arriba abajo y empiece aproximadamente en el techo del objeto y centrado, así en mi caso el tamaño del objeto es.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103249


El valor de 100 del Shader viene a ser la mitad de la altura del objeto los otros 2 valores se colocan a ojo haciendo renders (la verdad es que no he encontrado una lógica para ellos). Bien movamos el color negro de nuestro gradiente a la derecha hasta el final.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103250


Hagamos un render, si vemos que han quedado zonas donde aún afecta el alpha, es decir que no aparecen, tendremos que aumentar el radio en la configuración del shader.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103251


Ha llegado el momento de hacer la animación, movemos el color negro del gradiente totalmente a la izquierda.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103252


Ahora nos aseguramos que la barra de animación esta colocada en 0 f y damos a fotogramas clave automático.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103253


Ahora corremos la barra de animación todo a la derecha (si tienes la configuración por defecto hasta 90 f).


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103254


Y el color negro de nuestro gradiente también lo llevamos totalmente a la derecha.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103255


Ya sólo queda pulsar a grabar fotograma clave (1) y luego desconectar fotogramas clave automático (2).


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103256


Y ya tendríamos nuestra animación.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103257


Download archivo c4d.

Antes de pasar a la siguiente práctica vamos a copiar el gradiente que hemos creado. www.C4des.com [email=revista@c4des.com/"]revista@c4des.com[/email].


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #102544

.

-- IMÁGENES ADJUNTAS --

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103242



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103243



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103244



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103245



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103246



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103247



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103248



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103249



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103250



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103251



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103252



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103253



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103254



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103255



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103256



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103257



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #103258