{"id":2324,"date":"2025-03-10T11:11:00","date_gmt":"2025-03-10T16:11:00","guid":{"rendered":"https:\/\/yawacali.com\/?p=2324"},"modified":"2025-04-30T14:36:50","modified_gmt":"2025-04-30T19:36:50","slug":"12-principios-de-la-animacion","status":"publish","type":"post","link":"https:\/\/yawacali.com\/en\/12-principios-de-la-animacion\/","title":{"rendered":"12 principios de la animaci\u00f3n que toda persona deber\u00eda conocer"},"content":{"rendered":"

Santiago de Cali, 5 de marzo de 2025<\/strong><\/p>\n\n\n\n

As\u00ed c\u00f3mo lo lees, la animaci\u00f3n tiene 12 principios b\u00e1sicos que fueron creados en el a\u00f1o 1930 y presentados oficialmente en 1981 por Ollie Johnston y Frank Thomas, dos destacados animadores de Walt Disney Animation y autores del libro The Illusion of Life, tambi\u00e9n llamado la biblia de la animaci\u00f3n, ya que, en 1991, fue nombrado por votaci\u00f3n como el mejor libro de animaci\u00f3n de la historia, y, en nuestro Chontablog<\/a>, te queremos contar sobre estos 12 principios.\u00a0<\/p>\n\n\n\n

El objetivo de Ollie y Frank al escribir este libro, era basar las animaciones en 3 temas b\u00e1sicos, la f\u00edsica, el aspecto f\u00edsico del personaje y su emocionalidad, para que as\u00ed se sintieran m\u00e1s realistas, y aunque por el a\u00f1o en que fue escrito, est\u00e1 pensado en la animaci\u00f3n cl\u00e1sica, es totalmente actual y aplicable al dise\u00f1o interactivo, para crear transiciones y microinteracciones, que podr\u00e1s desarrollar en nuestro laboratorio de animaci\u00f3n digital, enriqueci\u00e9ndolos con dise\u00f1os 2D, 3D, realidad aumentada, realidad virtual y efectos visuales de \u00faltima generaci\u00f3n.\u00a0<\/p>\n\n\n\n

Los 12 principios de la animaci\u00f3n:<\/strong> <\/p>\n\n\n\n

1. Estirar y encoger: <\/strong>Este se cre\u00f3 con el fin de dar la ilusi\u00f3n de peso y flexibilidad a los personajes, pero lo m\u00e1s interesante de este principio es que, aunque el objeto que se anima se estire y se encoja, no perder\u00e1 su volumen.\u00a0<\/p>\n\n\n\n

2. Anticipaci\u00f3n:<\/strong> Su objetivo es preparar al espectador para lo que sigue y as\u00ed darle mayor realismo y expectativa a la animaci\u00f3n, esto se logra incluyendo una pausa peque\u00f1a o movimiento previo a la animaci\u00f3n principal. <\/p>\n\n\n\n

3. Puesta en escena: <\/strong>Su finalidad es que el espectador enfoque su atenci\u00f3n en lo que es m\u00e1s importante para nosotros que observe, a trav\u00e9s de estrategias como el uso de luces y sombras, poner lo que queremos enfocar en un cuadro espec\u00edfico, o mediante la perspectiva de visi\u00f3n, para que la persona se centre as\u00ed en lo importante y evitar que se distraiga en detalles menos trascendentales. Este tercer principio, est\u00e1 basado en el teatro y el cine. <\/p>\n\n\n\n

4. Animaci\u00f3n directa y pose a pose: <\/strong>La animaci\u00f3n directa, consiste en crear una escena cuadro por cuadro, esto con el fin de que la misma quede fluida y con movimientos lo m\u00e1s naturales posibles y as\u00ed aumentar el realismo, sin embargo, al ser realizada de esta manera, se pueden perder un poco las proporciones y perspectivas exactas. <\/p>\n\n\n\n

Por otra parte, la animaci\u00f3n pose a pose, se trata de empezar la animaci\u00f3n por los cuadros que son m\u00e1s importantes en el desarrollo de la historia, para luego continuar con los dem\u00e1s.\u00a0Los autores de The Ilusion of life, propon\u00edan mezclar ambas t\u00e9cnicas para mejorar los resultados.\u00a0<\/p>\n\n\n\n

5. Acciones complementarias y superpuestas: <\/strong>Estas est\u00e1n estrechamente relacionas, debido a que ambas crean la ilusi\u00f3n de que un objeto se mueve de manera realista, seg\u00fan el principio f\u00edsico de la inercia. <\/p>\n\n\n\n

En el caso espec\u00edfico de las acciones complementarias, las piezas que conforman el objeto o el personaje deben seguir en movimiento, incluso si este ya no lo est\u00e1, as\u00ed se puede ver el movimiento de amortiguaci\u00f3n.\u00a0<\/p>\n\n\n\n

En cuanto, a las acciones superpuestas, se aplica para dar m\u00e1s realismo, haciendo que las partes de un cuerpo u objeto sigan moviendo hacia el centro de gravedad, cuando el objeto, ya se encuentra sin movimiento.\u00a0<\/p>\n\n\n\n

Estos principios se pueden ver claramente, cuando, por ejemplo, el pelo del personaje se mueve al caminar con el viento. <\/p>\n\n\n\n

6. Acelerar y desacelerar: <\/strong>Busca que los personajes se muevan de manera natural, como en la vida misma y no de manera repentina, basado en esto, los objetos empezar\u00e1n a moverse suavemente e ir\u00e1n aumentando poco a poco su velocidad y disminuy\u00e9ndola poco a poco tambi\u00e9n para detenerse definitivamente. <\/p>\n\n\n\n

7. Arcos: <\/strong>Como los seres humanos, las animaciones no se mueven linealmente, sino mediante un tipo de movimientos llamados arcos, es decir, desplazamientos curvos que hacen que las animaciones se vean fluidas y no mec\u00e1nicas y r\u00edgidas. <\/p>\n\n\n\n

8. Acci\u00f3n secundaria: <\/strong>Consiste en a\u00f1adir otros movimientos a la acci\u00f3n principal para que sea m\u00e1s vivida y concentre m\u00e1s la atenci\u00f3n en lo principal que sucede, en vez de desviarla a otros focos, estas se utilizan principalmente al inicio y final de los movimientos. <\/p>\n\n\n\n

9. Sincronizaci\u00f3n:<\/strong> Consiste en aportar a una escena ritmo y emoci\u00f3n, a trav\u00e9s de una correcta representaci\u00f3n del tiempo, mediante la velocidad que se les pone a las acciones. Esta, debe acompa\u00f1arse del sonido para crear a\u00fan m\u00e1s realismo y emoci\u00f3n, ya que el ojo y el o\u00eddo est\u00e1n estrechamente vinculados al estar expuestos a animaciones y obras audiovisuales. <\/p>\n\n\n\n

10. Exageraci\u00f3n: <\/strong>Busca crear momentos c\u00f3micos y dram\u00e1ticos representando caracter\u00edsticas y acciones del personaje de una manera extrema, a trav\u00e9s de la distorsi\u00f3n o del movimiento, mejorando la emocionalidad que despierta y el inter\u00e9s en la narrativa. <\/p>\n\n\n\n

11. Dibujo s\u00f3lido: <\/strong>Consiste en hacer uso del 3D, para crear la percepci\u00f3n de volumen y peso, a pesar de que la pantalla sea plana. Para esto, se deben tener en cuenta principios b\u00e1sicos como la iluminaci\u00f3n, el peso, la perspectiva y el volumen referente al mundo del espectador.\u00a0<\/p>\n\n\n\n

12. Atractivo: <\/strong>Este \u00faltimo principio, se basa en la teor\u00eda que los espectadores recuerdan a los personajes, cuando estos lucen atractivos, carism\u00e1ticos y realistas. <\/p>\n\n\n\n

Este tal vez, es uno de los principios m\u00e1s dif\u00edciles de aplicar, porque la percepci\u00f3n est\u00e9tica puede variar de espectador a espectador, sin embargo, se puede basar en lo que por estad\u00edstica le agrada ver a cada cultura, en el tiempo donde se desarrolla la animaci\u00f3n. <\/p>\n\n\n\n

Estos 12 principios aunque son tan actuales y aplicables en nuestra actualidad, en 1930, cuando fueron creados, eran dif\u00edciles y dispendiosos de aplicar, gracias a la tecnolog\u00eda poco desarrollada de la \u00e9poca, hoy, gracias a espacios como nuestra Sala MOCAP<\/a>, que cuenta con chromas, iluminaci\u00f3n adecuada y trajes con sensores para capturar los movimientos y cambios de las expresiones en los rostros de qui\u00e9nes los usan con alta fidelidad, estos principios se vuelven mucho m\u00e1s sencillos de llevar al campo de la animaci\u00f3n y aplicarlo a diferentes usos, como el cine, los videojuegos y otros, pudi\u00e9ndose pasar a la digitalizaci\u00f3n de manera directa en nuestros laboratorios de innovaci\u00f3n.\u00a0<\/p>\n\n\n\n

\u00bfY t\u00fa qu\u00e9 esperas para conocer y alquilar nuestros espacios<\/a> y as\u00ed poder aplicar estos 12 principios de la animaci\u00f3n?\u00a0<\/p>\n\n\n\n

<\/p>","protected":false},"excerpt":{"rendered":"

Santiago de Cali, 5 de marzo de 2025 As\u00ed c\u00f3mo lo lees, la animaci\u00f3n tiene 12 principios b\u00e1sicos que fueron…<\/p>","protected":false},"author":1,"featured_media":2327,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[24,22,30],"tags":[],"class_list":["post-2324","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animacion","category-innovacion","category-media-arts"],"featured_image_src_large":["https:\/\/yawacali.com\/wp-content\/uploads\/2025\/03\/12-Principios-de-la-Animacion-1024x576.jpg",1024,576,true],"author_info":{"display_name":"info@yawacali.com","author_link":"https:\/\/yawacali.com\/en\/author\/infoyawacali-com\/"},"comment_info":0,"category_info":[{"term_id":24,"name":"Animaci\u00f3n digital","slug":"animacion","term_group":0,"term_taxonomy_id":24,"taxonomy":"category","description":"","parent":0,"count":4,"filter":"raw","cat_ID":24,"category_count":4,"category_description":"","cat_name":"Animaci\u00f3n digital","category_nicename":"animacion","category_parent":0},{"term_id":22,"name":"Innovaci\u00f3n","slug":"innovacion","term_group":0,"term_taxonomy_id":22,"taxonomy":"category","description":"","parent":0,"count":6,"filter":"raw","cat_ID":22,"category_count":6,"category_description":"","cat_name":"Innovaci\u00f3n","category_nicename":"innovacion","category_parent":0},{"term_id":30,"name":"Media Arts","slug":"media-arts","term_group":0,"term_taxonomy_id":30,"taxonomy":"category","description":"","parent":0,"count":5,"filter":"raw","cat_ID":30,"category_count":5,"category_description":"","cat_name":"Media Arts","category_nicename":"media-arts","category_parent":0}],"tag_info":false,"taxonomy_info":{"category":[{"value":24,"label":"Animaci\u00f3n digital"},{"value":22,"label":"Innovaci\u00f3n"},{"value":30,"label":"Media Arts"}]},"_links":{"self":[{"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/posts\/2324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/comments?post=2324"}],"version-history":[{"count":1,"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/posts\/2324\/revisions"}],"predecessor-version":[{"id":2326,"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/posts\/2324\/revisions\/2326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/media\/2327"}],"wp:attachment":[{"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/media?parent=2324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/categories?post=2324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yawacali.com\/en\/wp-json\/wp\/v2\/tags?post=2324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}