{"id":1129,"date":"2023-01-03T08:35:04","date_gmt":"2023-01-03T08:35:04","guid":{"rendered":"https:\/\/help.mangoanimate.com\/?post_type=docs&#038;p=1129"},"modified":"2023-01-30T09:23:18","modified_gmt":"2023-01-30T09:23:18","slug":"animation-timeline","status":"publish","type":"docs","link":"https:\/\/help.mangoanimate.com\/es\/docs\/linea-de-tiempo-de-animacion\/","title":{"rendered":"L\u00ednea de tiempo de animaci\u00f3n"},"content":{"rendered":"<p>Despu\u00e9s de agregar un esqueleto al personaje, puede pasar al editor de animaci\u00f3n para animarlo. Hoy vamos a echar un vistazo m\u00e1s de cerca a la l\u00ednea de tiempo de la animaci\u00f3n en el editor de animaci\u00f3n.<\/p>\n\n\n\n<p>En la l\u00ednea de tiempo de la animaci\u00f3n, puede agregar movimientos, expresiones, etc. agregando marcos de capas y marcos de huesos; vista previa de los movimientos de los personajes; personalizar la velocidad de fotogramas y la duraci\u00f3n de las animaciones de los personajes, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"573\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png\" alt=\"\" class=\"wp-image-1132\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3-768x509.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>1. Barra de configuraci\u00f3n de la l\u00ednea de tiempo<\/strong><\/p>\n\n\n\n<p>En esta \u00e1rea puede configurar la reproducci\u00f3n en bucle; ocultar\/mostrar pistas de movimiento de personajes y huesos; establecer fotogramas clave autom\u00e1ticos; ocultar\/mostrar pistas; captura de acci\u00f3n; controlar la reproducci\u00f3n de animaciones; establecer la duraci\u00f3n total y la velocidad de fotogramas de las acciones de los personajes; guardar movimientos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"197\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4.png\" alt=\"\" class=\"wp-image-1133\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4-768x175.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4-360x82.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4-18x4.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>(1) Inicio\/fin de bucle:<\/strong> Establezca el intervalo de fotogramas que se repetir\u00e1, lo que puede interpretarse como el establecimiento del rango de la animaci\u00f3n de vista previa. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-loop-start-end\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Haga clic para ver: \u00bfC\u00f3mo usar Loop Start\/End?)<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"195\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5.png\" alt=\"\" class=\"wp-image-1134\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5-768x173.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5-360x81.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>(2) Editar:<\/strong> Puede marcar movimiento, hueso, bucle y fotograma clave autom\u00e1tico.<\/p>\n\n\n\n<ul>\n<li>Movimiento: cuando est\u00e1 marcada, la pista de movimiento aparecer\u00e1 al obtener una vista previa del movimiento \u00f3seo, lo que brindar\u00e1 asistencia para editar el movimiento \u00f3seo con mayor precisi\u00f3n.<\/li>\n\n\n\n<li>Hueso: cuando est\u00e1 marcada, el esqueleto se muestra en el personaje, lo que facilita la configuraci\u00f3n de las propiedades del hueso. (Haga clic para ver: \u00bfC\u00f3mo ocultar o mostrar las pistas de movimiento y los huesos del personaje?)<\/li>\n\n\n\n<li>Bucle: cuando est\u00e1 marcada, la animaci\u00f3n puede repetirse indefinidamente durante la vista previa.<\/li>\n\n\n\n<li>Fotograma clave autom\u00e1tico: cuando est\u00e1 marcada, se agregar\u00e1 autom\u00e1ticamente un nuevo fotograma clave a la ubicaci\u00f3n del cursor de reproducci\u00f3n al modificar los movimientos del personaje en el lienzo. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-auto-keyframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Haga clic para ver: \u00bfC\u00f3mo usar el fotograma clave autom\u00e1tico?)<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"295\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6.png\" alt=\"\" class=\"wp-image-1135\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6-300x102.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6-768x262.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6-360x123.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6-18x6.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>(3) Pista:<\/strong> Marque la casilla para mostrar pistas de audio, GIF y MP4 donde puede agregar audio, GIF y MP4. Las pistas que no son necesarias se pueden desmarcar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"256\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7.png\" alt=\"\" class=\"wp-image-1136\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7-300x89.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7-768x228.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7-360x107.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7-18x5.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>(4) Captura:<\/strong> La funci\u00f3n [Capturar] se puede usar cuando desea guardar el movimiento de un cuadro particular de su personaje. Haga clic en \u00e9l para tomar una captura de pantalla del movimiento en el cuadro donde se encuentra el cursor de reproducci\u00f3n como un archivo PNG y gu\u00e1rdelo en una carpeta local.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"586\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8.png\" alt=\"\" class=\"wp-image-1137\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8-300x203.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8-768x521.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8-360x244.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>(5) Animaci\u00f3n de vista previa<\/strong><\/p>\n\n\n\n<p>Puede controlar la reproducci\u00f3n de la animaci\u00f3n: reproducir desde el inicio, el cuadro anterior, reproducir desde el cuadro actual, cuadro siguiente.<\/p>\n\n\n\n<p><strong>(6) Duraci\u00f3n de la animaci\u00f3n y \u00e1rea de visualizaci\u00f3n del n\u00famero de cuadro<\/strong><\/p>\n\n\n\n<p>Puede ver la hora en que se encuentra el cabezal de reproducci\u00f3n, la duraci\u00f3n total de la animaci\u00f3n, el fotograma en el que se encuentra el cabezal de reproducci\u00f3n y el n\u00famero total de fotogramas.<\/p>\n\n\n\n<p><strong>(7) Configuraci\u00f3n de velocidad de cuadro:<\/strong> Puede establecer el n\u00famero de fotogramas por segundo de la animaci\u00f3n, cuanto mayor sea la velocidad de fotogramas, m\u00e1s r\u00e1pido cambiar\u00e1 el movimiento y viceversa.<\/p>\n\n\n\n<p><strong>(8) Guardar movimiento:<\/strong> Despu\u00e9s de agregar movimiento personalizado al personaje, puede usar [Guardar movimiento] para combinar el movimiento personalizado y guardarlo en la biblioteca de movimiento personalizado del software. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-save-custom-motion\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Haga clic para ver: \u00bfC\u00f3mo guardar el movimiento personalizado?)<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"195\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9.png\" alt=\"\" class=\"wp-image-1138\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9-768x173.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9-360x81.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>2. \u00c1rea de edici\u00f3n de animaci\u00f3n de la l\u00ednea de tiempo<\/strong><\/p>\n\n\n\n<p>En esta \u00e1rea, puede usar marcos de capas y marcos de huesos para agregar expresiones y acciones a sus personajes; agregue audio, GIF y MP4 para obtener una vista previa del efecto cuando luego use sus personajes para animar videos; seleccione una pieza de animaci\u00f3n para publicar usando la funci\u00f3n [Exportar].<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"198\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10.png\" alt=\"\" class=\"wp-image-1139\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10-300x69.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10-768x176.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10-360x82.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>(1) Pista de capa:<\/strong> Aqu\u00ed puede agregar, editar y mover marcos de capa. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-layer-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Haga clic para ver: \u00bfC\u00f3mo usar marcos de capa?)<\/a><\/p>\n\n\n\n<p><strong>(2) Seguimiento \u00f3seo:<\/strong> Aqu\u00ed puede agregar, editar y mover marcos de huesos. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Haga clic para ver: \u00bfC\u00f3mo usar marcos \u00f3seos?)<\/a><\/p>\n\n\n\n<p><strong>(3) Pista de audio, GIF, MP4:<\/strong> Puede agregar audio, GIF y MP4 aqu\u00ed para proporcionar una referencia para el uso posterior del personaje en videos animados.<\/p>\n\n\n\n<p><strong>(4) Exportaci\u00f3n:<\/strong> Cuando solo desea publicar una parte del movimiento de su personaje, puede usar [Exportar] para seleccionar cualquier segmento de animaci\u00f3n para publicar. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-publish-a-piece-of-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Haga clic para ver: \u00bfC\u00f3mo exportar una pieza de animaci\u00f3n?)<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"197\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11.png\" alt=\"\" class=\"wp-image-1140\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11-768x175.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11-360x82.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>(5) Modificar nombre de movimiento:<\/strong> Puede hacer clic en un grupo de movimiento para cambiarle el nombre.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"197\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12.png\" alt=\"\" class=\"wp-image-1141\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12-768x175.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12-360x82.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>3. Barra de herramientas de la l\u00ednea de tiempo<\/strong><\/p>\n\n\n\n<p>Puede hacer zoom y mover la l\u00ednea de tiempo para realizar ediciones m\u00e1s precisas en los movimientos de los personajes; tambi\u00e9n puede copiar, pegar y eliminar marcos de capas y marcos de huesos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"195\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13.png\" alt=\"\" class=\"wp-image-1142\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13-768x173.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13-360x81.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>(1) Escalar la l\u00ednea de tiempo:<\/strong> F\u00e1cil edici\u00f3n de detalles de marcos de capas y marcos de huesos en la l\u00ednea de tiempo. Arrastre el bot\u00f3n deslizante o haga clic en [-]\/[+] para escalar la l\u00ednea de tiempo.<\/p>\n\n\n\n<p><strong>(2) Copiar\/pegar\/eliminar fotogramas clave:<\/strong> Haga clic en un marco de capa\/marco de hueso y haga clic en el bot\u00f3n [Copiar]\/[Pegar]\/[Eliminar].<\/p>\n\n\n\n<p><strong>(3) Ver l\u00ednea de tiempo:<\/strong> Arrastre el control deslizante para ver la l\u00ednea de tiempo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"195\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14.png\" alt=\"\" class=\"wp-image-1143\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14-768x173.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14-360x81.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>4. Operaciones de clic derecho en la l\u00ednea de tiempo<\/strong><\/p>\n\n\n\n<p>El uso de las operaciones del bot\u00f3n derecho hace que sea m\u00e1s f\u00e1cil y r\u00e1pido animar el personaje.<\/p>\n\n\n\n<p>(1) Haga clic en un marco de capa\/marco de hueso y haga clic con el bot\u00f3n derecho para hacer lo siguiente: Copiar, eliminar, eliminar todos los cuadros, restablecer al cuadro original, avanzar un cuadro, retroceder un cuadro, sangrar un cuadro hacia adelante, sangrar un cuadro hacia atr\u00e1s, reemplazar capa, aplicar doblez a todo, agregar marco \u00f3seo, agregar marco de capa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"356\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15.png\" alt=\"\" class=\"wp-image-1144\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15-300x123.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15-768x316.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15-360x148.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15-18x7.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p>(2) Seleccione m\u00faltiples marcos de capas\/marcos de huesos, haga clic con el bot\u00f3n derecho y seleccione [Grupo] para combinarlos; seleccione un grupo y haga clic derecho y seleccione [Desagrupar] para descomponerlo. <a href=\"https:\/\/help.mangoanimate.com\/docs\/group-and-ungroup-layer-frames-or-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Haga clic para ver: Agrupar y desagrupar marcos de capas o marcos de huesos)<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we&#8217;re going to take a closer look at the animation timeline in the animation editor. In the animation timeline you can add motions, expressions, etc. by adding layers frames and bone frames; preview character motions; customize the &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/es\/docs\/linea-de-tiempo-de-animacion\/\"> <span class=\"screen-reader-text\">L\u00ednea de tiempo de animaci\u00f3n<\/span> Leer m\u00e1s &raquo;<\/a><\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[60],"doc_tag":[],"knowledge_base":[40],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Animation Timeline - Mango Animate Help Center<\/title>\n<meta name=\"description\" content=\"After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we&#039;re going to take a closer look at the animation timeline in the animation editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.mangoanimate.com\/es\/docs\/animation-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animation Timeline\" \/>\n<meta property=\"og:description\" content=\"After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we&#039;re going to take a closer look at the animation timeline in the animation editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.mangoanimate.com\/es\/docs\/animation-timeline\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-30T09:23:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/\",\"url\":\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/\",\"name\":\"Animation Timeline - Mango Animate Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#website\"},\"datePublished\":\"2023-01-03T08:35:04+00:00\",\"dateModified\":\"2023-01-30T09:23:18+00:00\",\"description\":\"After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we're going to take a closer look at the animation timeline in the animation editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.mangoanimate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation Timeline\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.mangoanimate.com\/#website\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"name\":\"Mango Animate Help Center\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.mangoanimate.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate Help Center\"},\"image\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Animation Timeline - Mango Animate Help Center","description":"After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we're going to take a closer look at the animation timeline in the animation editor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/help.mangoanimate.com\/es\/docs\/animation-timeline\/","og_locale":"es_ES","og_type":"article","og_title":"Animation Timeline","og_description":"After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we're going to take a closer look at the animation timeline in the animation editor.","og_url":"https:\/\/help.mangoanimate.com\/es\/docs\/animation-timeline\/","og_site_name":"Mango Animate Help Center","article_modified_time":"2023-01-30T09:23:18+00:00","og_image":[{"url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/","url":"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/","name":"Animation Timeline - Mango Animate Help Center","isPartOf":{"@id":"https:\/\/help.mangoanimate.com\/#website"},"datePublished":"2023-01-03T08:35:04+00:00","dateModified":"2023-01-30T09:23:18+00:00","description":"After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we're going to take a closer look at the animation timeline in the animation editor.","breadcrumb":{"@id":"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.mangoanimate.com\/"},{"@type":"ListItem","position":2,"name":"Animation Timeline"}]},{"@type":"WebSite","@id":"https:\/\/help.mangoanimate.com\/#website","url":"https:\/\/help.mangoanimate.com\/","name":"Mango Animate Help Center","description":"Just another WordPress site","publisher":{"@id":"https:\/\/help.mangoanimate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.mangoanimate.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":32,"caption":"Mango Animate Help Center"},"image":{"@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/docs\/1129"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":3,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/docs\/1129\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/docs\/1129\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/media?parent=1129"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/doc_category?post=1129"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/doc_tag?post=1129"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/knowledge_base?post=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}