Home Blog/ Estilo de Vida/
Estilo de Vida

Técnica de rotoscopía en animación: ¡Anímate a animar y haz una rotoscopía digital!

Juliana Fantino - 11 Feb 22

Articulo

7 min.

Manejar la t√©cnica de rotoscop√≠a en animaci√≥n es un requisito indispensable para todo aquel que le apasione animar en 2D. La animaci√≥n por rotoscop√≠a consiste en hacer un video animado con estilo vintage. Esta hist√≥rica t√©cnica de animaci√≥n, con m√°s de 100 a√Īos de vida, es un punto de inflexi√≥n en relaci√≥n con los m√©todos de dise√Īo de secuencias animadas en la industria del cine y de los videojuegos.¬†

Tal vez, la técnica de rotoscopía en animación no te sea tan familiar, pero gracias a la rotoscopía, las princesas de Disney adquirieron vida propia y se convirtieron en perfectas bailarinas.

Por eso, si quieres saber cómo es la técnica de rotoscopía en animación, necesitas leer este artículo, ya que te brindaremos toda la información para animar a partir de una imagen como referencia.

¬ŅEst√°s list@? ¬°Comencemos!¬†

Una aproximación conceptual a la rotoscopía

La rotoscopia es una técnica de animación basada en la creación de secuencias animadas por medio del dibujo de las imágenes de un video real, fotograma por fotograma. Dicho de otro modo, la técnica de rotoscopía en animación es el proceso en el que redibujas o calcas el fotograma de un video previamente grabado.

El resultado es una secuencia de video animada, hecha a partir de un video real, pero con la creatividad artística que le desees agregar.

En la t√©cnica de rotoscop√≠a en animaci√≥n, los fotogramas, llamados ‚Äúframes‚ÄĚ en ingl√©s, son im√°genes en solitario que, al colocarlas una despu√©s de otra, forman una secuencia de movimiento. Tanto en el cine, as√≠ como en los videos de tu celular, esta secuencia de fotogramas es lo que permite que percibas la sensaci√≥n de movimiento. Se trata de lo que a fin de cuentas, hace de un video, un video; y no una fotograf√≠a.

Pero no simplifiquemos. Si bien todos hemos calcado alguna imagen en nuestras vidas, la t√©cnica de rotoscop√≠a en animaci√≥n demanda gran esfuerzo y tiempo. Solo pi√©nsalo: ‚Äú¬ŅCu√°ntos fotogramas tiene un segundo de video?‚ÄĚ.¬†

animadora trabaja con la técnica en rotoscopía en su mesa de trabajo con una tablet

Fuente: Pexels

Cuando se invent√≥ la animaci√≥n por rotoscopia, el cine empleaba aproximadamente 16-18 fotogramas por segundo (‚ÄúFPS‚ÄĚ por sus siglas). Actualmente, el cine digital usa 30 FPS o m√°s. Pero esto var√≠a seg√ļn el director o directora y lo experimental de la pel√≠cula.

Y entonces, ¬Ņcu√°ntos fotogramas por segundo debe tener una animaci√≥n? Para reproducir una secuencia de animaci√≥n y darle la suficiente sensaci√≥n de movimiento, 20 fotogramas por segundo ser√≠an suficiente, aunque con menos FPS, tambi√©n se pueden obtener buenos resultados, al poner en acci√≥n la t√©cnica de rotoscop√≠a en animaci√≥n.¬†

Por ejemplo, para un segundo de secuencia de video animada, tendrías que calcar 20 FPS. Es un trabajo considerable. No obstante, el resultado final hace que todo ese esfuerzo valga la pena.

Aunque la animaci√≥n por rotoscopia demanda gran cantidad de tiempo y dedicaci√≥n, esta metodolog√≠a permite crear personajes animados con movimientos m√°s fluidos y org√°nicos, como los de una persona real.¬†De acuerdo con Desir√©e Biduera De Vinatea, estudio de contenido y comunicaci√≥n visual¬†a cargo de nuestro curso online de Dibuja sobre tu video: Rotoscop√≠a en Adobe Photoshop: ‚ÄúLa animaci√≥n fusionada con la edici√≥n puede ser la combinaci√≥n perfecta para darles a los creativos la soluci√≥n perfecta a la hora de expresar un estilo propio‚ÄĚ.¬†

En efecto, fue por ese motivo que se inventó. Al respecto, revisemos cuándo se inventó la rotoscopía y quién fue el creador del rotoscopio y de esta histórica técnica de animación.

