InicioHazlo Tu MismoTe enseño a hacer un banner animado para tus post

Te enseño a hacer un banner animado para tus post

Hazlo Tu Mismo10/28/2015


Bueno, creo que es importante aclarar que no te voy a enseñar diseño, si no a utilizar un par de herramientas para lograr una pequeña animación de introducción a tus post, dicho esto comencemos.

Para empezar necesitamos photoshop, yo estoy usando photoshop cc 2015, pero lo pueden hacer con photoshop cs5 o superior.



Lo primero es crear un archivo nuevo, realmente no importa el tamaño siempre y cuando sea considerablemente mas ancho que alto, en este caso yo lo hice con un ancho de 700px y una altura de 200px





Ahora que tenemos el lienzo podemos, o pintarlo de un color o colores que nos gusten o utilizar una imagen como fondo.
Para este ejemplo, utilicé esta imagen.



Y debería quedar algo así.





Ahora, con el rectángulo seleccionado hacemos click sobre la imagen y hacemos un rectangulo de 700x20.





Y lo ubicamos así.



Ahora rastrerizamos la capa del rectangulo.





Usamos la herramienta de texto para escribir el clásico "Bienvenidos al Post"



En este punto ya deberian tener algo como esto.





Ahora empieza lo bueno.
Vayan a la barra de menus en la parte superior de la ventana y van a "Ventana > Linea de tiempo"



Les tiene que salir algo como esto y hacen click en "crear linea de tiempo de video"



Y se crea una linea de tiempo





Bien, ahora tengan en cuenta que las capas de la linea de tiempo son las mismas que las capas que se ven en el lado derecho y van a trabajar con las dos secciones al mismo tiempo.

En la capa de texto, van a hacer click sobre "opacidad" y van a bajar la opacidad de la capa a 0%





Bien, acá admito que manquié, NO ME MATEN! D:

Mueven el temporizador hasta el final y ponen la opacidad de la capa en 100%





Listo, ahora pasamos a la capa con el rectángulo
Primero, mueven el rectangulo hasta el principio de la imagen, de manera que no pueda verse



Ahora van a la linea de tiempo y hacen click en posición



Lo siguiente es mover el temporizador al final de la linea de tiempo y volver el rectángulo a la posición original







Eso es todo, ahora solo queda guardar siguiendo estos pasos, tengan en cuenta que dependiendo de la cantidad de tiempo y animaciones que hayan utilizado, el tamaño de la imagen (en mb) puede variar, así que toquen estos valores hasta lograr que la imagen sea menor a 2mb, eso es sobre todo para no sobrecargar el post.







El resultado final debería ser esto.




Datos archivados del Taringa! original
401puntos
417visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
5visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

y
yoFa03🇦🇷
Usuario
Puntos0
Posts36
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.