Ir al contenido principal

Banner dinamico con Photoshop

Hola que tal
En esta entrada os mostraré el mismo Gif que en la anterior pero en esta ocasión lo he realizado con el programa Adobe Photoshop. Os iré explicando como lo he ido haciendo yo y os dejare de nuevo con el que he realizado yo.

Para empezar lo que tenemos que hacer es crear todo el banner por completo y dejarlo separado en capas, una vez tengamos el banner creado, sacaremos la línea de tiempo y seleccionaremos que esta funcione a mediante cuadros.
Una vez creada nuestra línea de tiempo a cuadros lo que debemos hacer es ocultar las capas necesarias en función de lo que querremos que se vea en el primer cuadro de nuestra linea de tiempo, y una vez tenemos creado nuestro cuadro inicial vamos creando más cuadros a la vez que vamos revelando capas.

Aqui os dejo el mismo gif que en la entrada anterior pero creado con Photoshop y otros gifs que he creado de la misma manera:








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: