Cómo hacer un banner animado para el blog



Un banner es una imagen que sirve para destacar o promocionar un evento, una categoría, un post o una de las secciones de tu blog.

Un banner puede ser fijo (una sola imagen) o animado, es decir en una misma imagen o espacio aparecen varias imágenes difererentes que van cambiando de forma automática, habitualmente estos banners que se
mueven están hechos con gifs animados.

Banner fijo:
Banner animado:




¿Qué es un gif animado?

El gif animado es un formato gráfico que permite guardar varias imágenes en distintos fotogramas para crear una animación. Las imágenes pueden ser fotos o ilustraciones

¿Cómo hacer un gif animado?

Para hacer un gif animado necesitas un programa que te permita hacerlo, puedes hacer gifs animados con photoshop, con fireworks y también hay programas gratuitos y online como Gifmake o Gickr.

El proceso para hacer el banner animado necesitas una secuencia de imágenes que pueden ser fotos o ilustraciones, si lo haces online tienes que subir la imágenes, ordenarlas para crear la secuencia y después aplicarles una velocidad de fotogramas, (en gifmake te permite aplicar la velocidad de fotograma de forma independiente a cada imagen.
Una vez creado tu banner animado lo guardas en tu ordenador y ya lo puedes usar para ponerlo en tu blog.






Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top