# data[].attributes.headline
Es una técnica de animación asistida por computadora

# data[].attributes.subject
Es una técnica de animación asistida por computadora

# data[].attributes.headline
Consiste en mover o transformar un elemento digital entre 2 fotogramas clave.

# data[].attributes.subject
Consiste en mover o transformar un elemento digital entre 2 fotogramas clave.

# data[].attributes.attachment_link.readable_text
How does tweening work?

Tweening is a computer-assisted animation technique. It consists in moving or morphing a digital element between 2 keyframes. This by using an animation software.

In 2D animation, the animator will specify 2 key states. So, he will be able to change the scale, location, color, etc. values of an object. Then let the computer calculate the transition between the 2 keyframes.

The most basic example of this, is a circle that moves horizontally from left to the right :

Of course, tweening animation isn't only used for moving objects.

So we can modify all the values of the object between 2 different states (keyframes). The goal is to play with its color, size, form or even transparency to create auto-generated transitions (or morphing). All of this between 2 poses, in an automatized way, without having to redraw each inbetweens :

Because it is computer-assisted animated, tweening is also used in 3D. It is used to make the transition between 2 numeric values configured by keyframes.

The result remains the same, and the possibilities are higher in 3D, but also way more complex :

Tweening animation begginings

Computer-calculated animation began in the 1940s. When pioneers began to experiment computer-generated virtual images.

One of the fathers of the genre, John Whitney, created the opening credits of Alfred Hitchcock's "Vertigo" (1958) in collaboration with the graphic designer Saul Bass :

In the early 1960s, Bell Labs, a research center interested in computer experimentation and its various future applications, began to create fully computer-generated visual content.

Edward Zajac, a researcher at Bell Labs and considered one of the first digital artists ever, produced one of the first fully computer-generated films.

This film is named "A Two Gyro Gravity Gradient" (1963). It was created to demonstrate how a satellite can remain aligned face to Earth during the course of its orbit around it :

Flash animation software (Animate CC) and tweening movement

Adobe Flash (originally Macromedia Flash for regular users) is an animation software. Using vector, bitmap or script generated images (with ActionScript) it is used to create multimedia content. Content destined to be published on the Web.

It can be used to create animations for video games or mobile apps. But its use was mainly devious by animation studios for 2D TV series or animation film productions.

It is nowadays a standard and one of the most used softwares in the animation industry.

It also allows, with the use of its drawing tools, to produce traditional animations.

Cheap and easy to use, it also permit cut-out characters animation.

It is used to optimize the speed of production, while reducing costs while keeping a good visual quality. That's why studios love it.

That said, for the "purists" of traditional animation, Flash was one of the reaons why traditional animation vanished. Precisely because of all its advantages and by wanting to save too much on the production, as a result, jerky animation pollutes the market.

Jerky animation, sloppy and degraded visual quality, old 2D animators of the golden age of traditional animation can have difficulties adapting to this kind of computer-assisted animation...

Fortunately, there are other alternatives on the market, such as Toonboom's Harmony software.

This software has the particularity, in addition to having all the same features as Flash for cut-out animation, to give back its nobility to traditional animation.

It allows, thanks to its advanced drawing tools and its light table, to recreate a more traditional approach and feeling to 2D animation by computer and this is most appreciated by those who are nostalgic of good old pencil on paper animation!

Tweening animation in 3D

In 3D animation, we use the same principle as computer-assisted 2D animation, so we generate interpolations between 2 key poses (or keyframes in 3D).

Each time a new keyframe is created, a set of numeric values is saved and it determines the state of a 3D object in a virtual space at a given time.

For example, we can animate a sphere that moves from point A to point B horizontally, by changing the translation values of the object on the z axis.

The same goes for animating the 3D object in rotation, scale or any numeric animable values. We also can animate the texture, the light, or the skeleton of a character's rig by changing the weight value applied to the character, depending on the result we want. The possibilities are limitless!

As with any interpolation animation software, you will usually animate using a motion editor (Graph Editor in 3D).

In this motion editor, we can play with curves in order to apply "ease in / ease out" or animate any property of the object in a visual way rather than typing numerical values :

Of course, who says digital animation, says animating with numerical values.

Which is, for an artist, the opposite of the creative and traditional process that he expected when he spent all his time sketching in school instead of studying ...

But we have to adapt to contemporary time, as animation softwares evolve and offer more interesting options, it can be fun to do computer animation espacially if we are able to apply the traditional animation techniques in the digital style!

# data[].attributes.attachment_link.title
Learn what is Tweening animation with Flash, or with 2D and 3D softwares

