{"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\/pt\/docs\/getting-started-with-the-animation-and-timeline-panel\/","title":{"rendered":"Introdu\u00e7\u00e3o ao painel Anima\u00e7\u00e3o e linha do tempo"},"content":{"rendered":"

O painel de anima\u00e7\u00e3o e linha do tempo \u00e9 uma ferramenta para gerenciar e manipular a sequ\u00eancia e o tempo dos elementos e seus efeitos de anima\u00e7\u00e3o. Voc\u00ea pode us\u00e1-lo para adicionar anima\u00e7\u00e3o aos elementos, definir a dura\u00e7\u00e3o da anima\u00e7\u00e3o e gerenciar as camadas.<\/p>\n\n\n\n

O uso do painel de anima\u00e7\u00e3o e linha do tempo pode ajudar a controlar o ritmo da anima\u00e7\u00e3o com precis\u00e3o e gerenciar os elementos com facilidade.<\/p>\n\n\n\n

\u258eObserva\u00e7\u00e3o:<\/strong> Somente usu\u00e1rios do plano Platinum e superior podem ajustar o tempo dos efeitos de anima\u00e7\u00e3o.<\/p>\n\n\n\n

Em seguida, vamos dar uma olhada mais de perto no painel de anima\u00e7\u00e3o e linha do tempo. Ele inclui quatro se\u00e7\u00f5es.<\/p>\n\n\n\n

1. Barra de controle de reprodu\u00e7\u00e3o<\/h2>\n\n\n\n

A barra de controle de reprodu\u00e7\u00e3o \u00e9 usada para controlar a reprodu\u00e7\u00e3o de efeitos de anima\u00e7\u00e3o. Voc\u00ea pode adicionar legendas ao flipbook, reproduzir efeitos de anima\u00e7\u00e3o e dimensionar a linha do tempo.<\/p>\n\n\n\n

Para obter mais detalhes sobre a barra de controle de reprodu\u00e7\u00e3o, 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 ferramentas da linha do tempo<\/h2>\n\n\n\n

A barra de ferramentas da linha do tempo \u00e9 usada para gerenciar a dura\u00e7\u00e3o dos efeitos de anima\u00e7\u00e3o. A barra de ferramentas da linha do tempo inclui um bot\u00e3o de elemento de filtro e bot\u00f5es de gerenciamento do controle deslizante de anima\u00e7\u00e3o. Voc\u00ea pode filtrar os elementos, inserir\/excluir tempo e alinhar o tempo de exibi\u00e7\u00e3o dos elementos.<\/p>\n\n\n\n

Para obter mais detalhes sobre a barra de ferramentas da linha do tempo, 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. Painel de Elementos<\/h2>\n\n\n\n

O painel de elementos \u00e9 usado para gerenciar os elementos. Voc\u00ea pode gerenciar as camadas, como selecionar e ocultar os elementos, criar uma pasta para gerenciar os elementos, ajustar a ordem das camadas, etc.<\/p>\n\n\n\n

Para obter mais detalhes sobre o painel 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 da linha do tempo<\/h2>\n\n\n\n

A \u00e1rea da linha do tempo \u00e9 usada para adicionar efeitos de anima\u00e7\u00e3o e gerenciar o controle deslizante de anima\u00e7\u00e3o. Voc\u00ea pode ajustar a ordem de exibi\u00e7\u00e3o dos elementos, adicionar efeitos de entrada\/aten\u00e7\u00e3o\/sa\u00edda aos elementos e definir a dura\u00e7\u00e3o dos efeitos.<\/p>\n\n\n\n

Para obter mais detalhes sobre a \u00e1rea da linha do tempo, 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

\"painel<\/figure>\n\n\n\n

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

Termos relacionados ao artigo:<\/strong>
linha do tempo, anima\u00e7\u00e3o, elementos, gerenciamento, looping, reprodu\u00e7\u00e3o, indicador de reprodu\u00e7\u00e3o, r\u00e9gua da linha do tempo, camadas, efeitos, edi\u00e7\u00e3o, ordem, movimento, tempo de anima\u00e7\u00e3o, dura\u00e7\u00e3o da anima\u00e7\u00e3o<\/p>","protected":false},"excerpt":{"rendered":"

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 […]<\/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":"13329","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/pt\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Animation and Timeline","term_url":"https:\/\/cms.flippagemaker.com\/pt\/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=\"pt_PT\" \/>\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\/pt\/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=\"Tempo estimado de leitura\" \/>\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\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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":"pt_PT","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\/pt\/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":{"Tempo estimado de leitura":"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":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/uk\/docs\/getting-started-with-the-animation-and-timeline-panel\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@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":"pt-PT"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/pt\/wp-json\/wp\/v2\/docs\/3437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/comments?post=3437"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/docs\/3437\/revisions"}],"predecessor-version":[{"id":4672,"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/docs\/3437\/revisions\/4672"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/media?parent=3437"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/doc_category?post=3437"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=3437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}