Este documento proporciona un tutorial en 5 pasos para crear un cinemagraph, o gif animado, en Adobe Photoshop. Explica qué se necesita, como una cámara para grabar video, y describe cada paso del proceso, incluyendo abrir el video en Photoshop, crear una capa estática y una máscara, exportar los fotogramas, volver a abrirlos como capas, ajustar la duración de cada fotograma, y guardar el archivo final como un gif animado. El objetivo es enseñar la técnica bás
1. CinemagraphEn Adobe PhotoshopTutorialBarbara PerezOctubre 2011rightbottom00lefttop00righttop00<br />Indice TOC quot;
1-3quot;
¿Que necesitaremos? PAGEREF _Toc305425201 3¿Cómo lo haremos? PAGEREF _Toc305425202 3Paso 1 PAGEREF _Toc305425203 3Paso 2 PAGEREF _Toc305425204 4Paso 3 PAGEREF _Toc305425205 4Paso 4 PAGEREF _Toc305425206 4Paso 5 PAGEREF _Toc305425207 5<br />Introducción<br />En este trabajo abordaremos lo que es un Cinemagraph en Adobe Photoshop.<br />Se manejara como un pequeño tutorial en el que podrás ver lo que es este sistema en un nivel básico, sin abordar todos los temas que explícitamente se pueden tomar.<br />Espero te guste y puedas resolver todas tus dudas.<br />¿Que necesitaremos?<br />Hay varias formas de hacer un cinemagraph. La que les voy a explicar yo, mediante Photoshop.<br />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 necesitaras:<br />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.<br />Una camara de video, fotos, webcam o lo que sea, con capacidad para grabar piezas de video en buena calidad. <br />Adobe Photoshop CS3 o superior.<br />¿Cómo lo haremos?<br />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.<br />-5969021590000-596902079625Video abierto que se realizara.Video abierto que se realizara.Paso 1<br />Abrir un archivo en Photoshop. Ve a Ventana>Animación y veras la línea de tiempo en la parte de abajo. Con el puntero podrás cortar lo que no te interese del video.<br />Paso 2<br />28733751870710Capa ya pintada.Capa ya pintada.28733756159500En la ventana de capas tendrás el video con el nombre quot;
Capa 1quot;
, así que lo arrastraras al icono de quot;
Crear una nueva capaquot;
para duplicarla. Ahora vas a tener dos capas iguales: la de encima será la imagen estática, así que toca rasterizarla (click secundario, quot;
Rasterizar Capaquot;
) y convertirla en una máscara (icono de la ventana de capas quot;
Añadir máscara vectorialquot;
). Ahora, en la máscara solo tendrás que quot;
pintarquot;
con color blanco sobre el elemento que quieres en movimiento y sobre el espacio que ocupará en los siguientes fotogramas.<br />Paso 3<br />-1308101614805FotogramasFotogramas-13081025209500Ahora hay que guardar el archivo en fotogramas separados (Exportar>Interpretar a video>Secuencia de imágenes). Es mejor guardarlos en una carpeta específica. A continuación abriremos en Photoshop todos los fotogramas como capas en un solo archivo (Archivo>Secuencias de comandos>Abrir archivos en pila). <br />Paso 4<br />Volvemos a abrir la linea de tiempo y le damos al icono de abajo a la derecha quot;
Convertir en animación de cuadrosquot;
para activar la vista por fotogramas. Puesto que lo más correcto es darle una apariencia quot;
cinematográficaquot;
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 quot;
Animaciónquot;
el sexto icono empezando por la izquierda quot;
Duplica los cuadros seleccionadosquot;
). Cuando estén todos, repetimos todo el proceso a la inversa para crear el bucle.<br />Paso 5<br />2458085241300024580852266315Gif ya terminado.Gif ya terminado.Antes de crear el archivo final, selecciona el primer frame y agrega una capa nueva con una textura (en modo quot;
Subexposición linealquot;
) encima de todas las demas, marcando la casilla quot;
Propagar Cuadro 1quot;
para aplicar la textura a todos los fotogramas. Con esto conseguiras dos cosas: darle al gif un toque vintage y disimular la mala calidad de la imagen. Y ahora sí, crea 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), aumenta el número de colores al máximo (256) y en la sección de animación de abajo a la derecha, haz click sobre la pestaña opciones de repetición y marcamos quot;
Infinitoquot;
. Le damos a quot;
Guardarquot;
¡Y listo!<br />Conclusiones<br />Hacer un gif o un cinemagraph es fácil, pero debes poner atención a cada paso que realizas y tratar de conocer los pasos básicos en Adobe Photoshop.<br />Espero les haya gustado mi tutorial y les sirva para poder hacer sus propios Cinemagraphs.<br />Recuerda que es un tutorial básico, y por lo tanto no está muy técnicamente explicado.<br />