Cinemagraph

Hola a todos.
Esta semana hemos aprendido a realizar Cinemagraph que esto es una imagen animada que resulta de la combinación de fotografía y vídeo. Se trata de una imagen que parte de esta es estática y la otra parte sobrante es animada.
Os dejo con los pasos que he realizado para poder crearlo.
Espero que os guste.

Tráfico y noria:
1. Primero he abierto la línea de tiempo y he duplicado la capa original que era un vídeo donde se movían los dos elementos: la noria y el tráfico.
2. Una vez he duplicado la capa original dos veces he rasterizado esta capa.
3. A continuación he enmascarado las dos capas duplicadas y he pintado de negro lo que no quería que se moviese.
4. Cuando ya tenía todo listo fui al botón de abajo a la derecha de la línea del tiempo y le di a interpretar vídeo-calidad baja.

Cinemagraph Libre:

1. En este caso he descargado el vídeo desde Youtube. He seleccionado un clip de la canción Carousel de Melanie Martinez.

2. He procedido a seguir los mismos pasos que en el ejemplo anterior.

Transiciones de vídeo con Photoshop.

Hola a todos.
Esta semana hemos aprendido a realizar transaciones desde Photoshop.
Las transiciones de vídeo:La transición es un efecto especial que se usa para indicar la aparición de una diapositiva durante una presentación con diapositivas
Os dejo los pasos que he realizado:
1. He agrupado todas las imágenes en un mismo grupo de vídeos

2. Una vez que aparecen en la línea de tiempo les he puesto a cada imagen un tipo de movimiento diferente:

Esta opción se encuentra dando a "click derecho" sobre la imagen cuando está en la línea de tiempo

3. Una vez les he puesto movimiento a todas las imágenes les he puesto una transición blanca a cada una de ellas:

La transición es el palo blanco que se encuentra abajo a la derecha en la imagen.
Esta herramienta se puede encontrar en la línea de tiempo, abajo a la izquierda.

5. He añadido una canción a través de la línea de tiempo dándole a Pista de audio-Añadir audio.

6. Finalmente he interpretado el vídeo en calidad baja.

Queda tal que así:

Del mismo modo he realizado un vídeo libre:

Linea de tiempo con Photoshop

Hola a todos.
Esta semana hemos aprendido a cómo crear animaciones a partir de una imagen y la línea de tiempo de Photoshop.
Os dejo los pasos que he seguido:
1. He abierto la imagen aportada por la profesora y he abierto la línea de tiempo.
Después le puse un "motivo" a la bailarina

2. Le he dado a la opción de "posición" para dar la impresión al usuario de que la bailarina se está moviendo. He ido cambiando a la bailarina de lugar y de seguido le he dado a "posición" para que se quede guardado el paso que he realizado.

3. Después, le bajé la opacidad a la bailarina según se movía para dar la impresión de que desaparece.

He podido realizar este paso a través de "Opacidad"

Finalmente ha quedado así:

Siguiendo los mismos pasos he realizado una diana donde un dardo se clava en el centro:

HTML5

Hola a todos.

Esta semana hemos aprendido a realizar Banners a partir de HTML5.

Os dejo los pasos que he seguido:

1. He buscado una página que me permita realizar banners a partir de HTML5 y finalmente encontré

https://app.onlymega.com/login?redirect=%2Fanima

2. Me he registrado y he añadido un fondo y unas dimensiones a mi banner

3. He puesto texto a partir de la herramienta "Text" y he elegido una fuente legible

4. Añadí un botón de blogger a partir de la herramienta "Botón" para que el usuario cuando clike sobre el pueda dirigirse a mi blog.

5. Finalmente añadí una imagen donde aparece una pantonera, guardé y copié el código embebido de el banner para después poder ponerlo en mi blog.

El resultado es este: