Ir al contenido principal

Entradas

Cinemagraph con Photoshop

Entradas recientes

Video con transiciones Photoshop

Hola que tal, en esta entrada os mostrare un vídeo que he realizado con el programa Photoshop, este es un vídeo realizado con imágenes, pero en esta ocasión le he añadido diferentes transiciones que tenemos disponibles en la linea de tiempo, el botón para añadir las transiciones lo podemos encontrar en la barra de control de la linea de tiempo, hacemos click en el icono y nos saldrán diferentes transiciones, una vez elijamos la que queramos la arrastramos hacia uno de los dos extremos del clip que deseamos que tenga dicha transición.

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.

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.

Animaciones Black Mirror

Hola que tal en esta entrada os mostrare unas animaciones que he realizado con la linea de tiempo del programa Adobe Photoshop de la misma manera que realizamos los gifs y banners de la anterior entrada. La realizacion de estas animaciones es igual que en el banner institucional y los gifs, tendremos que ir modificando, creando y cambiando de posicion los diferentes elementos para que la animacion nos quede como deseamos. A continuacion os dejo como me han quedado a mi las diferentes animaciones:

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:

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: