{"id":10489,"date":"2026-01-10T22:37:07","date_gmt":"2026-01-10T14:37:07","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/"},"modified":"2026-01-10T22:37:07","modified_gmt":"2026-01-10T14:37:07","slug":"configure-an-animation-effect","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/","title":{"rendered":"Configure um Efeito de Anima\u00e7\u00e3o"},"content":{"rendered":"<p>Ao usar o Visual Paradigm Online, voc\u00ea pode adicionar anima\u00e7\u00e3o ao seu design para torn\u00e1-lo mais atrativo. Ao animar livros de bolso, alguns efeitos podem ser personalizados ainda mais. Este v\u00eddeo mostrar\u00e1 como configurar um efeito de anima\u00e7\u00e3o.<\/p>\n<div class=\"epyt-video-wrapper\"><iframe allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"__youtube_prefs__ epyt-is-override no-lazyload\" data-no-lazy=\"1\" data-origheight=\"480\" data-origwidth=\"854\" data-skipgform_ajax_framebjll=\"\" height=\"480\" id=\"_ytid_66407\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/ZAq33Aoh-CA?enablejsapi=1&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=0&amp;rel=1&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;\" title=\"YouTube player\" width=\"854\"><\/iframe><\/div>\n<h2>Como Adicionar Anima\u00e7\u00e3o ao Elemento<\/h2>\n<ol>\n<li>Clique no \u00edcone de anima\u00e7\u00e3o na parte inferior do editor para abrir a linha do tempo de anima\u00e7\u00e3o.\n<p id=\"SKVxSDN\"><img alt=\"\" class=\"alignnone wp-image-11816\" decoding=\"async\" height=\"86\" loading=\"lazy\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114458-1.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114458-1.png 285w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114458-1-150x36.png 150w\" width=\"360\"\/><\/p>\n<\/li>\n<li>Selecione o elemento, e o painel de anima\u00e7\u00e3o ser\u00e1 aberto \u00e0 direita, voc\u00ea pode escolher uma anima\u00e7\u00e3o para o elemento.\n<p id=\"PGhgXNS\"><img alt=\"\" class=\"alignnone wp-image-11817\" decoding=\"async\" height=\"421\" loading=\"lazy\" sizes=\"auto, (max-width: 184px) 100vw, 184px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-131x300.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-131x300.png 131w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-66x150.png 66w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535.png 269w\" width=\"184\"\/><\/p>\n<\/li>\n<\/ol>\n<p><strong>Dica:<\/strong> Quando voc\u00ea posicionar o mouse sobre os \u00edcones, haver\u00e1 uma pr\u00e9-visualiza\u00e7\u00e3o ao vivo para o elemento selecionado.<\/p>\n<h2>Configure um Efeito de Anima\u00e7\u00e3o<\/h2>\n<ol>\n<li>Abra a linha do tempo de anima\u00e7\u00e3o, depois clique no efeito na linha do tempo que ter\u00e1 o elemento associado selecionado no seu design. O efeito associado tamb\u00e9m ser\u00e1 selecionado no painel de anima\u00e7\u00e3o.\n<p id=\"ymKdohk\"><img alt=\"\" class=\"alignnone wp-image-11818\" decoding=\"async\" height=\"256\" loading=\"lazy\" sizes=\"auto, (max-width: 495px) 100vw, 495px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-1-300x155.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-1-300x155.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-1-1030x531.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-1-768x396.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-1-150x77.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-1-400x206.png 400w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-1.png 1274w\" width=\"495\"\/><\/p>\n<\/li>\n<li>Para a maioria das anima\u00e7\u00f5es, podemos edit\u00e1-las com mais op\u00e7\u00f5es. Pressione o \u00edcone de engrenagem no canto superior direito do efeito, ent\u00e3o voc\u00ea ver\u00e1 suas op\u00e7\u00f5es detalhadas. Por exemplo, voc\u00ea pode configurar a dire\u00e7\u00e3o da anima\u00e7\u00e3o.<br \/>\n<img alt=\"\" class=\"alignnone wp-image-11819\" decoding=\"async\" height=\"358\" loading=\"lazy\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114816-239x300.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114816-239x300.png 239w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114816-119x150.png 119w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114816.png 256w\" width=\"285\"\/><\/p>\n<p id=\"oHSBveM\"><img alt=\"\" class=\"alignnone size-full wp-image-11820\" decoding=\"async\" height=\"165\" loading=\"lazy\" sizes=\"auto, (max-width: 273px) 100vw, 273px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114845-1.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114845-1.png 273w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114845-1-150x91.png 150w\" width=\"273\"\/><\/p>\n<\/li>\n<\/ol>\n<p><strong>Dica:<\/strong> Ap\u00f3s adicionar a anima\u00e7\u00e3o, podemos encontr\u00e1-la na linha do tempo. Edite o comprimento para controlar a velocidade da anima\u00e7\u00e3o.<\/p>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ao usar o Visual Paradigm Online, voc\u00ea pode adicionar anima\u00e7\u00e3o ao seu design para torn\u00e1-lo mais atrativo. Ao animar livros de bolso, alguns efeitos podem ser personalizados ainda mais. Este v\u00eddeo mostrar\u00e1 como configurar um efeito de anima\u00e7\u00e3o. Como Adicionar Anima\u00e7\u00e3o ao Elemento Clique no \u00edcone de anima\u00e7\u00e3o na parte inferior do editor para abrir [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":10490,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[43],"tags":[],"class_list":["post-10489","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Configure um Efeito de Anima\u00e7\u00e3o - Visual Paradigm Blog<\/title>\n<meta name=\"description\" content=\"When using VP Online, you can add animation to your design to make it more attractive. The animation can be further customized.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Configure um Efeito de Anima\u00e7\u00e3o - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"When using VP Online, you can add animation to your design to make it more attractive. The animation can be further customized.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-10T14:37:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-131x300.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-131x300.png\" \/>\n\t<meta property=\"og:image:width\" content=\"131\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"vpmiku\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-131x300.png\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpmiku\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/\",\"name\":\"Configure um Efeito de Anima\u00e7\u00e3o - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png\",\"datePublished\":\"2026-01-10T14:37:07+00:00\",\"dateModified\":\"2026-01-10T14:37:07+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458\"},\"description\":\"When using VP Online, you can add animation to your design to make it more attractive. The animation can be further customized.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png\",\"width\":131,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Configure um Efeito de Anima\u00e7\u00e3o\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458\",\"name\":\"vpmiku\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g\",\"caption\":\"vpmiku\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/author\/vpmiku\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Configure um Efeito de Anima\u00e7\u00e3o - Visual Paradigm Blog","description":"When using VP Online, you can add animation to your design to make it more attractive. The animation can be further customized.","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:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/","og_locale":"pt_PT","og_type":"article","og_title":"Configure um Efeito de Anima\u00e7\u00e3o - Visual Paradigm Blog","og_description":"When using VP Online, you can add animation to your design to make it more attractive. The animation can be further customized.","og_url":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-10T14:37:07+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-131x300.png","type":"","width":"","height":""},{"width":131,"height":300,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-131x300.png","type":"image\/png"}],"author":"vpmiku","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114535-131x300.png","twitter_misc":{"Escrito por":"vpmiku","Tempo estimado de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/","url":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/","name":"Configure um Efeito de Anima\u00e7\u00e3o - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png","datePublished":"2026-01-10T14:37:07+00:00","dateModified":"2026-01-10T14:37:07+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458"},"description":"When using VP Online, you can add animation to your design to make it more attractive. The animation can be further customized.","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png","width":131,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/pt\/configure-an-animation-effect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Configure um Efeito de Anima\u00e7\u00e3o"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website","url":"https:\/\/blog.visual-paradigm.com\/pt\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458","name":"vpmiku","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g","caption":"vpmiku"},"url":"https:\/\/blog.visual-paradigm.com\/pt\/author\/vpmiku\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/comments?post=10489"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10489\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/10490"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=10489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/categories?post=10489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/tags?post=10489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}