{"id":33724,"date":"2022-11-24T21:31:19","date_gmt":"2022-11-24T21:31:19","guid":{"rendered":"https:\/\/totaralearning.ddev.site\/articles\/una-guia-paso-a-paso-para-crear-animaciones-para-el-aprendizaje-electronico\/"},"modified":"2024-08-02T20:48:11","modified_gmt":"2024-08-02T20:48:11","slug":"una-guia-paso-a-paso-para-crear-animaciones-para-el-aprendizaje-electronico","status":"publish","type":"article","link":"https:\/\/staging.totara.fortyapp.com\/es\/articulos\/una-guia-paso-a-paso-para-crear-animaciones-para-el-aprendizaje-electronico\/","title":{"rendered":"Una gu\u00eda paso a paso para crear animaciones para el aprendizaje electr\u00f3nico"},"content":{"rendered":"\n
\n

Nuestro equipo de Totara Academy est\u00e1 ocupado creando nuestra nueva\u00a0plataforma para profesionales del aprendizaje<\/a> y quer\u00edamos saber m\u00e1s sobre lo que est\u00e1 haciendo. En esta oportunidad, el Dise\u00f1ador Visual Senior Matt Stokes explica c\u00f3mo crea animaciones para el e-learning.<\/em><\/p>\n

1. Identificar los requisitos<\/h3>\n

Lo primero que hago cuando recibo el\u00a0guion de animaci\u00f3n es analizarlo con el\u00a0guionista. Consideramos cosas como\u00a0si hay conceptos complejos\u00a0que deben aparecer o si\u00a0hay gr\u00e1ficos principales de otros\u00a0materiales de aprendizaje que\u00a0debemos mostrar. Nuestras animaciones generalmente tienen\u00a0que valerse por s\u00ed mismas, pero a la vez es necesario que funcionen en armon\u00eda con\u00a0otras actividades,\u00a0 que act\u00faen como parte de un conjunto m\u00e1s\u00a0grande de contenido de e-learning.<\/p>\n

En ocasiones, ideamos formas est\u00e1ndar de\u00a0mostrar cosas\u00a0(por ejemplo, diagramas clave)\u00a0como parte del trabajo de preparaci\u00f3n para la\u00a0animaci\u00f3n. Los elementos como las insignias de cursos\u00a0utilizadas en estas animaciones\u00a0se obtienen de\u00a0otros materiales de nuestro entorno de\u00a0aprendizaje.<\/p>\n

<\/p>\n

2. Creaci\u00f3n de un guion gr\u00e1fico<\/h3>\n

Creo un guion gr\u00e1fico para toda\u00a0la animaci\u00f3n, para que todos puedan ver\u00a0mi propuesta de un vistazo y verificar que lo\u00a0que est\u00e1 en la pantalla funcione con la\u00a0voz en off. El\u00a0guion gr\u00e1fico tambi\u00e9n incluye descripciones\u00a0escritas de lo que sucede en la pantalla. Responde\u00a0preguntas como: \u00bfc\u00f3mo se mueven las\u00a0cosas? \u00bfQu\u00e9 aparece primero? \u00bfCu\u00e1nto tiempo permanecen\u00a0en la pantalla? Es\u00a0\u00fatil tomar estas decisiones antes de que se haya creado la animaci\u00f3n.<\/p>\n

<\/p>\n

3. Dibujo de ilustraciones<\/h3>\n

<\/p>\n

Como parte del guion gr\u00e1fico, dibujo\u00a0todas\u00a0las ilustraciones o \u00edconos necesarios. Tenemos un\u00a0estilo visual para nuestras escenas de escenarios. Estas\u00a0presentan demostraciones ficticias de situaciones en las que\u00a0se destacan las funcionalidades de Totara Learn.\u00a0Siempre las representamos como ilustraciones\u00a0en lugar de usar fotograf\u00edas\u00a0de inventario de\u00a0modelos\u00a0para que\u00a0no haya confusi\u00f3n: el uso de ilustraciones aclara que se trata de\u00a0ejemplos\u00a0y no de estudios de casos. Las ilustraciones a l\u00e1piz\u00a0se escanean y se trabajan\u00a0en Adobe Illustrator.<\/p>\n

<\/p>\n

4. Grabaci\u00f3n de voz en off<\/h3>\n

Luego, grabamos la voz en off. Hacemos esto\u00a0en nuestras instalaciones. Algunos de nosotros\u00a0accedemos a hacer esto un poco a rega\u00f1adientes. Tenemos\u00a0un micr\u00f3fono y usamos software\u00a0de c\u00f3digo abierto para grabar y limpiar el sonido. \u00a1Si miras videos de la Totara Academy, escuchar\u00e1s las voces del equipo de Totara!<\/p>\n

<\/p>\n

5. Combinaci\u00f3n de sonido y elementos visuales<\/h3>\n

Lo siguiente es fusionar todo. Abordo cada\u00a0foto como una composici\u00f3n separada en After\u00a0Effects, en caso de que haya un cambio inevitable\u00a0de plan y algunas de las oraciones\u00a0de la voz en off deban ser reemplazadas. Es \u00fatil\u00a0poder mover las tomas para elegir los\u00a0momentos de pausa entre oraciones, lo que le da al\u00a0espectador tiempo para captar todo y\u00a0permite transiciones m\u00e1s complicadas cuando sean\u00a0necesarias.<\/p>\n

<\/p>\n

Los intert\u00edtulos son lo primero que se anima:\u00a0superponemos nuestros distintivos bloques de colores\u00a0para crear los t\u00edtulos. Sigo el guion gr\u00e1fico,\u00a0usando los elementos y la voz en off para cada toma. Termino\u00a0la animaci\u00f3n agregando la pantalla\u00a0final que siempre aparece cuando finaliza nuestro contenido de video de la Totara Academy,\u00a0para mantener la coherencia.<\/p>\n

6. Revisi\u00f3n interna<\/h3>\n

Revisamos la animaci\u00f3n\u00a0internamente, utilizando una herramienta de comentarios\u00a0en l\u00ednea para anclar los comentarios al\u00a0punto temporal al que hacen referencia. No usamos comentarios\u00a0ambiguos como \u201clo que pas\u00f3\u00a0antes\u201d\u00a0o \u201cm\u00e1s o menos por la mitad\u201d.<\/p>\n

<\/p>\n

7. Toques finales<\/h3>\n

Eval\u00fao los comentarios y hago los\u00a0cambios necesarios. El video est\u00e1 listo\u00a0para subirse a YouTube y\u00a0aparecer en nuestros cursos como un bloque\u00a0HTML. Utilizamos ajustes en el c\u00f3digo HTML para asegurarnos de que\u00a0el video funcione y de que el reproductor\u00a0no muestre \u201cenlaces sugeridos\u201d\u00a0al final\u00a0del video. \u00a1No queremos perder espectadores a causa de\u00a0videos de gatos! Este es un ejemplo de una animaci\u00f3n terminada que encontrar\u00e1s en la Totara Academy.<\/p>\n

\u00bfQuieres ver algunas de las animaciones de Matt en acci\u00f3n? Inscr\u00edbete ahora en la\u00a0Totara Academy<\/a>\u00a0y explora todo el contenido gratuito que ofrecemos. Estamos actualizando constantemente la Academia con nuevos cursos, as\u00ed que aseg\u00farate de visitarnos con regularidad para ver el contenido m\u00e1s reciente.<\/em><\/p>\n<\/div>\n <\/div>","protected":false},"template":"","tax\/tags":[649,650,954],"tax\/solutions":[287],"tax\/topics":[955],"tax\/industries":[],"tax\/article-types":[292],"class_list":["post-33724","article","type-article","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/articles\/33724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/types\/article"}],"wp:attachment":[{"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/media?parent=33724"}],"wp:term":[{"taxonomy":"tag","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/tax\/tags?post=33724"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/tax\/solutions?post=33724"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/tax\/topics?post=33724"},{"taxonomy":"industry-tax","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/tax\/industries?post=33724"},{"taxonomy":"article-type","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/es\/wp-json\/wp\/v2\/tax\/article-types?post=33724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}