# data[].attributes.attachment_link.description
Tweening is a computer-assisted animation technique. It consists in moving or morphing a digital element between 2 keyframes. This by using an animation software. In 2D animation, the animator will specify 2 key states. So, he will be able to change the scale, location, color, etc. values of an object.

# data[].attributes.headline
Es un efecto especial en imágenes en movimiento y animaciones

# data[].attributes.subject
Es un efecto especial en imágenes en movimiento y animaciones

# data[].attributes.headline
Su función es transformar progresivamente una imagen bidimensional en otra suelen estar basadas en pixeles

# data[].attributes.subject
Su función es transformar progresivamente una imagen bidimensional en otra suelen estar basadas en pixeles

# data[].attributes.body
- Transformación Mecánica
- Disuelve emparejado
- Animación

# data[].attributes.attachment_link.description
Discover 1 2d Morphing Animation design on Dribbble. Your resource to discover and connect with designers worldwide.

# data[].attributes.headline
Técnica en la cual se realiza animaciones tradicionales empleando papeles delgados que colocan sobre fuente de luz

# data[].attributes.subject
Técnica en la cual se realiza animaciones tradicionales empleando papeles delgados que colocan sobre fuente de luz

# data[].attributes.headline
Utilizar papales delgados sobre luz para animaciones tradicionales

# data[].attributes.subject
Utilizar papales delgados sobre luz para animaciones tradicionales

# data[].attributes.attachment_link.readable_text
Qué es la piel de cebolla y cómo usarla en su animación

Onion skining es una técnica de animación 2D. En la realización de animaciones tradicionales, los artistas emplean papeles muy delgados que colocan sobre fuentes de luz. Así, un artista puede ver a través de los fotogramas y comparar el fotograma clave y los intermedios. En esta página, le guiaremos a través de la función de piel de cebolla en Animation Desk.

La Piel de cebolla en Animation Desk

Habilite la Piel de cebolla

Expanda el menú configuración y active la última pestaña. Puede acceder al modo de Piel de cebolla pulsando el botón de palanca.

Encienda y apague la piel de cebolla mientras dibuja

Hay un botón de Punto de luz en la barra de herramientas colgando a la izquierda. Cuando la bombilla es naranja, significa que el efecto de Piel de la cebolla es visible. Si la bombilla es gris, significa que la caja de luz está apagada, y el efecto Piel de cebolla no será visible.

Piel de Cebolla codificada por colores

La Piel de cebolla codificada por colores distingue el fotograma anterior del siguiente con colores. Las líneas verdes representan el dibujo en el fotograma anterior. La línea roja representa el dibujo en el siguiente fotograma.

Vamos a hacer una prueba: Dibujar con la Piel de cebolla

Diseñe una secuencia de animación intentando dibujar primero los fotogramas clave. Active el modo de Piel de cebolla y complete el resto de la animación.

Descarga Animation Desk GRÁTIS en la App Store, Google Play Store y Microsoft Store.

# data[].attributes.attachment_link.title
Qué es la piel de cebolla y cómo usarla en su animación

# data[].attributes.attachment_link.description
Onion skining es una técnica de animación 2D. En la realización de animaciones tradicionales, los artistas emplean papeles muy delgados que colocan sobre fuentes de luz. Así, un artista puede ver a través de los fotogramas y comparar el fotograma clave y los intermedios.

# data[].attributes.headline
Técnica utilizada en la animación para rastrear imágenes en movimiento fotograma a fotograma

# data[].attributes.subject
Técnica utilizada en la animación para rastrear imágenes en movimiento fotograma a fotograma

# data[].attributes.headline
Proyectar imágenes de acción en vivo en un panel de vidrio y luego trazar sobre esa imagen

# data[].attributes.subject
Proyectar imágenes de acción en vivo en un panel de vidrio y luego trazar sobre esa imagen

# data[].attributes.attachment_link.readable_text
DEFINE ROTOSCOPING

What Is rotoscoping in animation?

A lot of filmgoers believe they can spot rotoscoping when they see it. After all, it's easy to tell when you see an animated Keanu Reeves in A Scanner Darkly. But how does rotoscoping work exactly? Turns out, it's a lot more straightforward than you're probably thinking, and it's popped up in some of your favorite films without you realizing.

ROTOSCOPING DEFINITION

What Is rotoscope animation?

Rotoscoping is a technique used in animation to trace over live-action motion picture footage frame by frame. Back in the day, animators would project live-action images onto a glass panel and then trace over that image. Today, rotoscoping is predominantly done on computers.

