{"id":292,"date":"2022-05-24T12:50:53","date_gmt":"2022-05-24T12:50:53","guid":{"rendered":"https:\/\/profe.evilspout.com\/tutos\/?p=292"},"modified":"2022-05-25T21:39:41","modified_gmt":"2022-05-25T21:39:41","slug":"ejercicio-de-animacion-de-caminata-en-base-a-tecnica-de-rotoscopia","status":"publish","type":"post","link":"https:\/\/profe.evilspout.com\/tutos\/index.php\/2022\/05\/24\/ejercicio-de-animacion-de-caminata-en-base-a-tecnica-de-rotoscopia\/","title":{"rendered":"Ejercicio de animaci\u00f3n de caminata en base a t\u00e9cnica de Rotoscopia"},"content":{"rendered":"<p><strong>Ejercicio de animaci\u00f3n de caminata en base a t\u00e9cnica de Rotoscopia.<\/strong><\/p>\n<p>La Rotoscopia es la t\u00e9cnica de animaci\u00f3n basada en la ilustraci\u00f3n fotograma a fotograma sobre una secuencia de movimiento con un actor real, es decir, tenemos un video o una secuencia de fotograf\u00edas del movimiento de un individuo y, sobre esa secuencia, rescatamos dichos movimientos mediante el dibujo de un nuevo personaje .<\/p>\n<p><iframe loading=\"lazy\" title=\"ROTOSCOPIA \u00bfQu\u00e9 es y c\u00f3mo se hace?\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/dgefJbAoBho?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Para iniciar el ejercicio crearemos un nuevo archivo en Adobe Photoshop con las siguientes caracter\u00edsticas: Web \/ medidas 1920 x 1080 pixeles de resoluci\u00f3n 72 (solo para pantallas y no impresi\u00f3n) \/ color RGB y fondo transparente.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-302 size-large\" src=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B11-1024x683.png\" alt=\"\" width=\"1024\" height=\"683\" srcset=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B11-1024x683.png 1024w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B11-300x200.png 300w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B11-768x512.png 768w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B11-390x260.png 390w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B11.png 1081w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Tambi\u00e9n utilizaremos el modo de trabajo de MUYBRIDGE en base al ejercicio <a href=\"https:\/\/profe.evilspout.com\/tutos\/index.php\/2022\/04\/27\/211\/\" target=\"_blank\" rel=\"noopener\">Animaci\u00f3n en base a secuencia Muybridge y Creaci\u00f3n de Gif Animado en Adobe Photoshop<\/a> y seleccionaremos una caminata de su banco de im\u00e1genes de secuencias para crear el andar de nuestro personaje. A continuaci\u00f3n seleccionar\u00e9 los fotogramas de la caminata lateral de la mujer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-310 size-large\" src=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/default-1024x409.jpg\" alt=\"\" width=\"1024\" height=\"409\" srcset=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/default-1024x409.jpg 1024w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/default-300x120.jpg 300w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/default-768x307.jpg 768w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/default-1536x614.jpg 1536w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/default-2048x818.jpg 2048w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/default-390x156.jpg 390w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/default-1140x455.jpg 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Posterior a eso crearemos cada FOTOGRAMA dentro de una carpeta en CAPAS de Adobe Photoshop, testearemos la animaci\u00f3n en la l\u00ednea de tiempo y posteriormente agregaremos una capa m\u00e1s a cada carpeta y la llamaremos GR\u00c1FICA. Esta nueva carpeta debe estar sobre la capa FOTOGRAMA y nos servir\u00e1 para dibujar encima a nuestro personaje final bas\u00e1ndonos en la pose original de Muybridge. En la siguiente imagen vemos una primera carpeta llamada FOTOGRAMA 01, en ella est\u00e1n las capas GR\u00c1FICA (en donde van a dibujar, pintar, hacer collage, etc.) representando al personaje en la pose parcial de caminata) y la capa FOTOGRAMA (en donde est\u00e1 el fotograma original de MUYBRIDGE). La idea es crear una ilustraci\u00f3n basada en cada fotograma.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-312 size-large\" src=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B12-1024x541.png\" alt=\"\" width=\"1024\" height=\"541\" srcset=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B12-1024x541.png 1024w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B12-300x159.png 300w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B12-768x406.png 768w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B12-1536x812.png 1536w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B12-390x206.png 390w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B12-1140x603.png 1140w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B12.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Esta es la comparativa entre FOTOGRAMA MUYBGIDGE y GR\u00c1FICA m\u00e1s gif animado final.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-313 size-full\" src=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B13.png\" alt=\"\" width=\"778\" height=\"700\" srcset=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B13.png 778w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B13-300x270.png 300w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B13-768x691.png 768w, https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/B13-390x351.png 390w\" sizes=\"auto, (max-width: 778px) 100vw, 778px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-315 size-full\" src=\"https:\/\/profe.evilspout.com\/tutos\/wp-content\/uploads\/2022\/05\/MUYBRIDGE_WALK.gif\" alt=\"\" width=\"1000\" height=\"563\" \/><\/p>\n<p>El objetivo es crear un loop de caminata y crear un contexto basado en un peque\u00f1o guion en el cual se desarrollar\u00e1. A continuaci\u00f3n van algunos ejemplos de ejercicios de caminatas finales realizados por estudiantes de cursos anteriores.<\/p>\n<p><iframe loading=\"lazy\" title=\"Proyectos de Animaci\u00f3n 2D Expresi\u00f3n Animada 1 2018 Escuela de Dise\u00f1o UTEM\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/videoseries?list=PLPBYUxXAZqW23sR1b__EFW_tJvx_9oYyN\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ejercicio de animaci\u00f3n de caminata en base a t\u00e9cnica de Rotoscopia. La Rotoscopia es la t\u00e9cnica de animaci\u00f3n basada en la ilustraci\u00f3n fotograma a fotograma sobre una secuencia de movimiento con un actor real, es decir, tenemos un video o una secuencia de fotograf\u00edas del movimiento de un individuo y, sobre esa secuencia, rescatamos dichos movimientos mediante el dibujo de un nuevo personaje . Para iniciar el ejercicio crearemos un nuevo archivo en Adobe Photoshop con las siguientes caracter\u00edsticas: Web \/ medidas 1920 x&hellip;<\/p>\n","protected":false},"author":1,"featured_media":310,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,27,18,36,28,35,11,33,34,12,13],"tags":[],"class_list":["post-292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animacion","category-animate","category-diseno","category-fotografia","category-fotogramas","category-fps","category-ilustracion-digital","category-model-sheet","category-muybridge","category-vector-gestual","category-wacom"],"_links":{"self":[{"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/posts\/292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/comments?post=292"}],"version-history":[{"count":16,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/posts\/292\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/posts\/292\/revisions\/318"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/media\/310"}],"wp:attachment":[{"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/media?parent=292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/categories?post=292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/tags?post=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}