Tutorial Banner Efecto Transformer Con Video


Bienvenidos a un nuevo post de


Hola de nuevo amigos hoy vamos a aprender como hacer banner con efecto transformer
no ay nada mejor que hacer algo nosotros mismos

Tambien les dejo 2 videos de como darle este efecto, es algo largo trate de hacerlo lo mas claro posible

Les recomiendo guardar psd para evitar trabamientos

Bueno amigos empesemos y espero ver sus diseños esto me motiva a ir mejorando




Estas son las dimeciones que vamos a usar





Vamos a crear una capa



Opciones de fucion de nuestra capa





Herramienta de texto





Opciones de fucion de nuestro texto asi como se muestran las imagenes dejamos




Asi quedaria nuestro texto



herramienta texto



Opciones de fucion de jmok100




Le sacamos 17 duplicasiones a bienvenidos ami post (control+j)



Fijense que en cada capa se le agrega una letra




Aqui creamos una capa por debajo de la primer capa desactivamos la capa de arriba



Herramienta rectangulo y creamos una barra mas o menos de este tamaño




Opciones de fucion de nuestra barra



Herramienta de texto ponemos recomienda mi post




vean amigos creamos otra capa la hacemos barrapor arriba de recomienda, herramienta texto ponemos te invito a seguir



Asi igual creamos capa herramienta rectangulo, herramienta texto mis aportes



Continuemos con identi, igual creamos capa, herramienta rectangulo, herramienta texto ponemos
identi




Duplicamos identi y la capa, solo corremos el texto asi como se muestra



Aqui desactivamos capas y dejamos solo las que se van a convinar
( en la parte de arriba capas buscamos convinar vicibles) ojo solo dejamos las capas que se van a combinar






Asi nos van a quedar cheque que las capas de texxto y barras estan unidas



Acomodamos nuestras barras asi como se muestra



Desactivamos capa blanca


Bueno amigos aqui les dejo estos 2 videos creo que ya no voy a usar cantasia, ya checando los videos
se mueve la pantalla y no me deja ver lo que esta pasando en el otro lado, talves necesito un tutorial valga la rebundancia  ,





Gracias y disculpen por el video la calidad no es muy buena y aparte no dejo ver como corremos las barras,

ustedes amigos se lo suponen duplicamos una capa y esta la corremos de nuevo duplicamos y la volvemos a recorer.

Amigos estos son los tiempos que uso, ustedes pueden cambiarlos es opcional




El tiempo de las letras es de 0,1 ya cuando se complete el cartel lo dejamos en 0,2



Al salir la capa completa le ponemos 0,2




Cuando las capas allan salido ponemos 5 segundos



Al ocultar hacemos lo mismo 0,2


 

Cuando llegue al final le ponemos 2 segundos


Aqui nuestro resultado


Gracias y disculpen por el video la calidad no es muy buena y aparte no dejo ver como corremos las barras,

ustedes amigos se lo suponen duplicamos una capa y esta la corremos de nuevo duplicamos y la volvemos a recorer.




Tutorial Banner Efecto Transformer Con Video
72 Puntos Score: 6/10
Visitas: 1445 Favoritos: 25
Ver los usuarios que votaron...
24 Comentarios Tutorial Banner Efecto Transformer Con Video
muy bueno me encantan todos tus post auq el otro dia cuando vi el de los banner pense q era algo asi como el de la peli algo asi rraro jeje p?
muy bueno....  
Gracias amigo por el tutorial y el banner ta buenisimo
@Carlaale no carlita la misma banda los bautiso , en realidad no sabia como llamarlos, gracias por pasar,puntuar y comentar  
@jimmyok100   pero bien pensando el nombre te felicito porq es asi tal cual... saludos que andes bien  
MUY BUENO TEDEJARIA PUNTOS AMIGO PERO NO PUEDO  
Muy bueno amigo pero muy rebuscado para mi jajaja reco
Excelente post amigo  
exelente pero ya tengo el mio y lo guardo con cari?
muy bueno amigo, se nota que sabes mucho de esto  
MuY bUeNo El TuTo AmIgO cOmO sIeMpRe   Lo PrAcTiCaRe CuAnDo TeNgA tIeMpO  
gracias por compartir el conocimiento
como siempre con buenos aportes..
excelente tuto, maestro, por favor si sabes como, haz un tutorial de como hacer la intro de transformers, en donde las letras se forman a partir de piezas que se unen, o algo asi.
ERES UN CAPO! GRACIAS  por compartir  
apenas pueda, lo intento....si no te pido el mio   jejeje saludos y buen tuto!!    
Te molestaria pasarme el .psd? te lo agradecer?
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!