Rotoscoping can also play a role in live-action films. For instance, filmmakers can create a matte used to extract an object from a scene to use on a different background. Rotoscoping in Star Wars is one of the most famous examples. In the first trilogy, actors held a matte propped up on a stick. Later, effect technicians traced over the matte to create the glowing lightsaber effect.

Notable Rotoscope Movies:

To explain the process of rotoscoping in greater detail, you have to go back to the beginning. Animation in film has roots going back to 1887. French engineer Charles-Émile Reynaud created the first praxinoscope, and in 1892, he presented the very first animated film in public.

Just a few short years later, animator Max Fleischer would revolutionize the animation industry by creating a technique that allowed for more fluid motion in animated characters.

This technique became rotoscoping.

The Trick That Made Animation Realistic * Vox

Rotoscope and Max Fleischer go hand-in-hand. Before this new technique, animated shorts were clunky. Characters didn't move like real people. That all changed when Fleischer used his younger brother, Dave, as the template for one of his earlier creations: Koko the Clown. His Out of the Inkwell comedy series amazed audiences when they were first released in 1918.

Out of the Inkwell * Invisible Ink

The technique soon became a staple in the film industry and changed the way animated films were made.

ROTOSCOPING EXAMPLES IN THE 20S

Early use and Disney rotoscoping

Max Fleischer had the original patent for the technique, and he and his brother founded Fleischer Studios. They created some of the most popular cartoons at the time, including Betty Boop, Popeye, and the original series.

However, Fleischer's patent expired in 1934, which led to other studios being allowed to use the technique. Walt Disney was a big fan, and you can find some vintage Disney rotoscope footage below.

Live Action References * Rare Footage From Disney

The first feature-length Disney film, Snow White and the Seven Dwarves, relied heavily on this technique. They would film real actors to use as reference for the animators to draw over. The studio would go on to use the technique for many more of their films, including some of the best animated movies like and Alice in Wonderland.

But the original rotoscoping meaning would soon undergo a fundamental shift when it began being incorporated in live-action films. Alfred Hitchcock used the technique for one of his many masterpieces to create scenes of the birds attacking.

Disney also employed this form of animation for Mary Poppins. Rotoscoping was essential to remove the wires from a scene to make it look like our protagonist Mary Poppins was really flying.

Movie Magic * Mary Poppins

Rotoscoping also played a role in the "Lucy in the Sky with Diamonds" sequence of Yellow Submarine as well as the original The Lord of the Rings animated film in 1978. It wouldn't be until the mid-1990s that the technique would receive a much-needed update.

HISTORY OF ROTOSCOPING TO THE MODERN DAY

New rotoscope animation software

In the early '90s, the rotoscoping animation definition received a much-needed upgrade thanks to animator Bob Sabiston. He invented a process called "interpolated rotoscoping." Essentially, this allows animators to use the basic rotoscoping technique within a computer.

Sabiston would go on to create a computer program specifically designed to handle this technique, which became known as Rotoshop (a play on Photoshop). The software basically copies the traced figure and applies the same basic forms to the other movements. This means animators don't have to start from scratch when tracing over live action.

Bob Sabiston Explains His Rotoscoping Animation Software

Sabiston's rotoscope animation software became instrumental in bringing director Richard Linklater's Waking Life to life. Here's a look at the low-fi filmmaking and the radical approach to rotoscope animation.

Waking Life * An icon among rotoscope movies

It was also this technique that made the animation in A Scanner Darkly possible. Richard Linklater, again, brought used it to tell a story where the unreality of the rotoscope animation matched the unreality of the story itself. You can see the process in action as well as A Scanner Darkly without rotoscope utilized before it became the finished product.

Interpolated Rotoscoping * A Scanner Darkly

There may not be another film like A Scanner Darkly, but the basic principles of rotoscoping are still found in modern films. In one of the best movies of 2014,Guardians of the Galaxyrelied heavily on a real raccoon named Oreo. The animators would study the movements of the furry guy to later utilize as the basis for Rocket.

Oreo * Guardians of the Galaxy

Rotoshop itself is patented and only available for use by Flat Black Films. However, there are alternatives that perform similar functions for filmmakers who want the rotoscoping aesthetic for their next project.

Another recent project that has advanced the possibilities of rotoscope animation is one of the best TV shows on Amazon, Undone. This series takes full advantage of the "otherworldly" qualities provided by rotoscoping. Here's the director to explain the process of rotoscoping they used on Undone.

What is Rotoscope Animation Today?

UP NEXT

Different types of animation

Rotoscoping is simply a subset within the larger realm of animation. With 2D, 3D, motion graphic, and stop motion animation, there are many ways to make an animated film. Each one has their benefits and their challenges. Learn more about the history of animation as well as the different techniques available to make an animated film come to life.

# data[].attributes.attachment_link.title
Rotoscoping: The Perfect Marriage of Live-Action with Animation

# data[].attributes.attachment_link.description
A lot of filmgoers believe they can spot rotoscoping when they see it. After all, it's easy to tell when you see an animated Keanu Reeves in A Scanner Darkly . But how does rotoscoping work exactly? Turns out, it's a lot more straightforward than you're probably thinking, and it's popped up in some of your favorite films without you realizing.

# data[].attributes.headline
Tipo de renderización no fotorrealista la cual es diseñada para hacer que los gráficos por computadora se vean como si estuvieran dibujadas a mano

# data[].attributes.subject
Tipo de renderización no fotorrealista la cual es diseñada para hacer que los gráficos por computadora se vean como si estuvieran dibujadas a mano

# data[].attributes.headline
Hacer que los gráficos por computadora se parezcan a los dibujados a mano

# data[].attributes.subject
Hacer que los gráficos por computadora se parezcan a los dibujados a mano

# data[].attributes.headline
Utilizado mayormente en los videojuegos de las consolas 

# data[].attributes.subject
Utilizado mayormente en los videojuegos de las consolas 

# data[].attributes.attachment_link.description
Cel-shaded 3D models ready to view, buy, and download for free.

# data[].attributes.headline
Método de animación donde hay una posición neutra y varias deformaciones o morfos del objetivo

# data[].attributes.subject
Método de animación donde hay una posición neutra y varias deformaciones o morfos del objetivo

# data[].attributes.headline
Método usado junto con skeletal animación para darle forma mas humana a las expresiones animadas

# data[].attributes.subject
Método usado junto con skeletal animación para darle forma mas humana a las expresiones animadas

# data[].attributes.headline
Utilizado para animaciones no esqueléticas, usada para ropa y piel mayormente

# data[].attributes.subject
Utilizado para animaciones no esqueléticas, usada para ropa y piel mayormente

# data[].attributes.attachment_link.description
There are several branches of animation technology out there, each one with a specific situation where it is the best option available. One of those technologies is called 3D morphing, also known as blend shapes or morph target animation. It is usually used in concert with 3D rigging to achieve more…

# data[].attributes.attachment_link.embed_code
What Is 3D Morphing?

# data[].attributes.headline
Animación de un personaje construyendo principalmente su esqueleto

# data[].attributes.subject
Animación de un personaje construyendo principalmente su esqueleto

# data[].attributes.headline
Animar cada uno de los huesos teniendo en cuenta que al estad unidos de forma jerárquica el movimiento afecta a los demás

# data[].attributes.subject
Animar cada uno de los huesos teniendo en cuenta que al estad unidos de forma jerárquica el movimiento afecta a los demás

# data[].attributes.headline
Utilizado en el cine, videojuegos o entrenamiento militar

# data[].attributes.subject
Utilizado en el cine, videojuegos o entrenamiento militar

# data[].attributes.headline
Conocida como xsens ofrece sistemas de análisis y captura de movimiento probadas para una gran variedad de usuarios

# data[].attributes.subject
Conocida como xsens ofrece sistemas de análisis y captura de movimiento probadas para una gran variedad de usuarios

# data[].attributes.headline
Ofrece soluciones para facilidad de uso, robustez y confiabilidad

# data[].attributes.subject
Ofrece soluciones para facilidad de uso, robustez y confiabilidad

# data[].attributes.attachment_link.description
Motion Capture (also referred to as mo-cap or mocap) is the process of digitally record the movement of people. It is used in entertainment, sports, medical applications, ergonomics and robotics.

# data[].attributes.headline
Utilizado para cinemáticas 3D  de cuerpo completo y rastreadores 3D

# data[].attributes.subject
Utilizado para cinemáticas 3D  de cuerpo completo y rastreadores 3D

# data[].attributes.headline
Técnica para la simulación de movimiento de un gran numero de objetos o personajes

# data[].attributes.subject
Técnica para la simulación de movimiento de un gran numero de objetos o personajes

# data[].attributes.headline
Simular multitudes para reacciones a diferentes casos de emergencia

# data[].attributes.subject
Simular multitudes para reacciones a diferentes casos de emergencia

# data[].attributes.headline
Utilizado mayormente con finalidad militar y puede usarse para peliculas

