{"id":660,"date":"2024-06-05T22:33:37","date_gmt":"2024-06-05T22:33:37","guid":{"rendered":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/?p=660"},"modified":"2024-06-11T17:07:23","modified_gmt":"2024-06-11T17:07:23","slug":"del-diseno-a-la-animacion","status":"publish","type":"post","link":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/?p=660","title":{"rendered":"Del dise\u00f1o a la animaci\u00f3n"},"content":{"rendered":"\n<p>\u00bfC\u00f3mo pasar del dise\u00f1o a la animaci\u00f3n?<\/p>\n\n\n\n<p>Las siguientes infograf\u00edas te proporcionar\u00e1n una gu\u00eda b\u00e1sica para realizar la transici\u00f3n del dise\u00f1o a la animaci\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Formato<\/strong>: cada dise\u00f1o o ilustraci\u00f3n debe ser tratado de acuerdo con sus caracter\u00edsticas espec\u00edficas y el medio al que est\u00e1 destinado. Esto implica analizar cuidadosamente la cantidad de elementos que se desean animar y evitar consolidarlos en una \u00fanica pieza. Es importante desglosar los componentes individuales para lograr una animaci\u00f3n m\u00e1s fluida y efectiva, asegurando que cada elemento reciba la atenci\u00f3n necesaria para destacar en el contexto adecuado.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_02-1024x576.jpg\" alt=\"\" class=\"wp-image-665\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_02-1024x576.jpg 1024w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_02-300x169.jpg 300w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_02-768x432.jpg 768w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_02-1536x864.jpg 1536w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_02.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li> <strong>Evitar grupos y m\u00e1scara: <\/strong>si se ha trabajado en Illustrator o Photoshop, es crucial separar los elementos de una capa \u00fanica y colocarlos en capas espec\u00edficas. Adem\u00e1s, cada capa debe ser nombrada claramente para facilitar el proceso de animaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_03-1-1024x576.jpg\" alt=\"\" class=\"wp-image-675\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_03-1-1024x576.jpg 1024w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_03-1-300x169.jpg 300w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_03-1-768x432.jpg 768w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_03-1-1536x864.jpg 1536w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_03-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li> <strong>Separar en piezas independientes:<\/strong> es fundamental asegurarse de que cada elemento que se desea animar sea completamente independiente de los dem\u00e1s. Esto no solo facilita la animaci\u00f3n, sino que tambi\u00e9n permite un control m\u00e1s preciso sobre el movimiento y la interacci\u00f3n de cada componente. De este modo, se logra una animaci\u00f3n m\u00e1s organizada y profesional, optimizando el flujo de trabajo y la calidad del producto final.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_04-1024x576.jpg\" alt=\"\" class=\"wp-image-667\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_04-1024x576.jpg 1024w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_04-300x169.jpg 300w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_04-768x432.jpg 768w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_04-1536x864.jpg 1536w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_04.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li> <strong>Nombrado:<\/strong> es fundamental que cada pieza independiente sea nombrada de manera \u00fanica y descriptiva.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_05-1024x576.jpg\" alt=\"\" class=\"wp-image-668\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_05-1024x576.jpg 1024w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_05-300x169.jpg 300w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_05-768x432.jpg 768w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_05-1536x864.jpg 1536w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_05.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li> <strong>Orden:<\/strong> Si se planea trabajar en After Effects, las capas pueden permanecer dentro del archivo editable. Sin embargo, cada capa debe corresponder a un escenario, diapositiva o pantalla independiente. Todo el contenido debe estar ordenado dentro de una carpeta principal con el nombre del proyecto. Esto asegura una organizaci\u00f3n clara y facilita la navegaci\u00f3n y edici\u00f3n dentro del proyecto de animaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_06-1024x576.jpg\" alt=\"\" class=\"wp-image-670\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_06-1024x576.jpg 1024w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_06-300x169.jpg 300w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_06-768x432.jpg 768w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_06-1536x864.jpg 1536w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2024\/06\/del_diseno_a_la_animacion_06.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>La transici\u00f3n del dise\u00f1o a la animaci\u00f3n requiere una planificaci\u00f3n y organizaci\u00f3n meticulosa para asegurar un flujo de trabajo eficiente y un producto final de alta calidad. Es esencial tener en cuenta las recomendaciones proporcionadas en esta publicaci\u00f3n. Al seguir estos principios b\u00e1sicos, se lograr\u00e1 crear animaciones m\u00e1s fluidas, profesionales y efectivas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo pasar del dise\u00f1o a la animaci\u00f3n? Las siguientes infograf\u00edas te proporcionar\u00e1n una gu\u00eda b\u00e1sica para realizar la transici\u00f3n del dise\u00f1o a la animaci\u00f3n: La transici\u00f3n del dise\u00f1o a la animaci\u00f3n requiere una planificaci\u00f3n y organizaci\u00f3n meticulosa para asegurar un flujo de trabajo eficiente y un producto final de alta calidad. Es esencial tener en [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":662,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[10],"ppma_author":[50],"class_list":["post-660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno_grafico","tag-grafica"],"authors":[{"term_id":50,"user_id":17,"is_guest":0,"slug":"scastro","display_name":"Sergio Castro Flores","avatar_url":{"url":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2025\/05\/sergio_s.png","url2x":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2025\/05\/sergio_s.png"},"0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=660"}],"version-history":[{"count":7,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/660\/revisions"}],"predecessor-version":[{"id":676,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/660\/revisions\/676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/media\/662"}],"wp:attachment":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=660"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fppma_author&post=660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}