{"id":3437,"date":"2023-05-11T11:44:56","date_gmt":"2023-05-11T03:44:56","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&p=3437"},"modified":"2023-05-19T14:04:41","modified_gmt":"2023-05-19T06:04:41","password":"","slug":"getting-started-with-the-animation-and-timeline-panel","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/es\/docs\/getting-started-with-the-animation-and-timeline-panel\/","title":{"rendered":"Primeros pasos con el panel de animaci\u00f3n y l\u00ednea de tiempo"},"content":{"rendered":"

El panel de animaci\u00f3n y l\u00ednea de tiempo es una herramienta para administrar y manipular la secuencia y el tiempo de los elementos y sus efectos de animaci\u00f3n. Puede usarlo para agregar animaci\u00f3n a los elementos, establecer la duraci\u00f3n de la animaci\u00f3n y administrar las capas.<\/p>\n\n\n\n

El uso del panel de animaci\u00f3n y l\u00ednea de tiempo puede ayudar a controlar el ritmo de la animaci\u00f3n con precisi\u00f3n y administrar los elementos f\u00e1cilmente.<\/p>\n\n\n\n

\u258eNota:<\/strong> Solo los usuarios del plan Platinum y superior pueden ajustar el tiempo de los efectos de animaci\u00f3n.<\/p>\n\n\n\n

A continuaci\u00f3n, echemos un vistazo m\u00e1s de cerca al panel de animaci\u00f3n y l\u00ednea de tiempo. Incluye cuatro secciones.<\/p>\n\n\n\n

1. Barra de control de reproducci\u00f3n<\/h2>\n\n\n\n

La barra de control de reproducci\u00f3n se utiliza para controlar la reproducci\u00f3n de efectos de animaci\u00f3n. Puede agregar subt\u00edtulos al flipbook, reproducir efectos de animaci\u00f3n y escalar la l\u00ednea de tiempo.<\/p>\n\n\n\n

Para obtener m\u00e1s detalles sobre la barra de control de reproducci\u00f3n, consulte: https:\/\/help.fliphtml5.com\/guides\/play-control-bar-of-the-animation-and-timeline-panel\/<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

2. Barra de herramientas de la l\u00ednea de tiempo<\/h2>\n\n\n\n

La barra de herramientas de la l\u00ednea de tiempo se utiliza para administrar la duraci\u00f3n de los efectos de animaci\u00f3n. La barra de herramientas de la l\u00ednea de tiempo incluye un bot\u00f3n de elemento de filtro y botones de administraci\u00f3n del control deslizante de animaci\u00f3n. Puede filtrar los elementos, insertar\/eliminar el tiempo y alinear el tiempo de visualizaci\u00f3n de los elementos.<\/p>\n\n\n\n

Para obtener m\u00e1s detalles sobre la barra de herramientas de la l\u00ednea de tiempo, consulte: https:\/\/help.fliphtml5.com\/guides\/timeline-toolbar-of-the-animation-and-timeline-panel\/<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

3. Panel de elementos<\/h2>\n\n\n\n

El panel de elementos se utiliza para administrar los elementos. Puede administrar las capas, como seleccionar y ocultar los elementos, crear una carpeta para administrar los elementos, ajustar el orden de las capas, etc.<\/p>\n\n\n\n

Para obtener m\u00e1s detalles sobre el panel de elementos, consulte: https:\/\/help.fliphtml5.com\/guides\/elements-panel-of-the-animation-and-timeline-panel\/<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

4. \u00c1rea de l\u00ednea de tiempo<\/h2>\n\n\n\n

El \u00e1rea de la l\u00ednea de tiempo se usa para agregar efectos de animaci\u00f3n y administrar el control deslizante de animaci\u00f3n. Puede ajustar el orden de visualizaci\u00f3n de los elementos, agregar efectos de entrada\/atenci\u00f3n\/salida a los elementos y establecer la duraci\u00f3n de los efectos.<\/p>\n\n\n\n

Para obtener m\u00e1s detalles sobre el \u00e1rea de la l\u00ednea de tiempo, consulte: https:\/\/help.fliphtml5.com\/guides\/timeline-area-of-the-animation-and-timeline-panel\/<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

\"panel<\/figure>\n\n\n\n

<\/p>\n\n\n\n

T\u00e9rminos relacionados con el art\u00edculo:<\/strong>
l\u00ednea de tiempo, animaci\u00f3n, elementos, gesti\u00f3n, bucle, reproducci\u00f3n, cabezal de reproducci\u00f3n, regla de la l\u00ednea de tiempo, capas, efectos, edici\u00f3n, orden, movimiento, tiempo de animaci\u00f3n, duraci\u00f3n de la animaci\u00f3n<\/p>","protected":false},"excerpt":{"rendered":"

El panel de animaci\u00f3n y l\u00ednea de tiempo es una herramienta para gestionar y manipular la secuencia y la sincronizaci\u00f3n de los elementos y sus efectos de animaci\u00f3n. Puede usarlo para a\u00f1adir animaci\u00f3n a los elementos, establecer su duraci\u00f3n y gestionar las capas. Usar el panel de animaci\u00f3n y l\u00ednea de tiempo puede ayudar a controlar el ritmo de [\u2026]<\/p>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[83],"doc_tag":[],"class_list":["post-3437","docs","type-docs","status-publish","hentry","doc_category-animation-and-timeline"],"year_month":"2026-04","word_count":323,"total_views":"13391","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/es\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/es\/docs-category\/animation-and-timeline\/"}],"doc_tag_info":[],"yoast_head":"\nGetting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"The animation and timeline panel is a tool for managing and manipulating the sequence and timing of the elements and their animation effects. You can use it to add animation to the elements, set the duration of the animation, and manage the layers. Using the animation and timeline panel can help control the pace of […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/es\/docs\/getting-started-with-the-animation-and-timeline-panel\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-19T06:04:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.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=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\",\"name\":\"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png\",\"datePublished\":\"2023-05-11T03:44:56+00:00\",\"dateModified\":\"2023-05-19T06:04:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with the Animation and Timeline Panel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"The animation and timeline panel is a tool for managing and manipulating the sequence and timing of the elements and their animation effects. You can use it to add animation to the elements, set the duration of the animation, and manage the layers. Using the animation and timeline panel can help control the pace of […]","og_url":"https:\/\/cms.flippagemaker.com\/es\/docs\/getting-started-with-the-animation-and-timeline-panel\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2023-05-19T06:04:41+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/","url":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/","name":"Getting Started with the Animation and Timeline Panel - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png","datePublished":"2023-05-11T03:44:56+00:00","dateModified":"2023-05-19T06:04:41+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/timeline-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Getting Started with the Animation and Timeline Panel"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs\/3437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/comments?post=3437"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs\/3437\/revisions"}],"predecessor-version":[{"id":4672,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs\/3437\/revisions\/4672"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/media?parent=3437"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/doc_category?post=3437"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/doc_tag?post=3437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}