# data[].attributes.subject
Utilizado mayormente con finalidad militar y puede usarse para peliculas

# data[].attributes.attachment_link.readable_text
5.3. Tipos de animación 3D

Animación donde los objetos pueden moverse en las tres dimensiones. Tiene un nivel de calidad y detalle que lo vuelve muy cercano a las imágenes de la realidad, en algunos casos haciéndose imperceptible la diferencia entre la animación y un objeto real. Un ejemplo de animación 3D es la película Toy Story 3

Técnica que utiliza un tipo de renderización no fotorealística diseñada para hacer que los gráficos por computadora parezcan dibujados a mano. Es comúnmente usado para imitar el estilo de los cómics o dibujos animados.

Es una adición relativamente nueva a los gráficos por computadora, común de verse en videojuegos de consolas tales como the legend of zelda the wind waker, Dragon ball Z, Naruto Ultimate Ninja Storm, etc.

Esta técnica comienza con un modelo 3D típico y se diferencia de la renderización convencional en su uso de iluminación no fotorrealística, en la forma de sombrear.

Técnica de manipulación de imágenes digitales que permite obtener una animación entre dos imágenes diferentes. Obteniendo una serie determinada de estados intermedios entre dos estados diferentes de la imagen.

Hablando de un objeto, morphing es la transformación de un objeto tridimensional en otro, que suele ser denominado "deformación". Esto no deja de ser el un mismo concepto de "cambio a un nuevo estado de forma".

El cambio de estado puede ocurrir cambiando el color de pixel a pixel en función al valor del pixel final exclusivamente. O donde el pixel cambia de posición y ocurre una direccionalidad o movimiento de la imagen, donde ahora el valor depende de un recorrido en las imágenes.

Consiste en animar a un personaje construyendo su esqueleto, añadiendo componentes (que en el caso de un humano serian huesos) de manera jerarquica y manual o algorítmicamente. De esta forma se puede animar cada uno de los componentes, teniendo en cuenta que al estar unidos de forma jerarquica el movimiento de uno de ellos puede afectar a los demás.

Una de sus desventajas es que en algunos casos no se genera un movimiento realista del musculo.

Se suele utilizar en videojuegos, en la industria del cine y en el ámbito militar para propósitos de entrenamiento.

Tambien conocida como mocap, es una técnica que sirve para almacenar movimientos digitalmente. Como su nombre lo dice capturando movimiento.

Utiliza la técnica de la fotogrametría que determina las propiedades geométricas de los objetos y las situaciones especiales de seres vivos a partir de imágenes fotográficas. Al utilizar dos fotos se puede obtener información tridimensional.

Motion Capture, en los últimos años se implementó en el cine y logro mostrarse con gran eficacia en la película Avatar.

Lo que se necesita para realizar este tipo de captura de movimiento es un traje con sensores de movimiento, 6 cámaras de captura y un ordenador con un software especializado.

Esta técnica se inventó con finalidades militares para predecir la reacción de una multitud en casos de emergencia, consiste en una mejora de la Animación de Partículas.

Su principal objetivo es simular el movimiento de un gran número de objetos o personajes. Mientras se simulan estas multitudes, se toma en cuenta la interacción del comportamiento humano observado, para replicar la conducta colectiva.

Puede simular la acción de partículas distintas sobre todo tipo de materiales.

Principalmente se crean los personajes y se les dota de una inteligencia artificial: un objetivo, carácter, una manera de relacionarse con el medio

El sistema de uso civil más avanzado es el Programa Massive , que creó Weta Digital para animar a los ejércitos de El Señor de Los Anillos en la película de "Las Dos Torres"

https://blanchardspace.wordpress.com/2011/09/19/cell-shading-tecnica-3d/

http://animacionartesanaltecnicas.blogspot.mx/2010/10/animacion-cgi-simulacion-de-multitud.html

https://es.wikipedia.org/wiki/Simulaci%C3%B3n_de_multitudes

http://3dmencial.blogspot.mx/2010/07/captura-de-movimiento-mocap-motion.html

http://www.gmrv.es/~mgarcia/RVA/Skeletal.pdf

http://piziadas.com/2010/05/que-es-el-morphing.html

# data[].attributes.attachment_link.description
5.3. Tipos de animación 3D Animación donde los objetos pueden moverse en las tres dimensiones. Tiene un nivel de calidad y detalle que lo vuelve muy cercano a las imágenes de la realidad, en algunos casos haciéndose imperceptible la diferencia entre la animación y un objeto real.