animadora digital pone crea una rotoscopía en su laptop y tableta sentada en su estación de trabajo

Fuente: Pexels

¬ŅCu√°l es la historia de la rotoscop√≠a?

Si bien es cierto que la técnica de la rotoscopía en animación es un procedimiento precursor dentro de la historia de la animación, podrás aplicarla en la actualidad y aprovechar todos sus beneficios dentro del contexto digital. Pero ahondemos un poco en esta metodología desde una perspectiva histórica. 

La t√©cnica de rotoscop√≠a en animaci√≥n vio la luz en el a√Īo 1915 con la aparici√≥n del rotoscopio. El rotoscopio, creado y patentado por Max Fleischer, era una m√°quina que permit√≠a proyectar videos reales en un panel transparente. Esto posibilit√≥ realizar el dibujo de cada fotograma en una hoja de papel aparte y detener el video en un fotograma, calcarlo, pasar al siguiente y repetir.

historia del rotoscopio dibujo

Fuente: Wikipedia

Pero ¬Ņpor qu√© se invent√≥ el rotoscopio? Es que hasta ese momento, las animaciones eran rob√≥ticas y los movimientos de los personajes resultaban algo torpes. Lo que buscaba Max Fleischer con la t√©cnica de rotoscop√≠a por animaci√≥n era otorgar a sus personajes movimientos similares a los de una persona real.

El primer corto animado en el que se implement√≥¬†la t√©cnica de rotoscop√≠a en animaci√≥n fue ‚ÄúOut of the Inkwell‚ÄĚ de Max Fleischer. Para hacerlo, primero, se grab√≥ en video al personaje principal del corto, Koko el Payaso, personificado por el hermano de Max, Dave Fleischer.¬†

Luego, la grabaci√≥n fue proyectada a trav√©s del rotoscopio y se calcaron los fotogramas que se necesitaban. ¬ŅEl resultado? El payaso m√°s v√≠vido de la historia de la animaci√≥n nunca antes visto.

Dentro de la historia de la animaci√≥n, los ejemplos m√°s notables del uso de la rotoscop√≠a se dan con cl√°sicos como ‚ÄúBetty Boop‚ÄĚ y ‚ÄúPopeye‚ÄĚ. El m√°s recordado de ellos involucr√≥ al artista Cab Calloway, de quien se usaron pasos de baile para que los personajes de Betty Boop tuvieran movimientos de bailarines casi profesionales.

Betty Boop por rotoscopía

Fuente: Wikipedia

Luego de que la patente de Fleischer expirara, la t√©cnica de rotoscop√≠a en animaci√≥n fue usada, casi en exceso, por la casa del rat√≥n. Los estudios de Walt Disney Pictures comenzaron a usar la rotoscop√≠a en el a√Īo 1937, con su primera pel√≠cula de animaci√≥n: ‚ÄúBlancanieves y los siete enanitos‚ÄĚ.

De esta manera, al igual que con Koko el Payaso, Disney comenzaba por grabar a personas reales haciendo las secuencias de Blancanieves, el príncipe y los enanitos; y posteriormente, se redibujaban los fotogramas con la animación por rotoscopía. 

Esta t√©cnica de rotoscop√≠a en animaci√≥n tambi√©n fue empleada por los estudios Disney para pel√≠culas como¬†‚ÄúLa bella durmiente‚ÄĚ, ‚ÄúEl libro de la Selva‚ÄĚ, ‚ÄúAlicia en el pa√≠s de las maravillas‚ÄĚ; y en casi todo su repertorio de cl√°sicos.

La bella durmiente como ejemplo de técnica de rotoscopía

Fuente: Wikipedia

Por su parte, Disney us√≥ la t√©cnica de rotoscopia en animaci√≥n casi en exceso. ¬ŅPor qu√© raz√≥n? Pues, porque en la primera mitad del siglo XX, grabar escenas con actores reales implicaba grandes costes de producci√≥n. Por ello, Disney opt√≥ por reutilizar las grabaciones que ya ten√≠an y gastar menos. As√≠, aplicaron la t√©cnica de rotoscopia en animaci√≥n para ‚ÄúEl libro de la Selva‚ÄĚ, ‚ÄúRobin Hood‚ÄĚ, ‚ÄúLos Aristogatos‚ÄĚ y otras pel√≠culas m√°s, empleando las mismas grabaciones de video. Y por este motivo, estos personajes tienen movimientos similares.¬†

