qwertyuiopasdfghjklzxcvbnmqw

ertyuiopasdfghjklzxcvbnmqwert

yuiopasdfghjklzxcvbnmqwertyui

opasdfghjklzxcvbnmqwertyuiopa

sdfghjklzxcvbnmqwertyuiopasdf

ghjklzxcvbnmqwertyuiopasdfghj

klzxcvbnmqwertyuiopasdfghjklz

xcvbnmqwertyuiopasdfghjklzxcv

bnmqwertyuiopasdfghjklzxcvbn

mqwertyuiopasdfghjklzxcvbnmq

wertyuiopasdfghjklzxcvbnmqwe

rtyuiopasdfghjklzxcvbnmqwerty

uiopasdfghjklzxcvbnmqwertyuio

pasdfghjklzxcvbnmqwertyuiopas

dfghjklzxcvbnmqwertyuiopasdfg

hjklzxcvbnmqwertyuiopasdfghjk

Tutorial de com hacer un cinemagraph

tutorial

23/11/2011

itzel coral

Contenido Com hacer un cinemagraph

Hay varias formas de hacer un cinemagraph, todas mucho más sencillas de lo que parece. La que os

voy a explicar yo, Photoshop mediante, no es la más correcta (estoy seguro de que con After Effects,

Fireworks o Premiere hay una solución mucho más correcta) pero el resultado es más o menos el

mismo.

Básicamente se trata de combinar un video con una imagen estática (que será un fotograma de

dicho video) y aplicar una máscara en la zona que queremos animar. Para obtener un resultado

espectacular necesitaréis…

Una buena idea. Se trata de encontrarle sentido, así que lo ideal es plantearlo como algo más que un

recurso estético. Tan sencillo como intentar contar algo.

Una camara de video, fotos, webcam, movil o lo que sea, con capacidad para grabar piezas de video

en buena calidad. Obviamente una cámara de video "de verdad" o una reflex digital de gama alta

ofrecerá unos resultados aplastantemente mejores.

Adobe Photoshop CS3 o superior.

El ejercicio que utilizaré como referencia para el tutorial no cumple con los dos primeros puntos. Ni

hay una idea, ni el sentido del efecto está aprovechado, ni cuento con una cámara de gran calidad

(es una ya algo anticuada Panasonic Lumix DMC-FX35, que puede grabar video con resolución 720p

a 30fps). Pero para comprender el proceso técnico es suficiente, así que empezamos:

0. Hay que encontrar un lugar donde se combinen tanto elementos estáticos como objetos en

movimiento. Después hay que inmovilizar la cámara -preferiblemente con un trípode- y a grabar.

Basta con unos pocos segundos.

1. Cuando esté grabado el video posiblemente necesitaréis retocarlo en busca de una colorimetría

más expresiva. Yo utilicé After Effects, pero con los ajustes de imagen de Photoshop es suficiente.

Hay que tener en cuenta que buen retoque implica un contraste realista que mantenga el detalle

tanto en las zonas oscuras como en las claras: con "Curvas" (Imagen>Ajustes>Curvas) se puede

controlar perfectamente todo el equilibro de negros y blancos y con "Corrección Selectiva"

(Imagen>Ajustes>Corrección selectiva…) manipular la tonalidad dominante. Debido a que mi

cámara genera grano y ruido de mosquito, he tenido que aplicar un filtro de suavizado para

disimularlo (Fitro>Ruido>Destramar).

2. Si hicisteis el retoque en Photoshop ya tendréis abierto el video y si utilizasteis otro programa

simplemente basta con abrir el archivo generado en Photoshop. Vais a Ventana>Animación y veréis

la linea de tiempo en la parte de abajo. Con el puntero podéis cortar lo que no os interese del video.

3. En la ventana de capas tenéis el video con el nombre "Capa 1", así que lo arrastrais al icono de

"Crear una nueva capa" para duplicarla. Ahora tenéis dos capas iguales: la de encima será la imagen

estática, así que toca rasterizarla (click secundario, "Rasterizar Capa") y convertirla en

una máscara (icono de la ventana de capas "Añadir máscara vectorial"). Ahora, en la máscara solo

tenéis que "pintar" con color blanco sobre el elemento que queréis en movimiento y sobre el espacio

que ocupará en los siguientes fotogramas.

4. Ahora hay que guardar el archivo en fotogramas separados (Exportar>Interpretar a

video>Secuencia de imágenes). Yo los guardé en una carpeta específica, y tras revisarlos me quedé

con un fragmento de apenas 15 fotogramas (necesitaréis más o menos en función de lo que

grabasteis y de la complejidad del bucle que vais a crear). A continuación abrimos en Photroshop

todos los fotogramas como capas en un solo archivo (Archivo>Secuencias de comandos>Abrir

archivos en pila).

5. Volvemos a abrir la linea de tiempo y le damos al icono de abajo a la derecha "Convertir en

animación de cuadros" para activar la vista por fotogramas. Puesto que lo más correcto es darle una

apariencia "cinematográfica" al gif, cada fotograma debe durar 4 centésimas de segundo (0,04) para

alcanzar la cifra de 24fps. En el panel de capas vamos desativando la visualización de cada capa,

(click sobre el icono del ojo que aparece a la izquierda de cada capa) y por cada una que

desactivemos creamos un frame nuevo (en "Animación" el sexto icono empezando por la izquierda

"Duplica los cuadros seleccionados"). Cuando estén todos, repetimos todo el proceso a la inversa

para crear el bucle.

6. Antes de crear el archivo final, seleccioné el primer frame y agregué una capa nueva con una

textura (en modo "Subexposición lineal") encima de todas las demas, marcando la casilla "Propagar

Cuadro 1" para aplicar la textura a todos los fotogramas. Con esto consigo dos cosas: darle al gif un

toque vintage y disimular la mala calidad de la imagen. Y ahora sí, creamos el Gif (Archivo>Guardar

para web), en el cuadro de diálogo hay una pestaña gris para determinar el formato de salida (Gif,

obviamente), aumentamos el númwero de colores al máximo (256) y en la sección de animación de

abajo a la derecha, hacemos click sobre la pestaña opciones de repetición y marcamos "Infinito". Le

damos a "Guardar" ¡Y listo!