@Lesnums), Samuel Boivín
Publicado el 17/01/17 a las 09h00 Compartir:
Si está acostumbrado a las presentaciones de diapositivas o la integración de fotos en un video, seguramente sabe que a menudo es plano y desalentador, debido a la falta de volumen de la foto. Muy a menudo, para animar sus imágenes, solo tiene la opción de acercar o alejar. En este tutorial, aprenderemos cómo crea animaciones de profundidad en tus fotografías gracias al efecto parallax.
Definición
El efecto parallax es un efecto visual que consiste en simular 3D en una imagen 2D. A menudo se usa (y debe haberlo visto antes) en presentaciones de fotos o documentales. Este efecto crea movimiento de cámara, o incluso movimiento del sujeto, en una imagen fija, dando la impresión de 3D. Esto se llama el efecto "2,5D".
Requisitos previos
Para que el efecto de paralaje funcione correctamente, debe usar una foto que tenga al menos un primer plano, un plano medio y un fondo bien definidos, preferiblemente con una orientación horizontal.
Por el lado del software, deberá usar Photoshop (o equivalente) y dominar el recorte a través de la máscara de capa, así como las herramientas de duplicación. Y, por supuesto, necesitará After Effects, con el que usaremos los efectos de cámara en el espacio 3D.
Recortar en Photoshop
Ahora que ha elegido la foto que desea animar, debe separar los planos recortándolos en Photoshop. Si no se siente muy cómodo con el recorte, se recomienda encarecidamente no elegir una foto que sea demasiado compleja para empezar.
En la foto de arriba, podemos distinguir fácilmente 3 planes:
– el primer plano, compuesto de vegetación,
– el segundo plano o plano medio, incluyendo la roca y la persona sobre ella,
– finalmente el fondo, formado por las montañas y el cielo.
Para el recorte, duplica tu foto en tantos planos que la componen y aíslalos usando máscaras de fusión. Al principio, no dude en delinear a grandes rasgos y luego refinar, o incluso eliminar por completo un elemento innecesario o complejo. Esta es la ventaja de recortar con una máscara de capa: las modificaciones no son definitivas.
Una vez que se hayan recortado los planos, utilice la función de relleno de Photoshop (Menú Edición > Relleno) para rellenar los huecos que dejan las áreas excluidas. Es importante mejorar algunas inconsistencias con la herramienta Pincel corrector o el Tampón de clonar para refinar las conexiones. Son principalmente las costuras las que serán visibles en su animación.
Edición en After Effects
Ahora que su archivo PSD con los diferentes planos está listo, es hora de juntarlos en After Effects. Para hacer esto, cree un nuevo proyecto e importe su PSD en una nueva composición, como se muestra a continuación.
En este punto, encontrará sus capas de Photoshop en una composición de After Effects. Comience por convertirlos en objetos 3D al marcar el ícono del cubo a la derecha de la capa. Recuerde también verificar que se hayan importado en el orden correcto, es decir, el primer plano en la parte superior de la lista y el fondo en la parte inferior.
Para animar su imagen, cree una cámara yendo al menú "Capa> Crear> Cámara" y elija el ajuste preestablecido "35 mm".
Una vez que haya importado sus capas y haya creado su cámara, tendrá que generar la impresión de distancia espaciando sus diferentes capas. En este momento, su imagen aún es plana, y si juega moviéndola, encontrará que el efecto no existe. Para obtenerlo, y para poder visualizar y comprender mejor los cambios que va a realizar, divida su espacio de vista previa en 2 vistas. En la ventana izquierda, verá la ubicación de sus diferentes capas en el espacio y el ángulo de su cámara.
Siendo su capa de "plano medio" su tema principal, es recomendable dejarlo en el nivel 0 del espacio de trabajo. Por otro lado, deberá mover su primer plano hacia la cámara y alejar el fondo modificando el factor de 3ra posición en el menú "Transformar> Posición" de la capa en cuestión.
Como se puede observar, al actuar sobre su colocación en profundidad, las capas han crecido o se han encogido. Ahora es necesario modificar su escala para reajustarlos y devolverlos a su tamaño original. Más o menos tu imagen en la vista previa debería parecerse a tu imagen original.
A la izquierda, los planos largos y cercanos. Lo mismo a la derecha, una vez que estos se vuelven a colocar en la escala correcta.
Antes de pasar a la animación de la cámara, es posible realizar una limpieza final de las capas. Como notó en nuestro ejemplo, los detalles en las ramas de primer plano no se recortaron muy bien en Photoshop. Una vez en After Effects, es posible reparar este detalle de una forma muy sencilla y eficaz, aplicando el efecto "Enmascaramiento por color" a la capa (Menú Efecto > Enmascaramiento > Enmascaramiento por color).
Usando el cuentagotas, seleccione el color para excluir y ajuste el nivel de Tolerancia y Suavizado según sea necesario hasta lograr el efecto deseado. Si es necesario, y para no degradar demasiado la calidad de la imagen, duplique este efecto y vaya por etapas.
En la parte superior, antes de aplicar el efecto de máscara de color y en la parte inferior después de aplicar el efecto.
Ahora es el momento de animar la cámara y finalmente crear tu efecto de paralaje. Comience moviendo el control deslizante de material de archivo al principio si lo movió. Luego active una imagen clave para los valores "Punto objetivo" y "Posición" que son los que se utilizan para mover su cámara. Ahora mueve el cursor al 5º segundo, por ejemplo, y crea fotogramas clave cambiando estos dos valores según el efecto que quieras crear.
Aquí es cuando podrá ver si las áreas vacías de sus capas se están llenando lo suficiente o son consistentes. De hecho, con el movimiento de la cámara, visualizará las áreas que ha rellenado en Photoshop, si es necesario, volverá al software para retocarlas y actualizará sus capas en After Effects para actualizarlas de acuerdo con las modificaciones. Una vez que el movimiento de la cámara esté bien ajustado, puedes optimizarlo y suavizarlo seleccionando todos los fotogramas clave y presionando la tecla F9.
Si te gusta el renderizado, todo lo que tienes que hacer es exportarlo en el formato que elijas para integrarlo en otra composición, o convertirlo en un GIF animado para compartir tu foto en 2,5D.
Por supuesto, en este ejemplo solo es una edición muy sencilla para familiarizarse con el concepto, pero es posible ir mucho más allá multiplicando las capas de planos y los efectos de cámara bajo After Effects. ¡Ya tienes las claves para tomar el control de este efecto y dejar que tu creatividad hable por sí misma!
Crea un efecto de paralaje con After Effects, parte II: agrega movimientos en la imagen
