Facebook Twitter RSS Reset

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

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





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.

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

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


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

hazlo tu mismo

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.

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

Y debería quedar algo así.


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

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

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


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

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

Y lo ubicamos así.

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

Ahora rastrerizamos la capa del rectangulo.


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

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

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

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

En este punto ya deberian tener algo como esto.


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

para tus post

Ahora empieza lo bueno.

Vayan a la barra de menus en la parte superior de la ventana y van a “Ventana > Linea de tiempo”

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

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

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

Y se crea una linea de tiempo


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

hazlo tu mismo

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%

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

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

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

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

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

taringa

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

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

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

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

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

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

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

taringa

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.

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

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

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

El resultado final debería ser esto.


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

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

No comments yet.

Leave a Comment