Ir al contenido principal

Banner HTML5

Hola que tal, en esta entrada os mostrare un banner que he realizado con la aplicación web Bannersnack y lo subire en esta entrada introduciendolo en el codigo HTML

Ahora os mostrare capturas de la web con sus diferentes partes:

En esta columna nos encontramos diferentes herramientas como puede ser la de introducir imagenes, texto, formas o plantillas para realizar el banner como vemos en la imagen.
Esta imagen es la mesa de trabajo principal donde modificamos y cambiamos la posición de los elementos que utlilizamos para realizar el banner.

Y por ultimo tenemos esta ventana desde la cual podemos controlar las capas del documento.

















Comentarios

Entradas populares de este blog

Linea de tiempo con Photoshop

Hola que tal, en esta entrada veremos como he realizado varias animaciones usando la linea de tiempo del programa Adobe Photoshop. Esta es la linea de tiempo con la que he realizado la animación como podemos ver he creado diferentes fotogramas clave en distintos puntos y cambiando varias cosas como puede ser la opacidad, el estilo y sobre todo la posición del elemento animado.

Flip Page (Flipsnack)

Hola que tal. En esta entrada os mostrare otra opción con la cual podremos hacer el efecto flip page. De igual manera que en la anterior entrada os mostrare una web llamada Flipsnack para hacer un efecto flip page en pdf igual de intuitiva que Issuu, sin embargo en esta web tenemos mas opciones de personalización que en la anterior. En esta web tambien tendremos que seleccionar y arrastrar el pdf al que deseemos agregar el efecto flip page Una vez agregado le daremos a continuar y entraremos en una ventana de edición en la cual tendremos diversas opciones de personalización, yo personalmente no he tocado mucho las diferentes opciones, pero vosotros podeis jugar con las posibilidades que os ofrece esta web. Y bueno esto es todo, espero que os haya servido, y ahora os dejo por aqui mi pdf con el efecto flip page y el enlace a la web. Pagina web Flipsnack:  https://www.flipsnack.com/accounts/sign-in.html

Banner dinamico con GifMaker

Hola que tal. En esta entrada os mostrare un banner dinámico en formato gif que he realizado con la aplicación web Gifmaker y como hacerlo. Antes que nada deberemos crear las imágenes que deseamos que compongan nuestro GIF. Una vez tengamos las imágenes nos metemos en la pagina web ( https://gifmaker.me/ ) y seleccionamos la opción para subir las imágenes, y subimos las que deseemos. En la propia pagina web te deja modificar opciones como pueden ser la velocidad de transición entre diferentes imágenes, las veces que quieres que se repita el gif siendo 0 infinitas repeticiones, o el tamaño del archivo. Una vez lo tengamos todo a punto, nos da varias opciones para realizar con nuestro gif, entre ellas está la opción de descarga. Por aquí os dejo como ha quedado el mio: