{"id":19164,"date":"2019-04-05T10:40:08","date_gmt":"2019-04-05T09:40:08","guid":{"rendered":"https:\/\/www.totemguard.com\/aulatotem\/?p=19164"},"modified":"2021-06-11T08:14:22","modified_gmt":"2021-06-11T07:14:22","slug":"como-usar-editar-imagen-vectorial-programas","status":"publish","type":"post","link":"https:\/\/www.totemguard.com\/aulatotem\/2019\/04\/como-usar-editar-imagen-vectorial-programas\/","title":{"rendered":"Im\u00e1genes vectoriales gratuitas: qu\u00e9 son, d\u00f3nde encontrarlas y c\u00f3mo editarlas para tus dise\u00f1os"},"content":{"rendered":"<p>Buscas captar la atenci\u00f3n de tus estudiantes creando infograf\u00edas o gr\u00e1ficos explicativos, pero no tienes conocimientos de dise\u00f1o gr\u00e1fico ni tiempo para crearlos? \u00bfTe gustar\u00eda ilustrar tus v\u00eddeos, presentaciones o blog con iconos o objetos tem\u00e1ticos? \u00bfNecesitas crear un p\u00f3ster, una tarjeta de felicitaci\u00f3n o un curr\u00edculum pero no sabes por d\u00f3nde empezar?<\/p>\n<p>En el mundo digital una imagen vale m\u00e1s que mil palabras pero la creaci\u00f3n de un dise\u00f1o gr\u00e1fico, que sea bello y efectivo, requiere de competencias digitales avanzadas y tiempo de dedicaci\u00f3n.<\/p>\n<p>Como soluci\u00f3n, con una simple b\u00fasqueda en Google encontrar\u00e1s cientos de <strong>sitios web<\/strong>, en donde dise\u00f1adores de gran talento han creado y permiten <strong>descargar<\/strong>, <strong>de forma gratuita y con s\u00f3lo atribuci\u00f3n al autor<\/strong>, m\u00faltiples recursos gr\u00e1ficos como infograf\u00edas,&nbsp;plantillas de PowerPoint, iconos, curr\u00edculums, p\u00f3sters, folletos, logos y objetos para ilustrar tus presentaciones.<\/p>\n<h3>Qu\u00e9 es una imagen vectorial<\/h3>\n<p>El tipo de archivo que nos ofrecen muchos bancos de im\u00e1genes no es el com\u00fan archivo .png o .jpg, sino una<strong> imagen vectorial<\/strong> con un archivo .eps o .Ai.<\/p>\n<figure id=\"attachment_20135\" aria-describedby=\"caption-attachment-20135\" style=\"width: 532px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-20135 size-full\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Imagen-vectorial-archivo-eps.jpg\" alt=\"Imagen-vectorial-archivo-eps\" width=\"532\" height=\"190\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Imagen-vectorial-archivo-eps.jpg 532w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Imagen-vectorial-archivo-eps-300x107.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Imagen-vectorial-archivo-eps-518x185.jpg 518w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Imagen-vectorial-archivo-eps-82x29.jpg 82w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><\/a><figcaption id=\"caption-attachment-20135\" class=\"wp-caption-text\">Tipo de archivo de una imagen vectorial en Freepik<\/figcaption><\/figure>\n<p>La ventaja de este tipo de im\u00e1genes es que pueden <strong>editarse<\/strong> y adaptarse a nuestro prop\u00f3sito y sobre todo <strong>redimensionar a cualquier tama\u00f1o sin perder su calidad<\/strong>.<\/p>\n<p>La imagen vectorial no est\u00e1 basada en pixeles, sino que est\u00e1 formada por ecuaciones matem\u00e1ticas y compuesta de figuras geom\u00e9tricas (formas, l\u00edneas, curvas y puntos) con varios colores y matices para crear una imagen. Cualquier m\u00ednimo detalle del dise\u00f1o (trazo, color, grosor, tama\u00f1o) puede editarse sin reducir su calidad, de ah\u00ed que se utilice este formato en el dise\u00f1o gr\u00e1fico.<\/p>\n<p>Tambi\u00e9n, consecuentemente, el peso del archivo de una imagen vectorial es m\u00e1s ligero que una imagen de alta resoluci\u00f3n siendo muy \u00fatil si la vamos a a\u00f1adir a una presentaci\u00f3n.<\/p>\n<p><strong><a href=\"https:\/\/www.freepik.com\/popular-vectors\" target=\"_blank\" rel=\"noopener noreferrer\">Freepik<\/a><\/strong> es uno de los proveedores online m\u00e1s conocidos de&nbsp;<strong>im\u00e1genes vectoriales gratuitas<\/strong> de todo tipo. Su buscador es muy \u00fatil para encontrar el dise\u00f1o que buscamos, pudiendo filtrar por categor\u00edas como animales, naturaleza, verano, gr\u00e1ficos, personas, <a href=\"https:\/\/www.freepik.com\/index.php?goto=2&amp;searchform=1&amp;k=infographics\" target=\"_blank\" rel=\"noopener noreferrer\">infograf\u00edas<\/a>, logos, negocios, m\u00fasica, mapas, dibujos animados, cumplea\u00f1os, Navidad, San Valent\u00edn, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21303 size-large\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/04\/infografia-vectores-graficos-freepik-1024x1021.jpg\" alt=\"infografia-vectores-graficos-freepik\" width=\"1024\" height=\"1021\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/04\/infografia-vectores-graficos-freepik-1024x1021.jpg 1024w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/04\/infografia-vectores-graficos-freepik-300x300.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/04\/infografia-vectores-graficos-freepik-150x150.jpg 150w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/04\/infografia-vectores-graficos-freepik-768x766.jpg 768w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/04\/infografia-vectores-graficos-freepik.jpg 1422w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Otros bancos de im\u00e1genes vectoriales que tambi\u00e9n puedes visitar son:<\/p>\n<ul>\n<li style=\"text-align: left; padding-left: 30px;\">Vecteezy:&nbsp;<a href=\"https:\/\/www.vecteezy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.vecteezy.com\/<\/a><\/li>\n<li style=\"text-align: left; padding-left: 30px;\">Pixabay:&nbsp;<a href=\"https:\/\/pixabay.com\/es\/vectors\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pixabay.com\/es\/vectors\/<\/a><\/li>\n<li style=\"text-align: left; padding-left: 30px;\">SignSilo: <a href=\"https:\/\/www.signsilo.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.signsilo.com\/<\/a><\/li>\n<li style=\"text-align: left; padding-left: 30px;\">Vector Stock:&nbsp;<a href=\"https:\/\/www.vectorstock.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.vectorstock.com\/<\/a><\/li>\n<li style=\"text-align: left; padding-left: 30px;\">Flaticon:&nbsp;<a href=\"https:\/\/www.flaticon.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.flaticon.com\/<\/a><\/li>\n<li style=\"text-align: left; padding-left: 30px;\">Vexels:&nbsp;<a href=\"https:\/\/www.vexels.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.vexels.com\/<\/a><\/li>\n<\/ul>\n<p>Sin embargo, el reto para muchos profesores es la <strong>edici\u00f3n<\/strong> de este tipo de archivos, ya que requiere de un <strong>software espec\u00edfico de&nbsp;<\/strong><strong>editor de vectores gr\u00e1ficos&nbsp;<\/strong>como <a href=\"https:\/\/www.adobe.com\/es\/products\/illustrator.html\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Illustrator<\/a>, Autodesk graphic (<a href=\"https:\/\/itunes.apple.com\/us\/app\/graphic\/id404705039\" target=\"_blank\" rel=\"noopener noreferrer\">MAC<\/a> y <a href=\"https:\/\/www.graphic.com\/ipad\/\" target=\"_blank\" rel=\"noopener noreferrer\">iOS<\/a>),&nbsp;<a href=\"https:\/\/designer.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gravit Designer<\/a>,&nbsp;<a href=\"https:\/\/inkscape.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inkscape<\/a>&nbsp;o&nbsp;<a href=\"https:\/\/vectr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vectr<\/a>.<\/p>\n<p>Adobe Illustrator est\u00e1 fuera del alcance de la mayor\u00eda de docentes por su elevado coste pero <strong>Gravit Designer<\/strong>,<strong> Inkscape<\/strong> y <strong>Vectr<\/strong> son <strong>opciones gratuitas<\/strong> aunque requieren de cierta pr\u00e1ctica para utilizarlas con fluidez.<\/p>\n<p>Por otro lado, si la imagen vectorial es sencilla,&nbsp;siguiendo ciertos pasos, podemos editar el formato .eps en&nbsp;<strong>PowerPoint<\/strong>, facilitando as\u00ed su manipulaci\u00f3n.<\/p>\n<p>Como una imagen vectorial est\u00e1 compuesta por una serie de formas que combinadas representan esa imagen, puedes desagrupar las formas de la imagen en PowerPoint y editarlas con facilidad.<\/p>\n<h3>C\u00f3mo editar im\u00e1genes vectoriales<\/h3>\n<h4>Problemas potenciales para editar im\u00e1genes vectoriales<\/h4>\n<p>Cuando deseamos editar una imagen vectorial con un dise\u00f1o simple, funciona muy bien desagrupar el archivo en PowerPoint para una edici\u00f3n r\u00e1pida.<\/p>\n<p>Sin embargo, cuando la imagen contiene formas hechas con degradados y no colores s\u00f3lidos, la imagen se distorsiona al importarlo en PowerPoint y por tanto es aconsejable usar un software de edici\u00f3n de gr\u00e1ficos vectoriales.<\/p>\n<p>En la imagen inferior puedes ver el antes y el despu\u00e9s de un archivo desagrupado en PowerPoint. Al desagrupar la imagen se crean cientos de formas individuales, que hacen complicado editarla sin desfigurar o deformar la imagen.&nbsp;Igualmente, algunos de los colores y formas cambian tambi\u00e9n.<\/p>\n<figure id=\"attachment_20139\" aria-describedby=\"caption-attachment-20139\" style=\"width: 702px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-20139\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Problema-edicion-imagen-vectorial-powerpoint-1024x512.jpg\" alt=\"\" width=\"702\" height=\"351\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Problema-edicion-imagen-vectorial-powerpoint-1024x512.jpg 1024w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Problema-edicion-imagen-vectorial-powerpoint-300x150.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Problema-edicion-imagen-vectorial-powerpoint-768x384.jpg 768w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Problema-edicion-imagen-vectorial-powerpoint-760x380.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Problema-edicion-imagen-vectorial-powerpoint-518x259.jpg 518w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Problema-edicion-imagen-vectorial-powerpoint-82x41.jpg 82w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><figcaption id=\"caption-attachment-20139\" class=\"wp-caption-text\">Edici\u00f3n de imagen vectorial en PowerPoint<\/figcaption><\/figure>\n<p>Teniendo en cuenta el tipo de dise\u00f1o de la imagen vectorial, puedes optar por una de estas dos opciones para su edici\u00f3n.<\/p>\n<h4>Opci\u00f3n 1: PowerPoint<\/h4>\n<p>Aunque PowerPoint no permite insertar y editar un archivo vector .eps o un vector de Adobe Illustrator .Ai , una soluci\u00f3n es convertir este tipo de archivo .eps al formato .emf, que s\u00ed podemos desagrupar en PowerPoint. Para ello sigue los siguientes pasos:<\/p>\n<ul class=\"\">\n<li>Entra en la p\u00e1gina web&nbsp;<strong><a href=\"https:\/\/cloudconvert.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CloudConvert.com<\/a><\/strong><\/li>\n<li>Pulsa en <strong><em>Select Files<\/em><\/strong>&nbsp;y escoge el archivo eps en tu PC que deseas convertir.<\/li>\n<li>Escoge categor\u00eda <strong><em>Vector<\/em><\/strong> &gt; <i>emf&nbsp;<\/i>como tipo de archivo de output<\/li>\n<li>Pulsa en <strong><em>Start Conversion<\/em><\/strong>&nbsp;y una vez terminado, pulsa en <strong><em>Download<\/em><\/strong><\/li>\n<li>Abre el archivo .emf en PowerPoint y <strong>desagrupa<\/strong> la imagen para editarla<\/li>\n<li>Cambia el<strong> color, <\/strong>la<strong> posici\u00f3n, <\/strong>el<strong> tama\u00f1o, <\/strong>etc&nbsp;como haces con cualquier otra forma en PowerPoint.<\/li>\n<li><strong>Agrupa la imagen <\/strong>de nuevo&nbsp;cuando hayas acabado con la edici\u00f3n.<\/li>\n<li>Para<strong> desagrupar y agrupar <\/strong>de forma r\u00e1pida utilizando los atajos de teclado siguientes: <em>Ctrl G<\/em> agrupa las formas seleccionadas y <em>Ctrl Shift G<\/em> las desagrupa.<\/li>\n<\/ul>\n<p>Aqu\u00ed tienes un v\u00eddeo tutorial que muestra c\u00f3mo editar im\u00e1genes vectoriales en PowerPoint:<\/p>\n<p><iframe loading=\"lazy\" title=\"C\u00f3mo editar im\u00e1genes vectoriales en PowerPoint (Windows)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/_F7p-sb1S_A?start=4&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h4>Opci\u00f3n 2: Gravit Designer en su versi\u00f3n web y Autodesk Graphic&nbsp;para MAC y iOS.<\/h4>\n<p>Para editar im\u00e1genes vectoriales con un gran n\u00famero de elementos de dise\u00f1o, capas y texto, se hace imprescindible utilizar un software espec\u00edfico de edici\u00f3n. Desagrupar e interactuar con estos archivos en PowerPoint resulta ca\u00f3tico.<\/p>\n<p>Con el fin de poder aprovechar estos magn\u00edficos dise\u00f1os de infograf\u00edas en <a href=\"https:\/\/www.totemguard.com\/aulatotem\/2018\/07\/opciones-crear-curso-online\/\" target=\"_blank\" rel=\"noopener noreferrer\">art\u00edculos<\/a>, prob\u00e9 muchos de los editores de gr\u00e1ficos vectoriales disponibles para decidir la opci\u00f3n m\u00e1s conveniente, teniendo en cuenta facilidad de uso, coste y calidad de la imagen en el resultado final.<\/p>\n<p><strong><a href=\"https:\/\/designer.io\" target=\"_blank\" rel=\"noopener noreferrer\">Gravit Designer<\/a><\/strong> en su versi\u00f3n web gratuita y <strong><a href=\"https:\/\/itunes.apple.com\/es\/app\/graphic\/id404705039\" target=\"_blank\" rel=\"noopener noreferrer\">Autodesk Graphic para MAC<\/a><\/strong> y <a href=\"https:\/\/itunes.apple.com\/us\/app\/idraw\/id363317633?mt=8\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>iOS<\/strong><\/a> (pago \u00fanico de 32.99\u20ac) son los dos programas que utilizo con m\u00e1s frecuencia.<\/p>\n<p><strong>Gravit Designer<\/strong> permite importar y editar im\u00e1genes vectoriales (.eps, .svg y tambi\u00e9n .Ai) en su versi\u00f3n web gratuita si se dispone de una buena conexi\u00f3n a Internet. Ofrece una interfaz limpia y f\u00e1cil de usar tras un poco de pr\u00e1ctica, obteniendo la excelente calidad que obtienes con un software profesional de pago.<\/p>\n<p><strong>Autodesk Graphic<\/strong> es igualmente una fant\u00e1stica App que utilizo cuando deseo <strong>editar desde MAC sin necesidad de tener conexi\u00f3n<\/strong> a Internet y adem\u00e1s me permite importar archivos .PSD, los conocidos archivos de imagen de PhotoShop. <a href=\"https:\/\/www.freepik.com\/free-psd\" target=\"_blank\" rel=\"noopener noreferrer\">Freepik<\/a> tambi\u00e9n ofrece miles de archivos con este formato en su colecci\u00f3n de dise\u00f1os, pudiendo ser editados desde AutoDesk tambi\u00e9n, sin necesitar el caro Adobe PhotoShop.<\/p>\n<p>A pesar que Inkscape se considera la alternativa gratuita de c\u00f3digo abierto de Adobe Illustrator, en las infograf\u00edas que prob\u00e9 al editar con Inkscape, la imagen quedaba algo distorsionada al importarse y los colores modificados.<\/p>\n<p>Aqu\u00ed tienes un v\u00eddeo tutorial que muestra c\u00f3mo editar una infograf\u00eda en Gravit a partir de un archivo de una imagen vectorial descargada desde Freepik:<\/p>\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/b2V7vvwocd0?autoplay=0&amp;rel=0&amp;start&amp;end&amp;controls=1&amp;mute=0&amp;modestbranding=1&amp;autoplay=1\n picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>Recuerda siempre <strong>dar cr\u00e9dito al autor del dise\u00f1o<\/strong> al ser un requisito de uso de estos bancos de im\u00e1genes.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-background has-very-light-gray-background-color\">\u00bfConoc\u00edas el formato de imagen vectorial? \u00bfHas utilizado estos bancos de im\u00e1genes alguna vez? Puedes dejarme tu comentario debajo<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Buscas captar la atenci\u00f3n de tus estudiantes creando infograf\u00edas o gr\u00e1ficos explicativos, pero no tienes conocimientos de dise\u00f1o gr\u00e1fico ni tiempo para crearlos? \u00bfTe gustar\u00eda ilustrar tus v\u00eddeos, presentaciones o blog con iconos o objetos tem\u00e1ticos? \u00bfNecesitas crear un p\u00f3ster, una tarjeta de felicitaci\u00f3n o un curr\u00edculum pero no sabes por d\u00f3nde empezar? En el [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":20150,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29,13,21,22],"tags":[66],"class_list":["post-19164","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-tic","category-herramientas-web","category-tecnologia","category-videos","tag-diseno-grafico"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2019\/03\/Imagen-vectorial-editar-encontrar-que-son.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/19164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/comments?post=19164"}],"version-history":[{"count":98,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/19164\/revisions"}],"predecessor-version":[{"id":24488,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/19164\/revisions\/24488"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/media\/20150"}],"wp:attachment":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/media?parent=19164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/categories?post=19164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/tags?post=19164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}