Luego, al comenzar la √©poca de los a√Īos 90, la t√©cnica de rotoscop√≠a en animaci√≥n se renueva gracias al animador Bob Sabiston, quien crea el proceso de animaci√≥n por rotoscopia interpolada. La nueva opci√≥n permit√≠a, b√°sicamente, usar la misma t√©cnica de rotoscop√≠a en animaci√≥n, pero usando una computadora, llamada ‚ÄúRotoshop‚ÄĚ (¬Ņcomo Photoshop?).

Este programa permitió simplificar el proceso de la animación, ya que copiaba la figura trazada y aplicaba las mismas formas básicas al resto de fotogramas. Como consecuencia, no había que empezar de cero con cada movimiento de los personajes.

Hoy en d√≠a, la t√©cnica de rotoscop√≠a en animaci√≥n se realiza de forma m√°s simplificada y no se requiere instalar un rotoscopio en casa. Como veremos m√°s adelante, efectivamente, existen distintos programas de dise√Īo para hacer rotoscop√≠a, como Photoshop, as√≠ como softwares digitales que permiten animar a tus personajes mucho m√°s r√°pido.¬†

 

Algunos ejemplos de animación con rotoscopía

Para continuar avanzando en nuestro estudio sobre la técnica de rotoscopía en animación, te presentaremos algunos ejemplos reales, en los que podrás ver de qué modo se ha aplicado esta metodología. 

¡Ya comprobarás lo increíbles que son los videos elaborados con este procedimiento de animación!

Rotoscopia en el cine

La técnica de rotoscopía en animación no solo se ha empleado para el cine animado de Disney, sino también en películas y series recientes para animar las secuencias de sus personajes. Vamos a ver algunas:

  • A Scanner Darkly o "Una mirada oscura" en espa√Īol, es una pel√≠cula de ciencia ficci√≥n del a√Īo 2006. En este filme, el director emplea la animaci√≥n por rotoscopia interpolada a trav√©s del rotoshop. Al ser una pel√≠cula de ciencia ficci√≥n, donde se juega con las visiones del personaje, la t√©cnica de rotoscopia en animaci√≥n calza perfecto para brindarle la sensaci√≥n de rareza y singularidad al ambiente.

A Scanner Darkly o "Una mirada oscura" ejemplo de rotoscopía

Fuente: Filmaffinity

  • Undone es una serie del a√Īo 2019, producida por Amazon, en la que se aplica este m√©todo de animaci√≥n. Es m√°s, esta es la primera serie de televisi√≥n de la historia que ha sido completamente elaborada con la t√©cnica de rotoscop√≠a en animaci√≥n.
    La trama de la serie (no spoiler) explora la naturaleza elástica de la realidad, por lo que aplicar esta metodología de animación también encaja muy bien con el concepto que los creadores querían otorgar.

Undone ejemplo de técnica en rotoscopía

Fuente: Prime Video

Rotoscopia en videos musicales

  • El video de la canci√≥n "Take on me" de la banda A-ha fue uno de los primeros videos musicales que emple√≥ la t√©cnica de rotoscopia en animaci√≥n. Gracias a ella, en el video, se permite ver la interacci√≥n entre personajes reales y ficticios dibujados a l√°piz.

Take on me de la banda A-ha ejemplo de método de rotoscopía

Fuente: Pinterest

  • Si la referencia anterior es muy antigua para ti, tal vez, esta segunda opci√≥n sea un mejor ejemplo. En el video ‚ÄúBreaking the Habit‚ÄĚ, m√≠tica canci√≥n de la banda Linkin Park, se hizo uso de esta t√©cnica de rotoscop√≠a en animaci√≥n para caricaturizar a cada miembro de la banda. As√≠, no se perd√≠a el concepto art√≠stico en la historia del video, que se realiz√≥ con una est√©tica de anime similar a la de Kill Bill.

Breaking the Habit de Linkin Park

Fuente: YouTube

Rotoscopia en videojuegos

  • El Pr√≠ncipe de Persia es un videojuego que ha perdurado en el tiempo. Aunque ahora tiene varias sagas bajo el brazo, el primer juego fue creado en el a√Īo 1989. Y una de las razones de su √©xito fue que la animaci√≥n y el movimiento de los personajes eran muy realistas, como los de una persona. Ya sabes por qu√©, ¬Ņverdad?

