Cómo crear un efecto de desvanecimiento progresivo con texturas en Blender

Freemind - 07/05/2012 17:10

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164928


alpha animada.
. Para conseguir un efecto de desvanecimiento (o lo contrario) utilizando alpha, pero en lugar de hacer aparecer o desaparecer todo el objeto de una vez, se va a hacer desaparecer de una parte a otra, para ello vamos a partir de un cubo (o plano) estirado y aplanado, como en la imagen, para hacer la prueba.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164929



Vamos a ponerle un material nuevo.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164930



Y a este material solo le vamos a poner, transparencia a cero. (alpha: 0.000).


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164931



Ahora le vamos a poner una textura de tipo blend:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164932


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164933



Ahora viene la parte de los colores. Para ponerle color, vamos a utilizar Ramp.

Esto está en colors (es el Ramp de la textura, lo digo por no confundirlo con el de material). Marcamos la casilla:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164934



Y nos saldrá una ventana más o menos como esto:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164935



Y en la parte de influence, le vamos a marcar la casilla de alpha: 1.000:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164936



Para entender un poco en que consiste esto de las Ramp, hay que hacerse la idea, de que tiene un material dividido en dos partes, una transparente y otra opaca.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164937


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164938



Como vemos en la imágenes inferiores, la primera (el número cero) es la parte transparente del color y la de la derecha es la opaca, también hay que fijarse, que tiene como unos deslizadores, con los que se pueden mover, tanto el color como la transparencia. Cada vez que queremos modificar una de las partes, primero lo debemos seleccionar desde el (número) superior, un ejemplo podemos hacer moviendo la barra izquierda y la barra derecha y poniendo color en la barra inferior, hasta conseguir algo como esto.


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164942



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164943



Bueno, hasta aquí, tenemos la teoría y ahora viene la parte de la practica, y de la animación, y ahora la parte difícil. Vamos a hacer la parte de la animación de la transparencia desde el frame 1 al frame 200, para eso empezamos colocándonos en el frame 1:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164944



Y en las Ramp vamos a poner en el valor en la primera (la transparencia) en 0.025 y en la segunda (la opaca) en 0.050:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164945


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164946



Estoy poniendo estos valores en lugar de poner cero, porque con la falta de practica, se cometen errores al colocar la barra deslizadora sobre el cero, porque puede cambiar el orden de la transparencia y la opaca, o sea, se puede poner la transparencia en el otro lado, por esto al principio, si no se práctica un poco, puede generar errores, para insertar ahora la primera parte de la curva, hay que colocar el ratón encima de la posición (pos) i presionar la letra i. Esto lo.

Hemos de hacer tanto en el 1º como en el 2º:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164947


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164948



Lo siguiente es movernos hasta el frame 200:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164949



Una vez, estamos en el frame 200, vamos a repetir lo mismo, pero cambiando el orden por opaco y transparencia y moviendo los valores a 1.000 y 0.950, presionando i en cada uno de ellos para grabar la animación:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164950


🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164951



Estas barras, están ya animadas, si hacemos avanzar la animación con las flechas del teclado, se debe de ver cómo se mueven (tendría que funcionar con Alt+a, pero a mí no me funciona)
Podemos hacer un avi para ver el resultado, si queremos ver un efecto más difuminado del alpha (durante la animación), solo hay que calcular un poco de retraso entre el material transparente y el opaco, y así se irá desvaneciendo, y a la vez se verá un degradado del color, más o menos como en la siguiente imagen:

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164952



Tutorial creado por Solimán.

-- IMÁGENES ADJUNTAS --

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164928



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164929



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164930



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164931



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164932



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164933



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164934



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164935



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164936



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164937



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164938



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164942



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164943



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164944



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164945



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164946



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164947



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164948



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164949



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164950



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164951



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #164952