{"id":127,"date":"2019-04-30T12:09:37","date_gmt":"2019-04-30T12:09:37","guid":{"rendered":"http:\/\/profe.evilspout.com\/tutos\/?p=127"},"modified":"2022-05-31T18:32:57","modified_gmt":"2022-05-31T18:32:57","slug":"animacion-de-secuencia-de-avance-en-perspectiva-en-adobe-animate-cc-2019","status":"publish","type":"post","link":"https:\/\/profe.evilspout.com\/tutos\/index.php\/2019\/04\/30\/animacion-de-secuencia-de-avance-en-perspectiva-en-adobe-animate-cc-2019\/","title":{"rendered":"Animaci\u00f3n de avance en perspectiva con Adobe Animate"},"content":{"rendered":"

Iniciaremos este tutorial con la ilustraci\u00f3n de nuestra perspectiva base de la escena a animar. Recordaremos algunos principios b\u00e1sicos de dibujo, dibujo arquitect\u00f3nico y proyectiva espacial.<\/p>\n

Para comenzar podemos elegir un escenario con un punto de fuga<\/a> central o un punto de fuga lateral (izquierda o derecha). De acuerdo con la construcci\u00f3n de la ilustraci\u00f3n la base para un escenario con punto de fuga central deber\u00eda verse as\u00ed:<\/p>\n

\"\"<\/p>\n

Y con punto de fuga lateral derecho deber\u00eda verse as\u00ed:<\/p>\n

\"\"<\/p>\n

Ya definido nuestro punto de fuga procedemos a crear el escenario con vol\u00famenes y posteriormente agregaremos los detalles pertinentes de acuerdo con el contexto de la escena y al concepto\/estilo gr\u00e1fico definido.<\/p>\n

Para lograr el efecto de avance es necesario alternar entre dos o tres fotogramas claves, reconociendo el fotograma clave como marcador de posici\u00f3n para fotogramas intermedios. De esta manera la relaci\u00f3n entre fotogramas clave deber\u00eda resultar como la siguiente:<\/p>\n

PRIMER FOTOGRAMA<\/p>\n

\"\"<\/p>\n

SEGUNDO FOTOGRAMA<\/p>\n

\"\"<\/p>\n

TERCER FOTOGRAMA<\/p>\n

\"\"<\/p>\n

CUARTO FOTOGRAMA<\/p>\n

\"\"<\/p>\n

QUINTO FOTOGRAMA<\/p>\n

\"\"<\/p>\n

El paso a continuaci\u00f3n consiste en importar la secuencia de frames\u00a0 a Adobe Animate CC 2018<\/a>.<\/p>\n

Podemos variar la velocidad de los fotogramas entre 24 fotogramas por segundo y 12 fotogramas por segundo, siendo este \u00faltimo m\u00e1s lento.<\/p>\n

Finalmente exportamos como gif animado utilizando la ruta Archivo \/ Exportar \/ Exportar Gif Animado\u2026<\/p>\n

\"\"<\/p>\n

EJERCICIO DESTACADO<\/p>\n

Secuencia de avance en perspectiva realizada por el estudiante Sebasti\u00e1n Gonz\u00e1lez para la asignatura Expresi\u00f3n Animada 1 de la carrera ce Dise\u00f1o en Comunicaci\u00f3n Visual UTEM 2018.<\/p>\n","protected":false},"excerpt":{"rendered":"

Iniciaremos este tutorial con la ilustraci\u00f3n de nuestra perspectiva base de la escena a animar. Recordaremos algunos principios b\u00e1sicos de dibujo, dibujo arquitect\u00f3nico y proyectiva espacial. Para comenzar podemos elegir un escenario con un punto de fuga central o un punto de fuga lateral (izquierda o derecha). De acuerdo con la construcci\u00f3n de la ilustraci\u00f3n la base para un escenario con punto de fuga central deber\u00eda verse as\u00ed: Y con punto de fuga lateral derecho deber\u00eda verse as\u00ed: Ya definido nuestro punto de fuga…<\/p>\n","protected":false},"author":1,"featured_media":130,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,27,21,18,28],"tags":[5,29,31,23,7,25,30,32,4,3,8],"class_list":["post-127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animacion","category-animate","category-composicion","category-diseno","category-fotogramas","tag-adobe","tag-animacion","tag-animate","tag-composicion","tag-digital","tag-diseno","tag-fotogramas","tag-fps","tag-illutrator","tag-ilustracion","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/posts\/127","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=127"}],"version-history":[{"count":6,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/posts\/127\/revisions"}],"predecessor-version":[{"id":321,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/posts\/127\/revisions\/321"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/media\/130"}],"wp:attachment":[{"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/media?parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/categories?post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profe.evilspout.com\/tutos\/index.php\/wp-json\/wp\/v2\/tags?post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}