{"id":72,"date":"2022-06-15T17:17:39","date_gmt":"2022-06-15T17:17:39","guid":{"rendered":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/?p=72"},"modified":"2022-06-20T19:07:09","modified_gmt":"2022-06-20T19:07:09","slug":"explorando-el-dibujo-vectorial-en-adobe-fresco-multimedia-proyecto-pedagogico-coral-vivace-partes-del-todo%ef%bf%bc","status":"publish","type":"post","link":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/?p=72","title":{"rendered":"Explorando el dibujo vectorial en Adobe Fresco. Multimedia \u201cProyecto Pedag\u00f3gico Coral Vivace \u2013 Partes del Todo\u201d"},"content":{"rendered":"\n<p>En 2019 se nos propone, a uno de los equipos de trabajo del Programa de Producci\u00f3n Electr\u00f3nica Multimedial (PEM), un proyecto interesante en el que se deb\u00eda realizar un multimedia que presentara de forma did\u00e1ctica el trabajo del Coro de la Escuela de Educaci\u00f3n de la UNED, fue as\u00ed como naci\u00f3 el multimedia \u201cProyecto Pedag\u00f3gico Coral Vivace \u2013 Partes del Todo\u201d. En cuanto a producci\u00f3n acad\u00e9mica, producci\u00f3n audiovisual y desarrollo, se requiri\u00f3 de un trabajo diferente que les comentaremos en pr\u00f3ximas entradas, pero en cuanto a dise\u00f1o gr\u00e1fico, tema que nos compete en este apartado, les contaremos c\u00f3mo se resolvi\u00f3 el dibujo para los botones de las interfaces del material. En esta ocasi\u00f3n, se utiliz\u00f3 una herramienta de la compa\u00f1\u00eda Adobe Inc. llamada Adobe Draw.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"285\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/Coro-1-2.png\" alt=\"\" class=\"wp-image-82\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/Coro-1-2.png 500w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/Coro-1-2-300x171.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption>Pantalla principal multimedia \u201cProyecto Pedag\u00f3gico Coral Vivace \u2013 Partes del Todo\u201d<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Se eligi\u00f3 Adobe Draw porque una de sus caracter\u00edsticas principales era su capacidad para realizar dibujos vectoriales, de manera muy similar a como se har\u00edan en la aplicaci\u00f3n maestra para dibujos vectoriales Adobe Illustrator. A diferencia de Adobe Illustrador, esta fue una aplicaci\u00f3n de dispositivos m\u00f3viles para utilizar con un l\u00e1piz digital.<\/p>\n\n\n\n<p>Sobre Adobe Draw no profundizaremos, ya que como todo en estos tiempos de cambios tecnol\u00f3gicos, en el 2021, la compa\u00f1\u00eda decidi\u00f3 no actualizar la aplicaci\u00f3n y a su compa\u00f1era Adobe Sketch, y ahora nos recomiendan utilizar Adobe Fresco porque re\u00fane las caracter\u00edsticas de ambas aplicaciones en un solo lugar.<\/p>\n\n\n\n<p>Como la mayor\u00eda de aplicaciones del paquete de Adobe, Fresco cuenta con una pantalla principal donde se pueden elegir m\u00faltiples opciones para empezar. Se puede iniciar el proyecto con un documento de tama\u00f1o preestablecido por el programa o crear uno nuevo de tama\u00f1o personalizado, tambi\u00e9n se pueden abrir o importar archivos realizados anteriormente o se puede ir a la secci\u00f3n de aprendizaje de Adobe. Una vez dentro de Fresco, lo que veremos es una interfaz est\u00e1ndar a la mayor\u00eda de programas de creaci\u00f3n y edici\u00f3n de im\u00e1genes. Se presenta una mesa de trabajo con una \u201choja\u201d en blanco para dibujar o pintar y a su alrededor una serie de opciones y herramientas.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"349\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro2-2.png\" alt=\"\" class=\"wp-image-84\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro2-2.png 500w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro2-2-300x209.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption>Interfaz de Adobe Fresco<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Pero entonces, cu\u00e1les son las bondades de Adobe Fresco, uno de los elementos que nos atrae es la posibilidad de trabajar en m\u00faltiples capas, como en Illustrador, en una capa podr\u00edamos importar una imagen de referencia, en otra capa pintar un fondo y en otra dibujar otros elementos para una escena. Tambi\u00e9n nos parece interesante las opciones de pincel que ofrece, como el pincel de pixeles, el pincel vivo y el pincel vectorial, todos con opciones de grosor, estilo, color, flujo, suavizado, opacidad, entre otras caracter\u00edsticas. En el caso del multimedia \u201cPartes del Todo\u201d, se utiliz\u00f3 un pincel vectorial de estilo redondo b\u00e1sico, tama\u00f1o 20<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"349\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro3-2.png\" alt=\"\" class=\"wp-image-85\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro3-2.png 500w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro3-2-300x209.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption>Dibujo vectorial en proceso \u201cProyecto Pedag\u00f3gico Coral Vivace \u2013 Partes del Todo\u201d<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Al trabajar en un dispositivo m\u00f3vil, en este caso, una tableta digital Ipad Pro con Apple Pencil, se dispone de una pantalla sensible a la presi\u00f3n del l\u00e1piz que me permite generar diferentes calidades de l\u00ednea (delgadas, gruesas, suaves o fuertes) seg\u00fan sea la presi\u00f3n de la mano contra la pantalla, imitando lo que se podr\u00eda hacer con un papel y un l\u00e1piz real.<\/p>\n\n\n\n<p>Otra de las bondades de Fresco, y para nosotros una de las mejores junto con las opciones de pincel, es la opci\u00f3n de enviar el archivo que se est\u00e1 trabajando en la tableta a la aplicaci\u00f3n Illustrador de escritorio de manera directa. Esta opci\u00f3n permite abrir el archivo en tiempo real, conservando sus caracter\u00edsticas, vectorizaci\u00f3n, capas, etc., y trabajarlo directamente en Illustrador para editar lo necesario. Se puede hacer mediante el men\u00fa superior derecho en la opci\u00f3n: enviar a Illustrador.<\/p>\n\n\n\n<p>Otro de los pluses de Adobe Fresco son las opciones que ofrece para compartir el trabajo, puede ser mediante la invitaci\u00f3n a editar enviando un v\u00ednculo o compartiendo en Behance. Tambi\u00e9n ofrece los tradicionales formatos de guardar y exportar documentos .png, .jpg, .psd, .PDF.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"370\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro2.png\" alt=\"\" class=\"wp-image-94\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro2.png 364w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro2-295x300.png 295w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><figcaption>Dibujo vectorial final multimedia \u201cProyecto Pedag\u00f3gico Coral Vivace \u2013 Partes del Todo\u201d<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Adobe Fresco es una aplicaci\u00f3n de pago pero en el mercado de Apps tambi\u00e9n se pueden encontrar otras opciones en una l\u00ednea similar como: Procreate, iArtbook, Create, Amadine, Paper, Vector Ghaphic Design \/ UI, Sketchbook, entre otras.<\/p>\n\n\n\n<p>En nuestro caso este tipo de aplicaci\u00f3n result\u00f3 muy \u00fatil para lograr las calidades de l\u00ednea tipo manuales que busc\u00e1bamos sin la necesidad de pasar por todo un trabajo tradicional de dibujo a l\u00e1piz, escaneo, redibujo digital y edici\u00f3n. Hizo que el proceso fuera m\u00e1s r\u00e1pido y f\u00e1cil.<\/p>\n\n\n\n<p>Siempre es importante explorar y aprender nuevas herramientas que nos ayuden a optimizar los procesos de trabajo.<\/p>\n\n\n\n<p>Los invitamos a probar esta opci\u00f3n u otra similar para su proyecto en curso o proyectos futuros.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"570\" src=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro4-3.png\" alt=\"\" class=\"wp-image-96\" srcset=\"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro4-3.png 1000w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro4-3-300x171.png 300w, https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2022\/06\/coro4-3-768x438.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Iconos \u2013 botones interfaz multimedia \u201cProyecto Pedag\u00f3gico Coral Vivace \u2013 Partes del Todo\u201d<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Puede ver el multimedia \u201cProyecto Pedag\u00f3gico Coral Vivace \u2013 Partes del Todo\u201d en: <a href=\"https:\/\/multimedia.uned.ac.cr\/pem\/coro_partes_del_todo\/\">https:\/\/multimedia.uned.ac.cr\/pem\/coro_partes_del_todo\/<\/a><\/p>\n\n\n\n<p>Para m\u00e1s informaci\u00f3n sobre Adobe Fresco puede visitar la informaci\u00f3n oficial en: <a href=\"https:\/\/www.adobe.com\/la\/products\/fresco.html\">https:\/\/www.adobe.com\/la\/products\/fresco.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En 2019 se nos propone, a uno de los equipos de trabajo del Programa de Producci\u00f3n Electr\u00f3nica Multimedial (PEM), un proyecto interesante en el que se deb\u00eda realizar un multimedia que presentara de forma did\u00e1ctica el trabajo del Coro de la Escuela de Educaci\u00f3n de la UNED, fue as\u00ed como naci\u00f3 el multimedia \u201cProyecto Pedag\u00f3gico [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":98,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[30,25],"ppma_author":[47],"class_list":["post-72","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno_grafico","tag-experiencias","tag-textual"],"authors":[{"term_id":47,"user_id":12,"is_guest":0,"slug":"aczamora","display_name":"Ana Carolina Zamora Sanabria","avatar_url":{"url":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2025\/05\/carolina_s.png","url2x":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/wp-content\/uploads\/sites\/8\/2025\/05\/carolina_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\/72","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72"}],"version-history":[{"count":8,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/72\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/posts\/72\/revisions\/104"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=\/wp\/v2\/media\/98"}],"wp:attachment":[{"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=72"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/multimedia.uned.ac.cr\/pem\/wp\/sonar-multimedia\/index.php?rest_route=%2Fwp%2Fv2%2Fppma_author&post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}