Príncipe de Persia ejemplo de rotoscopía

Fuente: NeoTeo

En efecto, el creador del Príncipe de Persia, al igual que Max Fleischer, grabó a su hermano corriendo, saltando y realizando todos los movimientos que sus personajes requerían. Luego de esto, la técnica de rotoscopía en animación hizo su magia.

 

¬ŅC√≥mo hacer una rotoscop√≠a en Photoshop?

Si estás buscando saber todo sobre la técnica de rotoscopía en animación y conocer cómo es posible realizarla en Photoshop, sigue leyendo. Es esencial que conozcas cómo manejar recursos como esta interfaz, en donde podrás aplicar cada uno de los pasos de la técnica de rotoscopía en animación sin problemas y obtener resultados de calidad para impactar a tus clientes.  

Seg√ļn un estudio de Forbes, la animaci√≥n digital es uno de los sectores de recursos humanos que m√°s demanda tiene en la actualidad. Se trata de una posibilidad de crecimiento profesional que requiere de un gran conocimiento te√≥rico de herramientas de software, acompa√Īado por diversas habilidades creativas. Y como afirma tambi√©n¬†un an√°lisis de Infobae, el actual mundo del trabajo obliga a los postulantes a fortalecer su capital humano¬†por medio de la adquisici√≥n de nuevas hard skills y soft skills.

Y dentro de este contexto, el manejo de interfaces de dise√Īo digital como Photoshop no es la excepci√≥n. Entonces, toma nota y aprende c√≥mo aplicar la t√©cnica de¬†rotoscop√≠a en animaci√≥n¬†en Photoshop de forma sencilla.¬†

1. Prepara la mesa de trabajo 

En primer lugar, deber√°s crear un nuevo documento en Adobe Photoshop. Para ello,¬†dir√≠gete a: ‚ÄúArchivo > Espacio de trabajo > Movimiento (motion)‚ÄĚ. No olvides activar la l√≠nea de tiempo.¬†

Asimismo, como primer paso de esta t√©cnica de rotoscop√≠a en animaci√≥n, define tu concept art. ¬ŅQu√© es el ‚Äúconcept art‚ÄĚ? Es el dise√Īo de elementos visuales que permitir√°n comunicar un mensaje o resolver un problema dentro de tu universo de animaci√≥n.¬†

Considera colores, tipos de delineados, perspectivas, texturas y hasta forma anatómica de tus personajes. Tener el concept art listo, antes de comenzar a aplicar la técnica de rotoscopía en animación, te permitirá agilizar el trabajo y no tener que improvisar en el proceso. 

animación rotoscopía curso Photoshop mesa de trabajo

Fuente: Crehana

2. Efect√ļa la importaci√≥n del video a Photoshop

Para obtener la mejor t√©cnica de rotoscop√≠a en animaci√≥n por medio de Photoshop, es esencial que insertes el video en este software de dise√Īo. Haz clic en ‚ÄúArchivo¬† > Importar¬† > Cuadros de video a capas (import video to layers)‚ÄĚ. De este modo, estar√°s seleccionando el video al que desees aplicarle la t√©cnica de rotoscop√≠a.¬†

Cuando lo hagas, verás cómo aparece una ventana emergente que te ofrece distintas alternativas para que puedas realizar la importación de tu video:

  • Importarlo totalmente: puedes hacerlo con la opci√≥n ‚ÄúFrom begining to end‚ÄĚ.¬†
  • Importarlo parcialmente: a trav√©s de ‚ÄúSelected range only‚ÄĚ.

importar cuadros de video a capas Photoshop

Fuente: Crehana

3. Lleva a cabo la extracción de los fotogramas del video

Como hemos visto, la rotoscopía es la técnica de proyectar fotogramas de manera continua para crear el efecto de movimiento. Por eso, en esta instancia de la técnica de rotoscopía en Animación, deberás extraer en forma correcta, los fotogramas que componen tu película. 

La selecci√≥n la har√°s¬†en funci√≥n de tus necesidades y preferencias como animador. No obstante, al poner en pr√°ctica la t√©cnica de rotoscop√≠a en animaci√≥n, se aconseja escoger dos cuadros de tu video. Y recuerda que es sumamente importante cliquear sobre la funci√≥n ‚ÄúCrear animaci√≥n de cuadros‚ÄĚ (‚ÄúMake frame animation‚ÄĚ).¬†

extracción de fotogramas en PS

Fuente: YouTube

