MontielCity en Twitter...

Tutorial: Texto Resplandeciente

MontielCity nacio como para poner Tutotiales y creo que aun no se han visto mucho que digamos, por eso aqui traigo el primero de otros que estan por llegar, espero les guste y sirva.

Montiel City Tutorial

En este Tutorial veremos como hacer un texto resplandeciente, pero no solo que parpadea asi desapareciendo simplemente, sino de una manera mas profesional y mejor. Cabe mencionar que no me gusta Madonna ni nada que tenga que ver con Like a Virgen :) solo que el Tuto esta hecho con un Avatar que hice para un chall de Ps Grafico .Y a petición, en ps gafico, traigo este Tutorial: sencillo, pero con un buen resultado.

El resultado final será un avatar animado, algo como esto:




1:Este paso no es necesario, es solo como acomode la imagen y el fondo del Avatar
Creamos un nuevo documento de 150x200, lo rellenamos del color #04090c y agregamos la imagen (la transforme para hacerla mas chica) y la ponemos en modo Aclarar (Light).

Montiel City Tutorial

2:Agregamos el Texto arriba de la foto, la fuente que use se llama Disco Inferno. Hacemos doble click en la capa de texto (dentro de la venta de capas), para entrar al estilo de capa.
Agregamos los Siguientes valores a la capa de texto*:

[click en la imagen para agrandar]



*los colores varían dependiendo el resultado que desees

+Es necesario tener dos capas de texto (por ejemplo: Like A, es uno, &
Virgin, es otro), lo digo por el paso 5.
3:La luz en la persona. Bueno el efecto que quiero lograr en el Avatar es que parezca que el texto es un cartel luminoso. Los carteles luminosos iluminan a la persona ¿no? pues por eso agregaremos luz a la persona, cantante, actor, etc.
Para agregar la luz: creamos una nueva capa y seleccionamos un pincel circular con dureza y repasamos el contorno de la persona (solo la parte que debe ser iluminada por el cartel), con el color de texto.



Montiel City Tutorial

Cuando ya tenemos el contorno, cambiamos el modo de la capa a Luz suave (soft light)

Montiel City Tutorial Like a Virgen

4: Ya tenemos el avatar listo, pero para darle mas color y un poco de brillo, al texto y a la luz, le agregamos una capa de corrección selectiva (esto tampoco es necesario, solo si quieres).

Montiel City Tutorial

5:La animación. Ahora ya casi terminamos el Avatar, solo falta lo más importante: la Animación.
Abrimos la ventana de Animación (Ventana-->animación) y puede que nos salga algo como esto[click en la imagen para agrandar]:

Y si sale eso… le damos click en el botón que indica la flecha roja. Ahora deberá salir una ventana así[click en la imagen para agrandar]:

Bueno ahora agregaremos esos destellos de luz.

Primero debemos acomodar las características de la animación.

Montiel City Tutorial


+Para que nuestra animación nunca pare y se repita, cambiamos el “una vez”
(once) por “siempre” (forever) ---Flecha Verde---
+Para el tiempo de cada uno de los cuadros, es muy importante: siempre que vallamos a hacer una animación fijar el tiempo del primer cuadro, antes de duplicarlo ¿Por qué? Pues porque así cuando creemos otro cuadro, el nuevo cuadro tendrá el mismo tiempo que el primero. En este avatar usaremos como tiempo un segundo ---Flecha Morada---
+Para duplicar el cuadro (e ir cambiando y creando la animación) –Flecha Azul--


Ahora que ya sabes como manejar esto, duplicamos el primer cuadro.
Aquí lo que haremos será ir creando cuadros y cambiando, aleatoriamente, las opacidades del texto, que se vean diferentes: un pedazo del texto en 100% y el otro 50%, por ejemplo.
En el primer cuadro mantenemos los dos textos a 100%, con un tiempo de 5 segundos para que se note lo que dice y duplicamos el cuadro. En el segundo cuadro ponemos el primer texto en 100 y el segundo en 70, en el tercer cuadro ponemos el primer texto en 50 y el segundo en 90 y así.





+Para hacer el efecto de parpadeo rápido: en un cuadro ponemos todos los campos de texto a 100% de opacidad y en el segundo cuadro ponemos todos a 10%, y el tercer cuadro todos a 100% y el cuarto, otra vez todos a 10% y por ultimo todos a 100% (cada cuadro deberá tener un tiempo de 2 segundos).
+También es importante ir cambiado la opacidad de la luz que habíamos agregado
en el paso 3, por ejemplo si los dos campos de texto están en 100% la luz
también estará en 100% pero si un campo de texto, el mas cerca a la persona,
esta en 10% por lógica o por naturaleza la luz deberá ser menor y podemos poner
la luz a un 30%.


Más o menos así quedara nuestra ventana de animación [click en la imagen para agrandar]:

Ahora solo queda guardar nuestro Avatar (Menú Archivo--> Guardar para web--> Ok)
¡¡Y Listo!!



Espero y me haya explicado bien.

¿Dudas? Aquí estoy

Tutorial: Texto ResplandecienteSocialTwist Tell-a-Friend

Comments (1)

Esta bueno, sin embargo te falta explicarte mejor, se supone que uno debe tener creatividad pero tampoco puedes ser tan creativo como para creer que uno adivinará cuanta opacidad le pondrá a cada texto y cuantos cuadros va a crear. Por favor ayúdame con esto que me interesa tu tutorial

Publicar un comentario en la entrada