{"id":4897,"date":"2026-09-25T12:55:25","date_gmt":"2026-09-25T10:55:25","guid":{"rendered":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?p=4897"},"modified":"2026-09-25T12:55:25","modified_gmt":"2026-09-25T10:55:25","slug":"motion-graphics","status":"publish","type":"post","link":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics","title":{"rendered":"Motion graphics: dar movimiento a un mensaje sin necesidad de rodar un solo fotograma"},"content":{"rendered":"<p>Un logotipo que se transforma al abrir un v\u00eddeo, una cifra que aparece justo cuando la voz la menciona o una pantalla que confirma que una acci\u00f3n se ha completado. Los <strong>motion graphics<\/strong> ponen en movimiento elementos de dise\u00f1o para explicar algo, dirigir la atenci\u00f3n o reforzar una identidad.<\/p>\n<p>Si trabajas en dise\u00f1o o contenido digital, entender c\u00f3mo se crean te ayudar\u00e1 a decidir cu\u00e1ndo merece la pena animar una pieza. Tambi\u00e9n puedes explorar su aplicaci\u00f3n a las marcas en el <a href=\"https:\/\/www.inesem.es\/Curso-Identidad-Visual-Dinamica-Ia-Branding?utm_source=direct&amp;utm_medium=referral&amp;utm_campaign=blog_planificacion&amp;utm_content=motion_graphics\">Curso de Identidad Visual Din\u00e1mica: IA para Branding<\/a> de INESEM. Primero, veamos qu\u00e9 los diferencia de otras formas de animaci\u00f3n y c\u00f3mo se producen.<\/p>\n<div style=\"background: #E8F2F5;border-left: 5px solid #54c9d6;border-radius: 0 12px 12px 0;padding: 20px 24px;margin: 28px 0;color: #192b5d;font-family: Lato,Arial,sans-serif\">\n<p style=\"margin: 0\"><strong style=\"font-size: 18px;margin-bottom: 8px\">En 30 segundos<\/strong> El motion graphics (o grafismo en movimiento) es una disciplina de dise\u00f1o que anima texto, formas, ilustraciones y otros recursos gr\u00e1ficos. Su proceso suele pasar por objetivo y guion, storyboard, anim\u00e1tica, dise\u00f1o, animaci\u00f3n, sonido, revisi\u00f3n y render final.<\/p>\n<\/div>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Que_es_el_motion_graphics\" title=\"Qu\u00e9 es el motion graphics\">Qu\u00e9 es el motion graphics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Motion_graphics_vs_animacion_tradicional_donde_esta_la_frontera\" title=\"Motion graphics vs animaci\u00f3n tradicional: d\u00f3nde est\u00e1 la frontera\">Motion graphics vs animaci\u00f3n tradicional: d\u00f3nde est\u00e1 la frontera<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Resumen_%C2%BFcual_elegir_para_tu_proyecto\" title=\"Resumen: \u00bfcu\u00e1l elegir para tu proyecto?\">Resumen: \u00bfcu\u00e1l elegir para tu proyecto?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#%C2%BFPara_que_se_usa\" title=\"\u00bfPara qu\u00e9 se usa?\">\u00bfPara qu\u00e9 se usa?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Publicidad_y_branding\" title=\"Publicidad y branding\">Publicidad y branding<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Redes_sociales_y_contenido_digital\" title=\"Redes sociales y contenido digital\">Redes sociales y contenido digital<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Cine_television_y_cabeceras\" title=\"Cine, televisi\u00f3n y cabeceras\">Cine, televisi\u00f3n y cabeceras<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Interfaces_y_UXUI\" title=\"Interfaces y UX\/UI\">Interfaces y UX\/UI<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#El_proceso_de_creacion_del_guion_al_render_final\" title=\"El proceso de creaci\u00f3n: del guion al render final\">El proceso de creaci\u00f3n: del guion al render final<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#%C2%BFQue_programa_necesito_para_hacer_motion_graphics\" title=\"\u00bfQu\u00e9 programa necesito para hacer motion graphics?\">\u00bfQu\u00e9 programa necesito para hacer motion graphics?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#After_Effects_para_animar_textos_y_graficos\" title=\"After Effects para animar textos y gr\u00e1ficos\">After Effects para animar textos y gr\u00e1ficos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Cinema_4D_y_Blender_para_crear_elementos_en_3D\" title=\"Cinema 4D y Blender para crear elementos en 3D\">Cinema 4D y Blender para crear elementos en 3D<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#CapCut_para_videos_de_redes_sociales\" title=\"CapCut para v\u00eddeos de redes sociales\">CapCut para v\u00eddeos de redes sociales<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Que_debe_tener_un_showreel_para_buscar_trabajo\" title=\"Qu\u00e9 debe tener un showreel para buscar trabajo\">Qu\u00e9 debe tener un showreel para buscar trabajo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Que_perfiles_profesionales_trabajan_en_motion_graphics\" title=\"Qu\u00e9 perfiles profesionales trabajan en motion graphics\">Qu\u00e9 perfiles profesionales trabajan en motion graphics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#%C2%BFComo_empezar_a_formarte_en_motion_graphics\" title=\"\u00bfC\u00f3mo empezar a formarte en motion graphics?\">\u00bfC\u00f3mo empezar a formarte en motion graphics?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\/#Preguntas_frecuentes_sobre_el_motion_graphics\" title=\"Preguntas frecuentes sobre el motion graphics\">Preguntas frecuentes sobre el motion graphics<\/a><\/li><\/ul><\/nav><\/div>\n<h2 id=\"qu\u00e9-es-el-motion-graphics\"><span class=\"ez-toc-section\" id=\"Que_es_el_motion_graphics\"><\/span>Qu\u00e9 es el motion graphics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>El <em><strong>motion graphics<\/strong><\/em> consiste en dar movimiento a textos, formas e im\u00e1genes para explicar una idea. Por ejemplo, en un v\u00eddeo sobre resultados de ventas, las barras de un gr\u00e1fico pueden aparecer a medida que se comenta cada cifra. De esta forma, el espectador sabe d\u00f3nde mirar y puede seguir la explicaci\u00f3n sin recibir todos los datos de golpe.<\/p>\n<p>Para crear ese movimiento se cambian, entre otras cosas, la <strong>posici\u00f3n<\/strong>, el <strong>tama\u00f1o<\/strong> o el <strong>color<\/strong> <strong>de los elementos<\/strong> a lo largo del v\u00eddeo. Tambi\u00e9n se puede trabajar en 3D. El movimiento funciona mejor cuando ayuda a entender una idea, destaca un dato importante o hace reconocible una marca.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4898 size-full aligncenter\" src=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/infografia-7-caracteristicas-motion-graphics.jpg\" alt=\"Infograf\u00edas sobre las caracteristicas principales del motion graphics \" width=\"666\" height=\"666\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/infografia-7-caracteristicas-motion-graphics.jpg 666w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/infografia-7-caracteristicas-motion-graphics-300x300.jpg 300w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/infografia-7-caracteristicas-motion-graphics-80x80.jpg 80w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/infografia-7-caracteristicas-motion-graphics-320x320.jpg 320w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/><\/p>\n<h2 id=\"motion-graphics-vs-animaci\u00f3n-tradicional-d\u00f3nde-est\u00e1-la-frontera\"><span class=\"ez-toc-section\" id=\"Motion_graphics_vs_animacion_tradicional_donde_esta_la_frontera\"><\/span>Motion graphics vs animaci\u00f3n tradicional: d\u00f3nde est\u00e1 la frontera<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Aunque ambas disciplinas comparten principios fundamentales de movimiento y composici\u00f3n, la principal diferencia entre el <strong>motion graphics\u00a0<\/strong>y la\u00a0<strong>animaci\u00f3n tradicional<\/strong> radica en <strong>qu\u00e9 se anima y el prop\u00f3sito del contenido.<\/strong><\/p>\n<p><strong>1. El objeto de la animaci\u00f3n: \u00bfqu\u00e9 se mueve en la pantalla?<\/strong><\/p>\n<p>La diferencia m\u00e1s directa entre ambas ramas est\u00e1 en la naturaleza de los elementos que se animan:<\/p>\n<ul>\n<li><strong>Motion graphics<\/strong>: trabaja con <strong>vectores, formas geom\u00e9tricas, textos, tipograf\u00edas kin\u00e9ticas, iconos y logotipos.<\/strong> El movimiento se aplica a estos elementos gr\u00e1ficos para construir composiciones din\u00e1micas.<\/li>\n<li><strong>Animaci\u00f3n tradicional<\/strong>: su coraz\u00f3n son los <strong>personajes y entornos<\/strong>. Se centra en dar vida a figuras humanas, animales o criaturas fant\u00e1sticas mediante expresiones, anatom\u00eda y movimiento org\u00e1nico.<\/li>\n<\/ul>\n<p><strong>2. El objetivo comunicativo: informar Vs. emocionar<\/strong><\/p>\n<ul>\n<li><strong>Motion Graphics (S\u00edntesis e Informaci\u00f3n):<\/strong> su punto fuerte es explicar conceptos abstractos, presentar datos estad\u00edsticos o hacer accesible informaci\u00f3n compleja. Es una herramienta predominantemente did\u00e1ctica, comercial y de branding.<\/li>\n<li><strong>Animaci\u00f3n Tradicional (Narrativa y Emoci\u00f3n):<\/strong> se construye sobre el <em>storytelling<\/em>. Su meta es sumergir al espectador en una historia, generar empat\u00eda con un personaje y desarrollar un arco narrativo o emocional.<\/li>\n<\/ul>\n<p><strong>3. La t\u00e9cnica y el proceso creativo<\/strong><\/p>\n<p>Aunque hoy en d\u00eda ambas disciplinas se benefician del software digital, sus metodolog\u00edas de trabajo difieren considerablemente:<\/p>\n<ul>\n<li>En <strong>motion graphics<\/strong>, la animaci\u00f3n se basa en la manipulaci\u00f3n de capas, gr\u00e1ficos vectoriales y transiciones asistidas por ordenador mediante <em>keyframes<\/em> (fotogramas clave) e interpolaci\u00f3n de movimiento.<\/li>\n<li>En <strong>animaci\u00f3n tradicional<\/strong> (o de personajes), el trabajo exige una labor art\u00edstica fotograma a fotograma (<em>frame by frame<\/em>) o la creaci\u00f3n de esqueletos digitales (<em>rigging<\/em>) para simular la actuaci\u00f3n y gesticulaci\u00f3n de un personaje.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Resumen_%C2%BFcual_elegir_para_tu_proyecto\"><\/span>Resumen: \u00bfcu\u00e1l elegir para tu proyecto?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div style=\"margin: 24px 0\">\n<table style=\"width: 100%;min-width: 680px;border-collapse: collapse;font-family: Lato, Arial, sans-serif;font-size: 15px;line-height: 1.6\">\n<thead>\n<tr style=\"background: #192b5d;color: #ffffff\">\n<th style=\"padding: 14px;text-align: left\" scope=\"col\">Aspecto<\/th>\n<th style=\"padding: 14px;text-align: left\" scope=\"col\">Motion graphics<\/th>\n<th style=\"padding: 14px;text-align: left\" scope=\"col\">Animaci\u00f3n tradicional<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background: #ffffff\">\n<th style=\"padding: 14px;text-align: left;vertical-align: top;color: #192b5d;border-bottom: 1px solid #dce8eb\" scope=\"row\">Elemento central<\/th>\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\">Dise\u00f1o gr\u00e1fico, vectores, textos, formas geom\u00e9tricas y logotipos.<\/td>\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\">Personajes, criaturas e historias narrativas (<em>storytelling<\/em>).<\/td>\n<\/tr>\n<tr style=\"background: #E8F2F5\">\n<th style=\"padding: 14px;text-align: left;vertical-align: top;color: #192b5d;border-bottom: 1px solid #dce8eb\" scope=\"row\">Objetivo<\/th>\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\">Explicar conceptos abstractos, sintetizar informaci\u00f3n, promocionar o guiar visualmente.<\/td>\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\">Contar una historia emocional con un desarrollo de personajes y trama.<\/td>\n<\/tr>\n<tr style=\"background: #ffffff\">\n<th style=\"padding: 14px;text-align: left;vertical-align: top;color: #192b5d;border-bottom: 1px solid #dce8eb\" scope=\"row\">T\u00e9cnica base<\/th>\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\">Keyframing digital, gr\u00e1ficos vectoriales, simulaci\u00f3n por ordenador y software compositivo.<\/td>\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\">Dibujo fotograma a fotograma (<em>cel animation<\/em>), stop-motion o modelado 3D de personajes.<\/td>\n<\/tr>\n<tr style=\"background: #E8F2F5\">\n<th style=\"padding: 14px;text-align: left;vertical-align: top;color: #192b5d\" scope=\"row\">Formato y duraci\u00f3n<\/th>\n<td style=\"padding: 14px;vertical-align: top\">Piezas cortas: anuncios, cabeceras de TV, infograf\u00edas animadas, contenido para redes sociales.<\/td>\n<td style=\"padding: 14px;vertical-align: top\">Cortometrajes, largometrajes, series de televisi\u00f3n y cinem\u00e1ticas de videojuegos.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 id=\"para-qu\u00e9-se-usa\"><span class=\"ez-toc-section\" id=\"%C2%BFPara_que_se_usa\"><\/span>\u00bfPara qu\u00e9 se usa?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div style=\"flex-wrap: wrap;gap: 12px;margin: 22px 0;font-family: Lato,Arial,sans-serif\" role=\"group\" aria-label=\"Aplicaciones del motion graphics\">\n<div style=\"flex: 1 1 190px;background: #192b5d;color: #fff;border-radius: 12px;padding: 18px\">\n<p><strong style=\"font-size: 20px\">01 \u00b7 Marca<\/strong><\/p>\n<p style=\"margin: 8px 0 0\">Identidades que se reconocen tambi\u00e9n por c\u00f3mo se mueven.<\/p>\n<\/div>\n<div style=\"flex: 1 1 190px;background: #E8F2F5;color: #192b5d;border-radius: 12px;padding: 18px\">\n<p><strong style=\"font-size: 20px\">02 \u00b7 Contenido<\/strong><\/p>\n<p style=\"margin: 8px 0 0\">Mensajes breves que se leen en pantalla peque\u00f1a.<\/p>\n<\/div>\n<div style=\"flex: 1 1 190px;background: #E8F2F5;color: #192b5d;border-radius: 12px;padding: 18px\">\n<p><strong style=\"font-size: 20px\">03 \u00b7 Audiovisual<\/strong><\/p>\n<p style=\"margin: 8px 0 0\">T\u00edtulos y cabeceras que marcan el tono.<\/p>\n<\/div>\n<div style=\"flex: 1 1 190px;background: #E8F2F5;color: #192b5d;border-radius: 12px;padding: 18px\">\n<p><strong style=\"font-size: 20px\">04 \u00b7 Producto<\/strong><\/p>\n<p style=\"margin: 8px 0 0\">Cambios de estado que orientan al usuario.<\/p>\n<\/div>\n<\/div>\n<h3 id=\"publicidad-y-branding\"><span class=\"ez-toc-section\" id=\"Publicidad_y_branding\"><\/span>Publicidad y branding<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>En publicidad, el <strong>motion graphics<\/strong> permite<strong> presentar un producto sin mostrar toda la informaci\u00f3n de golpe<\/strong>. Primero puede aparecer lo que ofrece, despu\u00e9s el precio y, al final, la llamada a la acci\u00f3n. As\u00ed, cada mensaje tiene su momento y resulta m\u00e1s f\u00e1cil de seguir.<\/p>\n<p>Tambi\u00e9n se usa para dar movimiento a la identidad visual de una empresa. El logotipo, los colores y la tipograf\u00eda pueden aparecer y transformarse siguiendo unas reglas comunes. Para hacerlo bien, hay que entrender la diferencia entre <a href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/cual-es-diferencia-entre-marca-y-logotipo\">marca y logotipo<\/a>. El logotipo es solo una parte de lo que la marca comunica.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4899 \" src=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/ejemplo-motion-graphics-publicidad-producto-precio-cta.png\" alt=\"Ejemplo de anuncio con motion graphics que muestra un producto, su precio y una llamada a la acci\u00f3n en orden.\" width=\"768\" height=\"432\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/ejemplo-motion-graphics-publicidad-producto-precio-cta.png 1672w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/ejemplo-motion-graphics-publicidad-producto-precio-cta-300x169.png 300w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/ejemplo-motion-graphics-publicidad-producto-precio-cta-1020x574.png 1020w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/ejemplo-motion-graphics-publicidad-producto-precio-cta-768x432.png 768w, https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/ejemplo-motion-graphics-publicidad-producto-precio-cta-1536x864.png 1536w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Redes_sociales_y_contenido_digital\"><\/span>Redes sociales y contenido digital<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>En redes sociales, los <strong>motion graphics<\/strong> ayudan a contar una idea en pocos segundos. Puedes mostrar un mensaje en cada pantalla, a\u00f1adir subt\u00edtulos f\u00e1ciles de leer y adaptar el v\u00eddeo a distintos formatos. Antes de animar, conviene pensar cu\u00e1nto tiempo necesita alguien para leerlo y comprobar que se entiende incluso sin sonido. Si cada palabra entra con un efecto distinto, seguir el mensaje se vuelve m\u00e1s dif\u00edcil.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Cine_television_y_cabeceras\"><\/span>Cine, televisi\u00f3n y cabeceras<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Los t\u00edtulos de cr\u00e9dito y las cabeceras pueden meterte en el ambiente de una historia antes de que empiece. En la secuencia inicial de la pel\u00edcula \u00abAtr\u00e1pame si puedes\u00bb, las siluetas, las l\u00edneas y los cambios de escenario siguen la persecuci\u00f3n entre los protagonistas. El movimiento presenta esa relaci\u00f3n sin necesidad de explicarla con di\u00e1logo.<\/p>\n<p style=\"text-align: center\">\n<p style=\"font-size: 14px;line-height: 1.6;color: #555555;margin: 10px 0px 0px;text-align: center\">F\u00edjate en c\u00f3mo las formas cambian al ritmo de la m\u00fasica y mantienen la persecuci\u00f3n como hilo de toda la secuencia.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Interfaces_y_UXUI\"><\/span>Interfaces y UX\/UI<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>En una web o una aplicaci\u00f3n, una peque\u00f1a animaci\u00f3n puede confirmar que has pulsado un bot\u00f3n o indicar que un archivo se est\u00e1 cargando. En ese caso, el movimiento ayuda a saber qu\u00e9 est\u00e1 pasando. Tambi\u00e9n debe respetar a quienes prefieren reducir las animaciones: si una transici\u00f3n solo hace que tengas que esperar, conviene acortarla o quitarla.<\/p>\n<h2 id=\"el-proceso-de-creaci\u00f3n-del-guion-al-render-final\"><span class=\"ez-toc-section\" id=\"El_proceso_de_creacion_del_guion_al_render_final\"><\/span>El proceso de creaci\u00f3n: del guion al render final<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Imagina un v\u00eddeo breve que explica una aplicaci\u00f3n financiera. La tentaci\u00f3n es abrir el programa de animaci\u00f3n y empezar con el logotipo. Antes hay que concretar qu\u00e9 debe entender la persona: quiz\u00e1 c\u00f3mo consultar sus gastos en tres pasos. Ese objetivo determina el texto, las pantallas y el ritmo.<\/p>\n<div style=\"background: #f7fbfd;padding: 24px 18px;margin: 28px 0;font-family: Lato, Arial, sans-serif;color: #192b5d\">\n<p style=\"margin: 0 0 20px;font-size: 16px;line-height: 1.6\">Cada fase resuelve una pregunta antes de pasar a la siguiente.<\/p>\n<div style=\"border-left: 3px solid #54c9d6;padding-left: 12px\">\n<div style=\"margin-bottom: 24px\">\n<p style=\"margin: 0 0 8px;font-size: 16px;line-height: 1.5\"><span style=\"width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;background: #192b5d;color: #ffffff;text-align: center;line-height: 25px;font-weight: bold\">1<\/span><strong>Guion y briefing<\/strong><\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\">\u00bfQu\u00e9 queremos contar y a qui\u00e9n? Se define el objetivo, el p\u00fablico y el mensaje principal. Despu\u00e9s se prepara un guion con lo que se escuchar\u00e1 (locuci\u00f3n, m\u00fasica y efectos) y lo que aparecer\u00e1 en pantalla.<\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\"><em>Entregable: guion de audio y visuales.<\/em><\/p>\n<\/div>\n<div style=\"margin-bottom: 24px\">\n<p style=\"margin: 0 0 8px;font-size: 16px;line-height: 1.5\"><span style=\"width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;background: #192b5d;color: #ffffff;text-align: center;line-height: 25px;font-weight: bold\">2<\/span><strong>Direcci\u00f3n visual y <em>styleframes<\/em><\/strong><\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\">\u00bfQu\u00e9 aspecto tendr\u00e1 la pieza? Un <em>moodboard<\/em> re\u00fane referencias de color, tipograf\u00eda, ilustraci\u00f3n y movimiento. A partir de \u00e9l se dise\u00f1an algunas escenas est\u00e1ticas con el acabado previsto para validar la direcci\u00f3n visual.<\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\"><em>Entregable: moodboard y styleframes.<\/em><\/p>\n<\/div>\n<div style=\"margin-bottom: 24px\">\n<p style=\"margin: 0 0 8px;font-size: 16px;line-height: 1.5\"><span style=\"width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;background: #192b5d;color: #ffffff;text-align: center;line-height: 25px;font-weight: bold\">3<\/span><strong>Storyboard y anim\u00e1tica<\/strong><\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\">\u00bfQu\u00e9 sucede en cada escena y cu\u00e1nto dura? El <a href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/storyboard\"><em>storyboard<\/em> <\/a>ordena la secuencia en vi\u00f1etas. Luego se montan esas im\u00e1genes con una locuci\u00f3n provisional o m\u00fasica para comprobar el ritmo antes de animar.<\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\"><em>Entregable: storyboard y montaje provisional.<\/em><\/p>\n<\/div>\n<div style=\"margin-bottom: 24px\">\n<p style=\"margin: 0 0 8px;font-size: 16px;line-height: 1.5\"><span style=\"width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;background: #192b5d;color: #ffffff;text-align: center;line-height: 25px;font-weight: bold\">4<\/span><strong>Dise\u00f1o y preparaci\u00f3n de elementos<\/strong><\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\">\u00bfEst\u00e1n los gr\u00e1ficos listos para moverse? Se dise\u00f1an los fondos, textos, iconos y dem\u00e1s elementos finales. Adem\u00e1s, se separan y nombran las capas que deber\u00e1n animarse de forma independiente.<\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\"><em>Entregable: archivos de dise\u00f1o organizados.<\/em><\/p>\n<\/div>\n<div style=\"margin-bottom: 24px\">\n<p style=\"margin: 0 0 8px;font-size: 16px;line-height: 1.5\"><span style=\"width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;background: #192b5d;color: #ffffff;text-align: center;line-height: 25px;font-weight: bold\">5<\/span><strong>Locuci\u00f3n y audio de referencia<\/strong><\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\">\u00bfA qu\u00e9 ritmo debe avanzar la imagen? Si la pieza lleva voz, se incorpora la locuci\u00f3n definitiva para ajustar la duraci\u00f3n de las escenas y las transiciones a lo que se dice.<\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\"><em>Entregable: pista de voz preparada para animar.<\/em><\/p>\n<\/div>\n<div style=\"margin-bottom: 24px\">\n<p style=\"margin: 0 0 8px;font-size: 16px;line-height: 1.5\"><span style=\"width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;background: #192b5d;color: #ffffff;text-align: center;line-height: 25px;font-weight: bold\">6<\/span><strong>Animaci\u00f3n y composici\u00f3n<\/strong><\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\">\u00bfC\u00f3mo se mueven y conectan los elementos? Se animan las capas mediante fotogramas clave, curvas de velocidad y transiciones. Tambi\u00e9n se a\u00f1aden, cuando aportan algo a la pieza, m\u00e1scaras, movimientos de c\u00e1mara o efectos visuales.<\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\"><em>Entregable: primera versi\u00f3n animada.<\/em><\/p>\n<\/div>\n<div style=\"margin-bottom: 24px\">\n<p style=\"margin: 0 0 8px;font-size: 16px;line-height: 1.5\"><span style=\"width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;background: #192b5d;color: #ffffff;text-align: center;line-height: 25px;font-weight: bold\">7<\/span><strong>Dise\u00f1o de sonido y revisi\u00f3n<\/strong><\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\">\u00bfSe entiende bien lo que vemos y escuchamos? Se a\u00f1aden efectos de sonido para acompa\u00f1ar movimientos y transiciones. Despu\u00e9s se equilibran voz, m\u00fasica y efectos, y se revisa la pieza completa.<\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\"><em>Entregable: versi\u00f3n final aprobada.<\/em><\/p>\n<\/div>\n<div>\n<p style=\"margin: 0 0 8px;font-size: 16px;line-height: 1.5\"><span style=\"width: 25px;height: 25px;margin-right: 10px;border-radius: 50%;background: #fabb00;color: #192b5d;text-align: center;line-height: 25px;font-weight: bold\">8<\/span><strong>Renderizado y entrega<\/strong><\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\">\u00bfFunciona en el canal donde se publicar\u00e1? El software procesa los fotogramas y se exporta el v\u00eddeo con las dimensiones y el formato adecuados para su destino, ya sea una web, una red social o una pantalla.<\/p>\n<p style=\"margin: 0 0 0 37px;line-height: 1.7\"><em>Entregable: archivo final y, si se ha acordado, proyecto editable.<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_programa_necesito_para_hacer_motion_graphics\"><\/span>\u00bfQu\u00e9 programa necesito para hacer motion graphics?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Depende de lo que quieras crear. <strong>Para animar textos y gr\u00e1ficos en un v\u00eddeo, puedes usar After Effects. Si quieres trabajar en 3D, tienes Cinema 4D o Blender. Y si necesitas preparar v\u00eddeos sencillos para redes sociales, CapCut puede ser suficiente.<\/strong><\/p>\n<div style=\"margin: 24px 0\">\n<table style=\"width: 100%;border-collapse: collapse;font-family: Lato, Arial, sans-serif;font-size: 15px;line-height: 1.6\">\n<thead>\n<tr style=\"background: #192b5d;color: #ffffff\">\n<th style=\"padding: 14px;text-align: left\" scope=\"col\">Si quieres hacer\u2026<\/th>\n<th style=\"padding: 14px;text-align: left\" scope=\"col\">Puedes usar\u2026<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background: #ffffff\">\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\">Un t\u00edtulo animado o un gr\u00e1fico que aparece mientras habla el narrador.<\/td>\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\"><strong>After Effects<\/strong><\/td>\n<\/tr>\n<tr style=\"background: #E8F2F5\">\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\">Un producto que gira o una escena con profundidad.<\/td>\n<td style=\"padding: 14px;vertical-align: top;border-bottom: 1px solid #dce8eb\"><strong>Cinema 4D o Blender<\/strong><\/td>\n<\/tr>\n<tr style=\"background: #ffffff\">\n<td style=\"padding: 14px;vertical-align: top\">Un reel con subt\u00edtulos y textos en movimiento.<\/td>\n<td style=\"padding: 14px;vertical-align: top\"><strong>CapCut<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"After_Effects_para_animar_textos_y_graficos\"><\/span>After Effects para animar textos y gr\u00e1ficos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After Effects te permite decidir <strong>qu\u00e9 aparece en pantalla, c\u00f3mo se mueve y cu\u00e1nto tiempo permanece visible<\/strong>. Por ejemplo, puedes hacer que una cifra entre justo cuando la menciona la locuci\u00f3n o que un t\u00edtulo acompa\u00f1e el cambio de una escena a otra.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Cinema_4D_y_Blender_para_crear_elementos_en_3D\"><\/span>Cinema 4D y Blender para crear elementos en 3D<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Si necesitas mostrar volumen y profundidad, puedes trabajar con Cinema 4D o Blender. Piensa en un anuncio donde una botella gira y despu\u00e9s se separa en piezas para ense\u00f1ar c\u00f3mo est\u00e1 hecha. Este tipo de animaci\u00f3n requiere construir el objeto y decidir c\u00f3mo se ver\u00e1 desde cada \u00e1ngulo.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"CapCut_para_videos_de_redes_sociales\"><\/span>CapCut para v\u00eddeos de redes sociales<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>CapCut resulta pr\u00e1ctico para editar v\u00eddeos cortos y a\u00f1adir subt\u00edtulos, textos animados o movimientos sencillos. Si est\u00e1s preparando un reel y no necesitas dise\u00f1ar cada animaci\u00f3n desde cero, puede ser suficiente.<\/p>\n<div style=\"background: #E8F2F5;border-left: 5px solid #54c9d6;padding: 18px 20px;margin: 26px 0\">\n<p style=\"margin: 0;line-height: 1.7\"><strong>\u00bfY Figma o Lottie?<\/strong> Figma ayuda a mostrar c\u00f3mo cambiar\u00eda una pantalla de una web o aplicaci\u00f3n. Lottie, por su parte, permite incorporar determinadas animaciones a esos productos digitales. Su funci\u00f3n es distinta a la de editar un v\u00eddeo o crear una escena en 3D.<\/p>\n<\/div>\n<h2 id=\"qu\u00e9-debe-tener-un-showreel-para-buscar-trabajo\"><span class=\"ez-toc-section\" id=\"Que_debe_tener_un_showreel_para_buscar_trabajo\"><\/span>Qu\u00e9 debe tener un showreel para buscar trabajo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un <strong>showreel<\/strong> re\u00fane tus mejores trabajas de motion graphics en un v\u00eddeo breve. Quien lo ve quiere hacerse una idea de los que sabes hacer y de c\u00f3mo resuelves cada pieza. Si a\u00fan no has trabajado para clientes, puedes incluir proyectos propios basados en un encargo inventado.<\/p>\n<div style=\"background: #E8F2F5;border-radius: 14px;padding: 22px 24px;margin: 24px 0;font-family: Lato,Arial,sans-serif;color: #192b5d\" role=\"group\" aria-label=\"Lista de comprobaci\u00f3n para un showreel\">\n<p style=\"font-size: 20px;font-weight: bold;margin: 0 0 14px\">Antes de enviar tu showreel<\/p>\n<ul style=\"padding: 0;margin: 0\">\n<li style=\"padding: 10px 0;border-top: 1px solid #d2e1e6\">Abre con el trabajo que mejor represente el puesto al que aspiras.<\/li>\n<li style=\"padding: 10px 0;border-top: 1px solid #d2e1e6\">Selecciona pocos fragmentos que muestren criterio en composici\u00f3n, ritmo y tipograf\u00eda.<\/li>\n<li style=\"padding: 10px 0;border-top: 1px solid #d2e1e6\">Incluye variedad \u00fatil para tu objetivo: identidad, datos, v\u00eddeo o interfaz; evita sumar estilos sin hilo.<\/li>\n<li style=\"padding: 10px 0;border-top: 1px solid #d2e1e6\">Indica tu aportaci\u00f3n exacta en proyectos de equipo: concepto, dise\u00f1o, animaci\u00f3n, 3D o sonido.<\/li>\n<li style=\"padding: 10px 0;border-top: 1px solid #d2e1e6\">Enlaza al menos un caso completo con brief, storyboard, anim\u00e1tica y resultado final.<\/li>\n<li style=\"padding: 10px 0;border-top: 1px solid #d2e1e6\">Comprueba que textos y contactos se leen en m\u00f3vil y que tienes permiso para mostrar cada trabajo.<\/li>\n<\/ul>\n<\/div>\n<p>La anim\u00e1tica y las versiones previas ayudan a explicar tu proceso durante una entrevista. Eso puede diferenciarte de un montaje espectacular en el que no queda claro qu\u00e9 resolviste.<\/p>\n<h2 id=\"qu\u00e9-perfiles-profesionales-trabajan-en-motion-graphics\"><span class=\"ez-toc-section\" id=\"Que_perfiles_profesionales_trabajan_en_motion_graphics\"><\/span>Qu\u00e9 perfiles profesionales trabajan en motion graphics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un <strong>motion graphics designer<\/strong> o dise\u00f1ador de motion planifica y anima sistemas gr\u00e1ficos. Puede proceder del dise\u00f1o gr\u00e1fico, la ilustraci\u00f3n, el v\u00eddeo o la animaci\u00f3n. No todos los proyectos exigen hacerlo todo: en una campa\u00f1a intervienen tambi\u00e9n direcci\u00f3n de arte, guion, dise\u00f1o de sonido, edici\u00f3n y especialistas en 3D.<\/p>\n<p>Entre las posibles funciones est\u00e1n animador de identidad visual, dise\u00f1ador de t\u00edtulos, creador de piezas para redes, especialista en gr\u00e1ficos para datos y dise\u00f1ador de movimiento para producto digital. El <strong>dise\u00f1ador gr\u00e1fico<\/strong> que incorpora movimiento ampl\u00eda el tipo de entregables que puede asumir; para los <strong>profesionales del dise\u00f1o<\/strong>, saber justificar por qu\u00e9 se mueve un elemento resulta tan valioso como saber ejecutarlo.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFComo_empezar_a_formarte_en_motion_graphics\"><\/span>\u00bfC\u00f3mo empezar a formarte en motion graphics?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si ya dise\u00f1as, prueba a animar una pieza que conozcas bien, como un t\u00edtulo o una composici\u00f3n para redes. Si vienes del v\u00eddeo, dedica tiempo a la composici\u00f3n, la tipograf\u00eda y la identidad visual. En ambos casos, empieza con un encargo peque\u00f1o que puedas terminar: plantea el mensaje, prepara un storyboard, anima y exporta la pieza.<\/p>\n<p>Hacer todo el recorrido te ayudar\u00e1 a detectar qu\u00e9 necesitas aprender despu\u00e9s. Tambi\u00e9n te dar\u00e1 un proyecto completo que podr\u00e1s explicar en tu portfolio.<\/p>\n<div style=\"background: #E8F2F5;border-left: 5px solid #54c9d6;border-radius: 0 12px 12px 0;padding: 22px 24px;margin: 28px 0;font-family: Lato, Arial, sans-serif;color: #192b5d\">\n<p style=\"font-size: 19px;font-weight: 800;margin: 0 0 10px\">\u00bfQuieres aplicar el movimiento a campa\u00f1as e identidades de marca?<\/p>\n<p style=\"line-height: 1.7;margin: 0 0 16px\">El <em><strong>M\u00e1ster en Direcci\u00f3n de Arte y Dise\u00f1o Publicitario<\/strong><\/em> de INESEM aborda la direcci\u00f3n de arte para medios audiovisuales y el uso de herramientas como After Effects. Puedes revisar su temario para valorar si encaja con el tipo de proyectos que quieres desarrollar.<\/p>\n<p style=\"margin: 0px;text-align: center\"><a style=\"padding: 11px 18px;background: #192b5d;color: #ffffff;text-decoration: none;font-weight: bold;border-radius: 5px\" href=\"https:\/\/www.inesem.es\/Master-En-Direccion-De-Arte-Y-Diseno-Publicitario?utm_source=direct&amp;utm_medium=referral&amp;utm_campaign=blog_planificacion&amp;utm_content=motion_graphics_boton\">Ver el programa<\/a><\/p>\n<\/div>\n<h2 id=\"preguntas-frecuentes-sobre-el-motion-graphics\" style=\"font-size: 26px;color: #192b5d;margin-top: 48px;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 3px solid #54c9d6;font-weight: 800\"><span class=\"ez-toc-section\" id=\"Preguntas_frecuentes_sobre_el_motion_graphics\"><\/span>Preguntas frecuentes sobre el motion graphics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<details style=\"border: 1px solid #e0e0e0;border-radius: 6px;margin-bottom: 8px;overflow: hidden\" open=\"open\">\n<summary style=\"padding: 16px 20px;font-weight: bold;font-size: 16px;color: #192b5d;background: #f6f6f6;cursor: pointer\">\u00bfQu\u00e9 diferencia hay entre motion graphics y animaci\u00f3n 2D o 3D?<\/summary>\n<p style=\"padding: 8px 20px 18px;margin: 0;font-size: 15px;line-height: 1.7;color: #555555\">El motion graphics describe un enfoque de comunicaci\u00f3n basado en elementos gr\u00e1ficos en movimiento. <strong>2D y 3D<\/strong> describen c\u00f3mo se construye el espacio visual. Puedes hacer motion en ambos y combinarlo con animaci\u00f3n de personajes.<\/p>\n<\/details>\n<details style=\"border: 1px solid #e0e0e0;border-radius: 6px;margin-bottom: 8px;overflow: hidden\" open=\"open\">\n<summary style=\"padding: 16px 20px;font-weight: bold;font-size: 16px;color: #192b5d;background: #f6f6f6;cursor: pointer\">\u00bfNecesito After Effects para empezar?<\/summary>\n<p style=\"padding: 8px 20px 18px;margin: 0;font-size: 15px;line-height: 1.7;color: #555555\">No.\u00a0Puedes aprender timing, composici\u00f3n y storyboard con herramientas distintas. After Effects es una opci\u00f3n s\u00f3lida para piezas de v\u00eddeo; Blender puede encajar mejor si quieres trabajar escenas 3D. Escoge seg\u00fan lo que quieras producir.<\/p>\n<\/details>\n<details style=\"border: 1px solid #e0e0e0;border-radius: 6px;margin-bottom: 8px;overflow: hidden\" open=\"open\">\n<summary style=\"padding: 16px 20px;font-weight: bold;font-size: 16px;color: #192b5d;background: #f6f6f6;cursor: pointer\">\u00bfQu\u00e9 salidas profesionales tiene?<\/summary>\n<p style=\"padding: 8px 20px 18px;margin: 0;font-size: 15px;line-height: 1.7;color: #555555\">Puedes trabajar en agencias, estudios audiovisuales, equipos de marca, producci\u00f3n de contenido y dise\u00f1o de producto, con funciones diferentes seg\u00fan tu portafolio. Tener un showreel y explicar el proceso de cada proyecto ayuda a demostrar el alcance de tu trabajo.<\/p>\n<\/details>\n<details style=\"border: 1px solid #e0e0e0;border-radius: 6px;margin-bottom: 8px;overflow: hidden\" open=\"open\">\n<summary style=\"padding: 16px 20px;font-weight: bold;font-size: 16px;color: #192b5d;background: #f6f6f6;cursor: pointer\">\u00bfSe puede hacer motion graphics sin saber dibujar?<\/summary>\n<p style=\"padding: 8px 20px 18px;margin: 0;font-size: 15px;line-height: 1.7;color: #555555\">S\u00ed. Muchas piezas parten de tipograf\u00eda, formas, fotograf\u00edas o sistemas visuales existentes. Necesitas criterio de composici\u00f3n y capacidad para organizar informaci\u00f3n; dibujar es especialmente \u00fatil en proyectos de ilustraci\u00f3n y personajes.<\/p>\n<\/details>\n<details style=\"border: 1px solid #e0e0e0;border-radius: 6px;margin-bottom: 8px;overflow: hidden\" open=\"open\">\n<summary style=\"padding: 16px 20px;font-weight: bold;font-size: 16px;color: #192b5d;background: #f6f6f6;cursor: pointer\">\u00bfCu\u00e1nto tarda en hacerse una pieza?<\/summary>\n<p style=\"padding: 8px 20px 18px;margin: 0;font-size: 15px;line-height: 1.7;color: #555555\">Depende del guion, duraci\u00f3n, n\u00famero de escenas, detalle visual, revisiones y formatos de entrega. Un t\u00edtulo animado y un v\u00eddeo explicativo con versiones para redes tienen alcances distintos. El storyboard y la anim\u00e1tica permiten estimar el trabajo antes de animar.<\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Un logotipo que se ensambla solo, una infograf\u00eda que respira, un titular que aparece justo cuando lo necesitas leer: eso es motion graphics. Repasamos sus principios, el software con el que se trabaja y el recorrido profesional para dedicarse a ello.<\/p>\n","protected":false},"author":92027,"featured_media":4900,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"class_list":["post-4897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-grafico"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Motion graphics: dar vida a un mensaje sin rodar nada<\/title>\n<meta name=\"description\" content=\"Un logotipo que se ensambla solo, una infograf\u00eda que respira, un titular que aparece justo cuando lo necesitas leer: eso es motion graphics. Repasamos sus principios, el software con el que se trabaja y el recorrido profesional para dedicarse a ello.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motion graphics: dar vida a un mensaje sin rodar nada\" \/>\n<meta property=\"og:description\" content=\"Un logotipo que se ensambla solo, una infograf\u00eda que respira, un titular que aparece justo cuando lo necesitas leer: eso es motion graphics. Repasamos sus principios, el software con el que se trabaja y el recorrido profesional para dedicarse a ello.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\" \/>\n<meta property=\"og:site_name\" content=\"Canal Dise\u00f1o y Arquitectura\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-25T10:55:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1301\" \/>\n\t<meta property=\"og:image:height\" content=\"703\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"eloisa.gonzalez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inesem\" \/>\n<meta name=\"twitter:site\" content=\"@inesem\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"eloisa.gonzalez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\"},\"author\":{\"name\":\"eloisa.gonzalez\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/c2c9a36b0cb7c5a31abdeec97c02a799\"},\"headline\":\"Motion graphics: dar movimiento a un mensaje sin necesidad de rodar un solo fotograma\",\"datePublished\":\"2026-09-25T10:55:25+00:00\",\"dateModified\":\"2026-09-25T10:55:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\"},\"wordCount\":2603,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png\",\"articleSection\":[\"Dise\u00f1o Gr\u00e1fico\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\",\"name\":\"Motion graphics: dar vida a un mensaje sin rodar nada\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png\",\"datePublished\":\"2026-09-25T10:55:25+00:00\",\"dateModified\":\"2026-09-25T10:55:25+00:00\",\"description\":\"Un logotipo que se ensambla solo, una infograf\u00eda que respira, un titular que aparece justo cuando lo necesitas leer: eso es motion graphics. Repasamos sus principios, el software con el que se trabaja y el recorrido profesional para dedicarse a ello.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#primaryimage\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png\",\"width\":1301,\"height\":703,\"caption\":\"\u00bfQu\u00e9 es motion graphics??\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o Gr\u00e1fico\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/categorias\/diseno-grafico\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Motion graphics: dar movimiento a un mensaje sin necesidad de rodar un solo fotograma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\",\"name\":\"Canal Dise\u00f1o y Arquitectura\",\"description\":\"En los art\u00edculos de Dise\u00f1o y Arquitectura de Revista Digital INESEM encontrar\u00e1s informaci\u00f3n actualizada e innovadora sobre tu sector. Nuestros art\u00edculos est\u00e1n elaborados y contrastados por profesionales de diferentes especialidades del sector. Si est\u00e1s buscando informaci\u00f3n sobre Arquitectura y Edificaci\u00f3n, Decoraci\u00f3n e Interiorismo, Dise\u00f1o Gr\u00e1fico, Dise\u00f1o Web o Edici\u00f3n y Posproducci\u00f3n Digital, est\u00e1s en el sitio indicado.\",\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization\",\"name\":\"Canal Dise\u00f1o y Arquitectura\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Canal Dise\u00f1o y Arquitectura\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\",\"https:\/\/x.com\/inesem\",\"http:\/\/www.linkedin.com\/company\/2370697\",\"https:\/\/www.youtube.com\/user\/inesembusinesschool\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/c2c9a36b0cb7c5a31abdeec97c02a799\",\"name\":\"eloisa.gonzalez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f4efa1ed05855ba7f099a524e1833d11?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f4efa1ed05855ba7f099a524e1833d11?s=96&d=mm&r=g\",\"caption\":\"eloisa.gonzalez\"},\"url\":\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/autores\/eloisa-gonzalez\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motion graphics: dar vida a un mensaje sin rodar nada","description":"Un logotipo que se ensambla solo, una infograf\u00eda que respira, un titular que aparece justo cuando lo necesitas leer: eso es motion graphics. Repasamos sus principios, el software con el que se trabaja y el recorrido profesional para dedicarse a ello.","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:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics","og_locale":"es_ES","og_type":"article","og_title":"Motion graphics: dar vida a un mensaje sin rodar nada","og_description":"Un logotipo que se ensambla solo, una infograf\u00eda que respira, un titular que aparece justo cuando lo necesitas leer: eso es motion graphics. Repasamos sus principios, el software con el que se trabaja y el recorrido profesional para dedicarse a ello.","og_url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics","og_site_name":"Canal Dise\u00f1o y Arquitectura","article_publisher":"https:\/\/www.facebook.com\/InesemBusinessSchool\/","article_published_time":"2026-09-25T10:55:25+00:00","og_image":[{"width":1301,"height":703,"url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png","type":"image\/png"}],"author":"eloisa.gonzalez","twitter_card":"summary_large_image","twitter_creator":"@inesem","twitter_site":"@inesem","twitter_misc":{"Escrito por":"eloisa.gonzalez","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#article","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics"},"author":{"name":"eloisa.gonzalez","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/c2c9a36b0cb7c5a31abdeec97c02a799"},"headline":"Motion graphics: dar movimiento a un mensaje sin necesidad de rodar un solo fotograma","datePublished":"2026-09-25T10:55:25+00:00","dateModified":"2026-09-25T10:55:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics"},"wordCount":2603,"commentCount":0,"publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png","articleSection":["Dise\u00f1o Gr\u00e1fico"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics","name":"Motion graphics: dar vida a un mensaje sin rodar nada","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#primaryimage"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png","datePublished":"2026-09-25T10:55:25+00:00","dateModified":"2026-09-25T10:55:25+00:00","description":"Un logotipo que se ensambla solo, una infograf\u00eda que respira, un titular que aparece justo cuando lo necesitas leer: eso es motion graphics. Repasamos sus principios, el software con el que se trabaja y el recorrido profesional para dedicarse a ello.","breadcrumb":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#primaryimage","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics.png","width":1301,"height":703,"caption":"\u00bfQu\u00e9 es motion graphics??"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/motion-graphics#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o Gr\u00e1fico","item":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/categorias\/diseno-grafico"},{"@type":"ListItem","position":3,"name":"Motion graphics: dar movimiento a un mensaje sin necesidad de rodar un solo fotograma"}]},{"@type":"WebSite","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#website","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/","name":"Canal Dise\u00f1o y Arquitectura","description":"En los art\u00edculos de Dise\u00f1o y Arquitectura de Revista Digital INESEM encontrar\u00e1s informaci\u00f3n actualizada e innovadora sobre tu sector. Nuestros art\u00edculos est\u00e1n elaborados y contrastados por profesionales de diferentes especialidades del sector. Si est\u00e1s buscando informaci\u00f3n sobre Arquitectura y Edificaci\u00f3n, Decoraci\u00f3n e Interiorismo, Dise\u00f1o Gr\u00e1fico, Dise\u00f1o Web o Edici\u00f3n y Posproducci\u00f3n Digital, est\u00e1s en el sitio indicado.","publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#organization","name":"Canal Dise\u00f1o y Arquitectura","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Canal Dise\u00f1o y Arquitectura"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/InesemBusinessSchool\/","https:\/\/x.com\/inesem","http:\/\/www.linkedin.com\/company\/2370697","https:\/\/www.youtube.com\/user\/inesembusinesschool\/"]},{"@type":"Person","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/c2c9a36b0cb7c5a31abdeec97c02a799","name":"eloisa.gonzalez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f4efa1ed05855ba7f099a524e1833d11?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f4efa1ed05855ba7f099a524e1833d11?s=96&d=mm&r=g","caption":"eloisa.gonzalez"},"url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/autores\/eloisa-gonzalez"}]}},"autor_name":{"name":"eloisa.gonzalez"},"featured_image":{"attachment_meta":{"width":1301,"height":703,"file":"2026\/09\/motion-graphics.png","filesize":1092881,"sizes":{"medium":{"file":"motion-graphics-300x162.png","width":300,"height":162,"filesize":72427,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-300x162.png"},"large":{"file":"motion-graphics-1020x551.png","width":1020,"height":551,"filesize":583453,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-1020x551.png"},"thumbnail":{"file":"motion-graphics-345x180.png","width":345,"height":180,"filesize":89506,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-345x180.png"},"medium_large":{"file":"motion-graphics-768x415.png","width":768,"height":415,"filesize":360608,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-768x415.png"},"thumb-small":{"file":"motion-graphics-80x80.png","width":80,"height":80,"filesize":11299,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-80x80.png"},"thumb-standard":{"file":"motion-graphics-320x320.png","width":320,"height":320,"filesize":111346,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-320x320.png"},"thumb-medium":{"file":"motion-graphics-520x245.png","width":520,"height":245,"filesize":168810,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-520x245.png"},"thumb-large":{"file":"motion-graphics-720x340.png","width":720,"height":340,"filesize":294311,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-720x340.png"},"thumb-anteriores":{"file":"motion-graphics-230x163.png","width":230,"height":163,"filesize":52679,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-230x163.png"},"thumb-inverso":{"file":"motion-graphics-369x261.png","width":369,"height":261,"filesize":116947,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-369x261.png"},"thumb-cercano":{"file":"motion-graphics-650x200.png","width":650,"height":200,"filesize":183093,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-650x200.png"},"thumb-slider":{"file":"motion-graphics-574x430.png","width":574,"height":430,"filesize":257740,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-574x430.png"},"thumb-busqueda":{"file":"motion-graphics-580x375.png","width":580,"height":375,"filesize":240849,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-580x375.png"},"thumb-formacion-continua":{"file":"motion-graphics-440x336.png","width":440,"height":336,"filesize":165856,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-440x336.png"},"thumb-xlarge":{"file":"motion-graphics-980x450.png","width":980,"height":450,"filesize":487852,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-980x450.png"},"thumb-xxlarge":{"file":"motion-graphics-1301x500.png","width":1301,"height":500,"filesize":730865,"mime_type":"image\/png","url":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/files\/2026\/09\/motion-graphics-1301x500.png"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","keywords":[]}}},"_links":{"self":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts\/4897"}],"collection":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/users\/92027"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/comments?post=4897"}],"version-history":[{"count":0,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/posts\/4897\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/media\/4900"}],"wp:attachment":[{"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/media?parent=4897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/wp-json\/wp\/v2\/categories?post=4897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}