{"id":9742,"date":"2026-01-10T22:37:06","date_gmt":"2026-01-10T14:37:06","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/"},"modified":"2026-01-10T22:37:06","modified_gmt":"2026-01-10T14:37:06","slug":"configure-an-animation-effect","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/","title":{"rendered":"Configurar un efecto de animaci\u00f3n"},"content":{"rendered":"<p>Al utilizar Visual Paradigm Online, puede agregar animaci\u00f3n a su dise\u00f1o para que sea m\u00e1s atractivo. Al animar libros giratorios, algunos efectos se pueden personalizar a\u00fan m\u00e1s. Este video le mostrar\u00e1 c\u00f3mo configurar un efecto de animaci\u00f3n.<\/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>C\u00f3mo agregar animaci\u00f3n a un elemento<\/h2>\n<ol>\n<li>Haga clic en el icono de animaci\u00f3n en la parte inferior del editor para abrir la l\u00ednea de tiempo de animaci\u00f3n.\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>Seleccione el elemento, y el panel de animaci\u00f3n se abrir\u00e1 en el lado derecho, puede elegir una animaci\u00f3n para el 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>Consejo:<\/strong> Cuando coloca el mouse sobre los \u00edconos, se mostrar\u00e1 una vista previa en vivo para el elemento seleccionado.<\/p>\n<h2>Configurar un efecto de animaci\u00f3n<\/h2>\n<ol>\n<li>Abra la l\u00ednea de tiempo de animaci\u00f3n, luego haga clic en el efecto en la l\u00ednea de tiempo que tendr\u00e1 el elemento asociado seleccionado en su dise\u00f1o. El efecto asociado tambi\u00e9n se seleccionar\u00e1 en el panel de animaci\u00f3n.\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 la mayor\u00eda de las animaciones, podemos editarlas con m\u00e1s opciones. Presione el icono de engranaje en la parte superior derecha del efecto, y ver\u00e1 sus opciones detalladas. Por ejemplo, puede configurar la direcci\u00f3n de la animaci\u00f3n.<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>Consejo:<\/strong> Despu\u00e9s de agregar la animaci\u00f3n, podemos encontrarla en la l\u00ednea de tiempo. Edite su longitud para controlar la velocidad de la animaci\u00f3n.<\/p>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Al utilizar Visual Paradigm Online, puede agregar animaci\u00f3n a su dise\u00f1o para que sea m\u00e1s atractivo. Al animar libros giratorios, algunos efectos se pueden personalizar a\u00fan m\u00e1s. Este video le mostrar\u00e1 c\u00f3mo configurar un efecto de animaci\u00f3n. C\u00f3mo agregar animaci\u00f3n a un elemento Haga clic en el icono de animaci\u00f3n en la parte inferior del [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":9743,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[43],"tags":[],"class_list":["post-9742","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>Configurar un efecto de animaci\u00f3n - Visual Paradigm Blog Espa\u00f1ol<\/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\/es\/configure-an-animation-effect\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Configurar un efecto de animaci\u00f3n - Visual Paradigm Blog Espa\u00f1ol\" \/>\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\/es\/configure-an-animation-effect\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog Espa\u00f1ol\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-10T14:37:06+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=\"Tiempo de lectura\" \/>\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\/es\/configure-an-animation-effect\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/\",\"name\":\"Configurar un efecto de animaci\u00f3n - Visual Paradigm Blog Espa\u00f1ol\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png\",\"datePublished\":\"2026-01-10T14:37:06+00:00\",\"dateModified\":\"2026-01-10T14:37:06+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#\/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\/es\/configure-an-animation-effect\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png\",\"width\":131,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Configurar un efecto de animaci\u00f3n\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/\",\"name\":\"Visual Paradigm Blog Espa\u00f1ol\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458\",\"name\":\"vpmiku\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#\/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\/es\/author\/vpmiku\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Configurar un efecto de animaci\u00f3n - Visual Paradigm Blog Espa\u00f1ol","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\/es\/configure-an-animation-effect\/","og_locale":"es_ES","og_type":"article","og_title":"Configurar un efecto de animaci\u00f3n - Visual Paradigm Blog Espa\u00f1ol","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\/es\/configure-an-animation-effect\/","og_site_name":"Visual Paradigm Blog Espa\u00f1ol","article_published_time":"2026-01-10T14:37:06+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","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/","url":"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/","name":"Configurar un efecto de animaci\u00f3n - Visual Paradigm Blog Espa\u00f1ol","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png","datePublished":"2026-01-10T14:37:06+00:00","dateModified":"2026-01-10T14:37:06+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/#\/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\/es\/configure-an-animation-effect\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/01\/Screenshot-2022-04-27-114535-131x300-1.png","width":131,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/es\/configure-an-animation-effect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/es\/"},{"@type":"ListItem","position":2,"name":"Configurar un efecto de animaci\u00f3n"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/es\/#website","url":"https:\/\/blog.visual-paradigm.com\/es\/","name":"Visual Paradigm Blog Espa\u00f1ol","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458","name":"vpmiku","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blog.visual-paradigm.com\/es\/#\/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\/es\/author\/vpmiku\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts\/9742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/comments?post=9742"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts\/9742\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media\/9743"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media?parent=9742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/categories?post=9742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/tags?post=9742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}