4. Establece las capas de tu futura rotoscopía

El siguiente paso para obtener una t√©cnica de rotoscop√≠a en animaci√≥n consiste en fijar las capas de tu video. Te aconsejamos que sit√ļes todas las capas en una misma carpeta para evitar errores y organizar mejor tu trabajo.¬†

Luego, haz clic en el √≠cono de la esquina superior derecha en tu panel de animaci√≥n. Desde all√≠, posici√≥nate en ‚ÄúNuevas capas visibles en todos los marcos‚ÄĚ y selecciona la opci√≥n.¬†

Para que la técnica de rotoscopía en animación quede perfecta, es ideal que generes otras carpetas: una para los dibujos y otra para las tonalidades de color. Así, irás colocando en estas carpetas, cada uno de los cuadros de tu video. 

Por √ļltimo, no olvides crear una nueva capa con el color de fondo que desees usar en tu video. No la coloques en las carpetas que hayas creado previamente.

5. Crea tu rotoscopía

Ha llegado el momento de poner en pr√°ctica la t√©cnica de rotoscop√≠a en animaci√≥n. En esta instancia, deber√°s desactivar ‚ÄúNuevas capas visibles en todos los marcos‚ÄĚ. Como resultado, cuando crees una nueva capa para obtener tu rotoscop√≠a, la podr√°s visualizar en el panel de animaci√≥n como un cuadro nuevo.¬†

Entonces, dirígete al primer cuadro de tu panel de animación y cliquea en la carpeta para tu dibujo y genera una capa nueva. Después, escoge entre los distintos tipos de pinceles en Photoshop y dibuja sobre tu película. 

Cuando finalices el primero de los cuadros de tu rotoscopía, repite el mismo procedimiento con los restantes. 

capas de tu rotoscopía en Adobe Photoshop

Fuente: Crehana

6. Pon atenci√≥n a los detalles y a la paleta de colores de tu dise√Īo

Otro de los elementos a contemplar en relación con esta técnica de rotoscopía en animación, es la atención en el detalle. Si decides llevar a cabo un trabajo de dibujo muy minucioso en cada fotograma, deberás repetirlo en cada uno de tus cuadros. 

Una vez que termines con el trabajo de rotoscopiar tus cuadros, es momento de colorearlos. Para lograrlo, deberás repetir el procedimiento en cada uno de ellos, teniendo en cuenta la carpeta que hayas destinado para el color de tu rotoscopía. 

texturas y colores en una rotoscopía en Photoshop

Fuente: Crehana

7. No olvides guardar la rotoscopía

Para finalizar este paso a paso sobre c√≥mo aplicar la t√©cnica de rotoscop√≠a en animaci√≥n en Photoshop, deber√°s guardar tu video ya coloreado. ¬ŅC√≥mo hacerlo? Primero, es necesario ocultar la carpeta en donde hayas colocado los fotogramas de tu pel√≠cula. Luego, ve a ‚ÄúExportar > Interpretar video‚ÄĚ.¬†

Colócale un título a tu rotoscopía, especifica el formato de exportación, así como también la calidad. Y asimismo, procura seleccionar la opción 25 cuadros por segundo. 

Y ¡listo! Ya conoces la técnica de rotoscopía en animación en Photoshop y puedes aplicarla en todos tus proyectos de video. 

exportar rotoscopía en Adobe Photoshop

Fuente: Molinari Pixel

Como habrás observado a lo largo de esta guía, los pasos para llevar a cabo la técnica de rotoscopía en animación son simples. Pero para obtener una buena rotoscopía final, debes tener los conocimientos necesarios para llevarlos a la práctica. 

Por eso, te invitamos a que complementes toda la información que te hemos brindado sobre la técnica de rotoscopía en animación con alguno de nuestros cursos de Animación 2D. A través de la educación digital, dictada por expertos en el mundo de la animación, podrás llevar adelante con éxito cada uno de tus proyectos creativos personales o que te encarguen tus clientes. 

Recuerda que para desarrollarte y manejar a la perfecci√≥n la t√©cnica de rotoscop√≠a en animaci√≥n, no solamente se requieren competencias autodidactas, sino tambi√©n nuevos conocimientos, que a veces solamente pueden ser incorporados por medio de la ense√Īanza de especialistas en la materia.¬†

Tu camino como animador te está esperando. Entonces…¡comienza a darle vida a todas tus animaciones en 2D!

¡Nos vemos en el próximo artículo!