Transiciones de video

Como comenté en la entrada anterior, podemos crear videos con Photoshop, en este caso además de imágenes he incluido texto y audio.

Es un pequeño video sobre el paso del tiempo del rock desde los 50´s hasta los 70´s.... espero que sea de vuestro agrado.

Linea de tiempo en Photoshop

Podemos crear videos desde photoshop mediante la linea de tiempo, para ello necesitamos las imágenes que vamos a usar.

Este es el menú principal que nos aparece, en el podemos modificar cuanto durará nuestro video y es donde crearemos la magia,



Si desplegamos el menú de "Capa" nos aparecen 3 opciones:

1. Posición: con esta opción crearemos movimiento, primero posicionamos la barra roja en la linea de tiempo donde queremos que haya movimiento, después movemos nuestra imagen o elemento y le damos a "Posición".
2. Opacidad: su forma de uso es igual que la anterior, solo que en este caso iremos modificando la opacidad de nuestra imagen o elemento.
3. Estilo: nos permite modificar el color, textura, estilo....

Podemos usar estas opciones por separado o a la vez, depende del efecto que queramos darle a nuestro video.

Estos son unos ejemplos que he realizado, espero que os guste. 

HTML5 Maker

¿Qué es HTML5?

Es un lenguaje informático, usado para estructurar y presentar el contenido para la web.

¿Cómo crear banners con HTML5 Maker?

1º Debemos hacernos una cuenta, después elegiremos el tamaño del banner.

2º Podremos poner imágenes nuestras o usar las que nos viene en el banco de imágenes de la aplicación, también elegiremos el formato del texto y lo más importante, cuantos fotogramas tendrá nuestro banner.

3º Una vez creado, lo publicaremos y en empotrar copiaremos el código HTML5 para así poder incluirlo en nuestro blog.

He creado un banner para publicitar el blog de una compañera, espero que os guste.

También he creado uno usando Bannersnack, la cual me parece más sencilla de manejar y al igual que HTML5 Maker utiliza el lenguaje HTML5.

Banners Black Mirror

Buenas, en esta entrada voy a presentaros algunos banners que he realizado sobre la serie Black Mirror.

Charles Ray "Cuatro Moldes"

¿Quién es Charles Ray?

Es un escultor estadounidense conocido por sus extrañas y enigmáticas esculturas que ponen en juicio las percepciones del espectador y considerado uno de los escultores más influyentes del panorama artístico actual. 

Su estilo y el tema de sus obras son muy variables, pero la naturaleza seductora y sorprendente de sus obras ha echo que tenga una gran audiencia.

Actualmente, el Museo Reina Sofía presenta en el Palacio de Cristal, del Parque del Retiro, la exposición "Cuatro Moldes" la cual reúne una selección de esculturas de gran tamaño. 

La exposición estará disponible hasta el 8 de septiembre de 2019. ¿Vais a perdérosla? 

Creación de Banners con Photoshop

1º Crearemos varias capas, cada una de ella con una imagen de nuestro banner. Como queremos darle movimiento, tendremos que ir modificando la posición y la forma poco a poco. Ej:



2º Pulsamos la pestaña Ventana>Linea de tiempo y se nos abrirá un nuevo menú. Le damos a "Crear animación de cuadros" y vamos creando un cuadro por cada capa.



3º Abajo, nos permite modificar cuanto queremos que darte nuestro cuadro en pasar al siguiente, si queremos que se mueva una única vez o de manera infinita y los botones de play, pausa, para pasar de una cuadro a otro, intercalar cuadros, crear un cuadro nuevo y borrar.




4º Una vez terminado, vamos a Archivo>Exportar> Guardar para web (heredado). Ponemos que se guarde en GIF y aceptamos.



En este caso he realizado dos Banners diferentes, espero que os gusten.

 

Creación de Banners con GIF Maker

¿Qué es?

Es una herramienta la cual nos permite crear gifs a partir de varias imágenes, en este caso vamos a utilizarlo para crear un banner dinámico.

Pasos a seguir:

1. Subimos las imágenes.



2.Ponemos las imágenes en orden, es tan sencillo como hacer clic y arrastrar a la posición deseada.



3. En el Panel de Control modificamos el tamaño y la velocidad a la que queremos que vaya y le damos a Crear gif.



4. Una vez realizado, nos da la posibilidad de descargarlo, modificarlo, crear uno nuevo....



Y este seria el resultado: