Cómo hacer tu propio CinemaGraph en Photoshop CS5

Los Cinemagraphs son pequeños archivos GIF animados creados a partir de una película, que capturan una pequeña sección en movimiento de esa película en una secuencia siempre en bucle. Vea el ejemplo a la derecha si no tiene idea de lo que estoy hablando o consulte el próximo artículo de Tim sobre los 5 mejores blogs para encontrar Cinemagraphs. Hoy voy a mostrarle cómo hacer su propio archivo de película con Photoshop CS5 Extended, y podrá ver mi producto final a la derecha.!

Nota: Necesitará la versión extendida de Photoshop para hacer esto, ya que incluye los componentes de animación. También necesitarás un conocimiento básico de Photoshop, ya que no voy a explicar conceptos clave como las capas, o cómo destruirlos o hacerlos invisibles. Usuarios de Windows, reemplazar CMD con CTRL, y OPCIÓN con ALT claves en el tutorial.

Películas, líneas de tiempo y QuickMasks

Continúa y abre un archivo de video como lo harías con cualquier otro archivo. Si la ventana de animación no se carga automáticamente, actívela desde el menú de Windows. Aquí he elegido un pequeño video que tomé en mi iPhone de una ardilla en St James Park, Londres.

Encuentre el pequeño icono para el menú desplegable de animación en la parte superior derecha de la línea de tiempo, ya que lo vamos a usar mucho. Haz clic en él y encuentra el Configuraciones de documentos. Cambia la velocidad de fotogramas a unos 15 si es más alta. En general, los videos comenzarán a unos 30 cuadros por segundo, lo que es demasiado alto para animaciones simples.

A continuación, familiarícese con la línea de tiempo un poco más. En la parte superior de la línea de tiempo hay un puntero azul que indica el fotograma actual en la secuencia. Arrástrelo para arrastrar de un lado a otro a través de su película. También hay controles de juego en la parte inferior derecha.

Arrastre el puntero hacia donde desea que comience su película. Ahora, arrastre el rectángulo azul que marca el inicio de la película al lugar donde se ha movido el puntero. Mantenga presionada la tecla Mayús para que encaje en la ubicación del puntero. Si presionas Play nuevamente, deberías notar que la película comienza ahora donde la configuras..

Arrastre el marcador de nuevo al lugar donde desea que termine la película y haga lo mismo con el marcador pequeño azul en el extremo derecho. Ahora vuelva a obtener una vista previa y verá el bucle básico de su película. Si todo está bien, selecciona Recorte la duración del documento al área de trabajo desde el menú de la línea de tiempo de nuevo en la parte superior derecha.

A continuación, debe encontrar su cuadro maestro: este es el cuadro de video que será el telón de fondo, la parte de la animación que no se mueve. Frote el marcador hasta que vea el cuadro deseado, luego presione CMD-A para seleccionar todos y CMD-C para copiar, entonces CMD-V pegar. Esto debería crear una nueva capa con su fotograma clave seleccionado.

A continuación, pulsa la Q llave para abrir Máscara rápida modo. Selecciona el Cepillo de pintura y un pincel de tamaño adecuado, y comience a pintar las áreas de la película que desea que permanezcan estáticas. En Máscara rápida modo, debe verlos resaltados en rojo cuando pinta (si no, no está en el modo de máscara rápida, así que deshaga y vuelva a intentarlo). Deje las áreas que tienen el elemento móvil de la película que desea conservar..

Después de haber resaltado todos los bits de la escena que desea permanecer quieto, pulse Q de nuevo para salir del modo QuickMask, luego mantenga ALT y haga clic en el Añadir máscara de capa Botón en la paleta de capas. Ese es el botón en la parte inferior que es un rectángulo con un círculo en él.

Esto debería crear una nueva máscara de capa en la capa del fotograma clave de la imagen fija, como a continuación.

En este punto, debería poder obtener una vista previa de su animación si ambas capas están visibles, simplemente presione Reproducir en la ventana de animación. También puede recortar la animación si lo desea, como hice en este caso. Esta es ahora una buena indicación de cómo se verá su Cinemagraph final. El resto de los pasos son simplemente cómo exportar esto a un GIF animado..

Exportar la animación

Haga clic nuevamente en el menú de animación y seleccione Aplanar marcos en capas. Esto creará un montón de capas, cada una de ellas en un solo cuadro de la película. Elimine la imagen de fotograma clave original y la capa de película, dejando solo las capas de fotograma de animación que acaba de crear.

A continuación, convierte la película en una Animación de cuadros haciendo clic en este botón en la parte inferior derecha de la ventana de la línea de tiempo de la animación. Cuando hagas esto, solo se creará un marco, pero no te preocupes.

A continuación, vuelva al menú de animación y seleccione Hacer marcos de capas. Esto convertirá todas tus capas de animación en marcos.

Finalmente, tu animación de cuadros tiene una larga pausa al principio. Haga clic en el primer cuadro para abrir el menú de demora. Puede eliminarlo por completo o comenzar a agregar diferentes retrasos en varios marcos si desea un efecto de tiempo particular.

Finalmente, desea que la animación se repita para siempre, no solo para reproducir una vez, así que justo debajo del marco inicial, haga clic en el menú desplegable que dice UNA VEZ y cámbielo a FOREVER.

Ahora estás listo para ahorrar. En el menú Archivo, seleccione Guardar para la web y dispositivos. Elija el tipo de archivo GIF y reduzca el tamaño físico si es necesario. Recuerde que hay una indicación del tamaño final del archivo en la parte inferior izquierda, así que juegue un poco con la configuración para que esto sea lo más bajo posible. Sugiero usar un patrón de trama y reducir el número de colores a alrededor de 32 o 64, con una selección de color selectiva.

Conclusión

Obviamente, si su cámara temblaba en la película original como la mía, el efecto será un poco extraño, y también es mejor si es capaz de realizar un bucle sin problemas. Aunque estoy seguro de que puedes hacerlo mejor. Si ha creado su propio Cinemagraph, siéntase libre de compartir un enlace en los comentarios y veremos quién es el mejor. También puede leer todos nuestros otros artículos y tutoriales de Photoshop aquí.

Explorar más sobre: ​​Adobe Photoshop, Cinemagraph.