{"id":1586,"date":"2014-03-18T16:45:27","date_gmt":"2014-03-18T22:45:27","guid":{"rendered":"https:\/\/www.uv.mx\/personal\/albramirez\/?p=1586"},"modified":"2014-03-20T09:18:53","modified_gmt":"2014-03-20T15:18:53","slug":"animacion","status":"publish","type":"post","link":"https:\/\/www.uv.mx\/personal\/albramirez\/2014\/03\/18\/animacion\/","title":{"rendered":"Animaci\u00f3n cuadro por cuadro"},"content":{"rendered":"<p>La animaci\u00f3n cuadro por cuadro, tambi\u00e9n conocida como Stop motion, es una t\u00e9cnica de generaci\u00f3n de video en la que las im\u00e1genes son fotografiadas una a una, de manera secuencial, con el objetivo de simular movimiento.\u00a0Los personajes, objetos y escenarios pueden ser creados con diferentes materiales (e.g. plastilina, arcilla, cart\u00f3n, tela, calcetines, peluche, etc.) \u00a0y posteriormente \u00abanimados\u00bb en sistemas digitales.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1589 alignnone aligncenter\" alt=\"animacion2\" src=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion2.png\" width=\"600\" height=\"111\" srcset=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion2.png 600w, https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion2-300x55.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Para realizar una animaci\u00f3n cuadro por cuadro bien lograda en t\u00e9rminos visuales se debe considerar:<\/p>\n<ul>\n<li>El uso del tripi\u00e9, para garantizar que el escenario \u2013 o contexto de los personajes \u2013 permanezca est\u00e1tico, y con esto evitar \u201cbrincos\u201d del entorno.<\/li>\n<li>Fuentes de luz constantes, para evitar que el producto final tenga parpadeos o cambios de iluminaci\u00f3n no deseados.<\/li>\n<li>El n\u00famero de fotograf\u00edas (fotogramas) que se desplegar\u00e1n por segundo, para poder mantener un ritmo adecuado en los movimientos de los personajes.<\/li>\n<\/ul>\n<p>El proceso de producci\u00f3n de una animaci\u00f3n cuadro por cuadro requiere de tiempo y detalle. Se recomienda observar otras animaciones, para familiarizarse con la resoluci\u00f3n de situaciones de encuadre, continuidad y de gui\u00f3n.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1588 alignnone aligncenter\" alt=\"animacion3\" src=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion3.png\" width=\"600\" height=\"87\" srcset=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion3.png 600w, https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion3-300x43.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Para generar una animaci\u00f3n se sugieren seguir varias etapas: Planeaci\u00f3n, Modelado, Toma de fotograf\u00edas, Grabaci\u00f3n de Audio; Procesamiento digital; e integraci\u00f3n del video.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/28601525\" height=\"331\" width=\"500\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p><a href=\"http:\/\/vimeo.com\/28601525\">Animaci\u00f3n cuadro por cuadro en 7 pasos<\/a> from <a href=\"http:\/\/vimeo.com\/user8349110\">Alberto Ram\u00edrez Martinell<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<br \/>\n<strong><span style=\"line-height: 17.400001525878906px\">1. Planeaci\u00f3n<\/span><\/strong><\/p>\n<p><span style=\"line-height: 17.400001525878906px\">Para est\u00e1 etapa de producci\u00f3n, se deber\u00e1 tener claro el tema central de la animaci\u00f3n, los objetivos instruccionales y ciertas consideraciones de producci\u00f3n como: las competencias digitales del productor multimedia, el tiempo necesario para la producci\u00f3n, el acceso al equipo de producci\u00f3n, el material a utilizar y por supuesto la audiencia a la que est\u00e1 dirigida la animaci\u00f3n. Los resultados de la planeaci\u00f3n son:<\/span><\/p>\n<p><strong>Gui\u00f3n detallado<\/strong>. Este gui\u00f3n es la base para generar el producto, por lo que debe ir lo m\u00e1s detallado posible. Aqu\u00ed se debe explicar c\u00f3mo son los personajes, escribir todos los di\u00e1logos y se\u00f1alar en d\u00f3nde se lleva a cabo la acci\u00f3n.<\/p>\n<p><strong>Gui\u00f3n Gr\u00e1fico<\/strong>. Esta secci\u00f3n servir\u00e1 para pre-visualizar el producto. En el gui\u00f3n gr\u00e1fico se deber\u00e1n dibujar las escenas que conformar\u00e1n el producto, el movimiento que har\u00e1n los personajes y el espacio f\u00edsico que se necesita para la producci\u00f3n.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1590 alignnone aligncenter\" alt=\"animacion4\" src=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion4.png\" width=\"600\" height=\"109\" srcset=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion4.png 600w, https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion4-300x54.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong>Dise\u00f1o de personajes<\/strong>. Aqu\u00ed se dibujar\u00e1n, a manera de bosquejo, los personajes. Este dise\u00f1o se emplea para ver las partes del personaje que se pueden mover (como brazos y piernas), adem\u00e1s de ver c\u00f3mo se va a generar la expresi\u00f3n de los personajes.<\/p>\n<p><strong>2. Modelado:<\/strong><br \/>\nEn esta secci\u00f3n se deben generar los personajes y escenarios previamente visualizados en el gui\u00f3n gr\u00e1fico. Es recomendable utilizar objetos que se encuentran a la mano y contextualizarlos para la producci\u00f3n. Si se van a generar nuevos personajes se debe cuidar que el material sea resistente, ya que durante la toma de fotograf\u00edas van a haber focos calientes y una constante manipulaci\u00f3n de los objetos.<\/p>\n<p><strong>Personajes<\/strong>. Los personajes deben estar listos con los elementos que se pueden mover y las expresiones definidas.<\/p>\n<p><strong>Escenarios<\/strong>. El escenario donde se van a desenvolver los personajes tambi\u00e9n debe estar listo. Es recomendable ver a los personajes y el escenario juntos antes de empezar a tomar fotos para as\u00ed poder\u00a0ver si se tiene que realizar alg\u00fan cambio.<\/p>\n<p><strong>3. Fotograf\u00edas:<\/strong><br \/>\nAntes de tomar la secuencia de fotograf\u00edas, se deber\u00e1 dise\u00f1ar una composici\u00f3n de los elementos a cuadro y una vez que se cuente con el encuadre deseado, se proceder\u00e1 a fotografiar a los personajes.\u00a0Por definici\u00f3n, en la animaci\u00f3n cuadro por cuadro se toman fotograf\u00edas de elementos con variaciones sutiles en sus posiciones, para poder as\u00ed generar la sensaci\u00f3n de movimiento.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1591 alignnone aligncenter\" alt=\"animacion5\" src=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion5.png\" width=\"600\" height=\"76\" srcset=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion5.png 600w, https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion5-300x38.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Recomendaciones para la sesi\u00f3n fotogr\u00e1fica:<\/p>\n<ul>\n<li>Utilizar siempre el tripi\u00e9.<\/li>\n<li>Tomarse el tiempo adecuado para iluminar el escenario.<\/li>\n<li>Antes de empezar las secuencias de fotos, se debe encuadrar y hacer pruebas para que las fotos salgan como fueron visualizadas en el gui\u00f3n gr\u00e1fico.<\/li>\n<li>Si los personajes hablan, se debe grabar primero el audio para saber cu\u00e1nto tiempo durar\u00e1 la secuencia. Dependiendo del software a utilizar se requerir\u00e1n 8, 12 o 24 fotograf\u00edas por segundo.<\/li>\n<\/ul>\n<p><strong>4. Grabaci\u00f3n de audio:<\/strong><\/p>\n<p>Si los personajes van a hablar y se requiere la visualizaci\u00f3n del movimiento en su cara, antes de tomar las fotograf\u00edas, se debe grabar el audio para saber cu\u00e1ntas fotos se requieren por escena. Si el audio es un narrador externo, se puede grabar en cualquier momento. El programa de grabaci\u00f3n de audio que utilizamos en este tutorial es Audacity.<\/p>\n<p><strong>5. Proceso digital:<\/strong><br \/>\nUna vez que se han tomado las fotograf\u00edas se deben transferir al equipo digital (computadora, tableta, smartphone, \u2013si es que fuera el caso\u2013) y modificarlas para su integraci\u00f3n en el software de stop motion.<br \/>\nPara el proyecto que realizamos en este tutorial, utilizamos \u00ab<a href=\"http:\/\/linuxstopmotion.org\/\">Linux Stopmotion<\/a>\u00bb software de animaci\u00f3n cuadro por cuadro compatible con Ubuntu.<\/p>\n<p><strong>6. Generaci\u00f3n de gr\u00e1ficos:<\/strong><br \/>\nTodos los productos tienen como m\u00ednimo dos requerimientos gr\u00e1ficos: la portada del producto, con el t\u00edtulo del video y datos de la instituci\u00f3n donde fue realizado; y la contraportada, que es la pantalla final donde aparecen los cr\u00e9ditos. Tambi\u00e9n se pueden generar logotipos, palabras, cintillos y otros elementos gr\u00e1ficos que le agreguen valor est\u00e9tico al producto. Los programas de procesamiento y generaci\u00f3n de im\u00e1genes que utilizamos en este proyecto fueron Gimp e Inkscape.<\/p>\n<p><strong>7. Edici\u00f3n:<\/strong><br \/>\nYa que se cuenta con todas las escenas, gr\u00e1ficos y secuencias de audio que conforman el proyecto, se deber\u00e1n integrar con alg\u00fan software de edici\u00f3n de video (para este proyecto utilizamos Kdenlive para Ubuntu). Para integrar el clip, se deber\u00e1 ordenar las escenas en la l\u00ednea del tiempo; agregarles las portada y la contraportada y por \u00faltimo, se agregar\u00e1n las pistas de audio y la musicalizaci\u00f3n del clip.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1592 alignnone aligncenter\" alt=\"animacion6\" src=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion6.png\" width=\"600\" height=\"110\" srcset=\"https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion6.png 600w, https:\/\/www.uv.mx\/personal\/albramirez\/files\/2014\/03\/animacion6-300x55.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\nUna vez que se ha integrado el material en la l\u00ednea de tiempo del editor de video, se deber\u00e1 exportar en un formato de video com\u00fan.<\/p>\n<p>Herramientas de Software (libre) utilizadas en este proyecto<\/p>\n<ul>\n<li>Stopmotion<\/li>\n<li>Kdenlive<\/li>\n<li>Audacity<\/li>\n<li>Inkscape<\/li>\n<\/ul>\n<p>Equipo utilizado para la producci\u00f3n de estos clips<\/p>\n<ul>\n<li>C\u00e1mara de fotos<\/li>\n<li>Tripi\u00e9<\/li>\n<li>Micr\u00f3fono<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Videos generados con esta t\u00e9cnica<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/28480774\" height=\"375\" width=\"500\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p><a href=\"http:\/\/vimeo.com\/28480774\">Franky y las graves<\/a> from <a href=\"http:\/\/vimeo.com\/user8349110\">Alberto Ram\u00edrez Martinell<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/28480663\" height=\"375\" width=\"500\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p><a href=\"http:\/\/vimeo.com\/28480663\">Naranjita y las agudas<\/a> from <a href=\"http:\/\/vimeo.com\/user8349110\">Alberto Ram\u00edrez Martinell<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/28480496\" height=\"375\" width=\"500\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p><a href=\"http:\/\/vimeo.com\/28480496\">Rosita y las Esdrujulas<\/a> from <a href=\"http:\/\/vimeo.com\/user8349110\">Alberto Ram\u00edrez Martinell<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>Este texto fue elaborado en 2010 por Alberto Ram\u00edrez Martinell y Jaime Fraire Quiroz\u00a0en el marco del proyecto de la Red de Talleres de Producci\u00f3n Digital de Contenido educativo y cultural. El contenido puede ser utilizado, modificado y distribuido libremente siempre y cuando se le d\u00e9 cr\u00e9dito a los autores, no se utilice con fines de lucro y se le aplique a los productos derivados de la obra una licencia de autor Creative Commons 3.5 BY-NC-SA.<\/p>\n<p><code>Nota. Esta pr\u00e1ctica se realiz\u00f3 enteramente con software libre (Ubuntu 10.14)<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La animaci\u00f3n cuadro por cuadro, tambi\u00e9n conocida como Stop motion, es una t\u00e9cnica de generaci\u00f3n de video en la que las im\u00e1genes son fotografiadas una a una, de manera secuencial, con el objetivo de simular movimiento.\u00a0Los personajes, objetos y escenarios pueden ser creados con diferentes materiales (e.g. plastilina, arcilla, cart\u00f3n, tela, calcetines, peluche, etc.) \u00a0y&#8230;<\/p>\n","protected":false},"author":501,"featured_media":1588,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,64,58,17,7],"tags":[],"class_list":["post-1586","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miblog","category-cultura-abierta-2","category-fotos","category-produccion_video","category-pm"],"_links":{"self":[{"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/posts\/1586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/users\/501"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/comments?post=1586"}],"version-history":[{"count":0,"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/posts\/1586\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/media\/1588"}],"wp:attachment":[{"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/media?parent=1586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/categories?post=1586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/albramirez\/wp-json\/wp\/v2\/tags?post=1586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}