Ir al contenido principal

Cinemagraph con Photoshop

Hola que tal, en esta entrada os mostrare como realizar un cinemagraph utilizando la linea de tiempo del programa Adobe Photoshop y os mostrare algunos ejemplos que he realizado.

Para empezar una vez tengamos elegido el video con el que vamos a realizar el cinemagraph lo deberemos insertar en el programa, cuando tengamos el video en las capas deberemos duplicar la capa y rasterizar una de ellas para que quede como una imagen estática.
Una vez tenemos nuestras dos capas las deberemos añadir a la linea de tiempo y con la capa rasterizada superpuesta deberemos crear una mascara de capa y seleccionar las zonas del video que queramos que se muevan y de tal manera cuando lo reproduzcamos en la linea del tiempo veremos una parte del video estática.
A continuación os dejare unos ejemplos




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.

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.

Legibilidad web

Hola que tal. En esta entrada os mostrare la diferencia entre una pagina web ilegible y otra pagina web legible. Pagina web legible: Como ejemplo de pagina legible os mostrare la pagina web de Samsung. En esta web podemos observar que es bastante legible; las letras utilizadas en esta pagina son de la misma familia tipográfica y no hay exceso de diferentes tipografías, respecto al color vemos que es un contraste bastante legible y que no cansa a la vista puesto que los colores utilizados son colores que no cansan la vista.  Por otra parte el ancho de pagina se respeta bastante también. Por otra parte esta pagina web rompe todos los criterios de legibilidad web, ejemplos de esto pueden ser la excesiva cantidad de gifs utilizados, los colores utilizados como contraste entre carácter y caja de texto o carácter y fondo, por otra parte podemos ver que el ancho de pagina no se respeta en absoluto, y como ejemplo de esto podemos observar la caja de texto que se extie...