{"id":3756,"date":"2022-02-02T18:35:40","date_gmt":"2022-02-02T16:35:40","guid":{"rendered":"https:\/\/www.ravanetto.com\/blog-ravanetto\/?p=3756"},"modified":"2022-02-02T18:41:52","modified_gmt":"2022-02-02T16:41:52","slug":"imagen-vectorizada-que-es-y-como-se-hace","status":"publish","type":"post","link":"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/","title":{"rendered":"\u00bfQu\u00e9 es una imagen vectorizada y c\u00f3mo se hace?"},"content":{"rendered":"\n
\"\"<\/figure><\/div>\n\n\n\n

\u00bfQu\u00e9 es una imagen vectorizada y c\u00f3mo se hace?<\/h1>\n\n\n\n

Las im\u00e1genes vectorizadas suelen causar confusi\u00f3n entre nuestros clientes. Dado el car\u00e1cter t\u00e9cnico del sector del merchandising<\/strong>, es confuso comprender, \u00bfporqu\u00e9 se necesita una imagen con alta calidad para realizar los fotomontajes? \u00bfQu\u00e9 es una imagen vectorizada? \u00bfPorqu\u00e9 necesitas una imagen con alta resoluci\u00f3n para realizar un dise\u00f1o de tan solo unos cent\u00edmetros? \u00bfCu\u00e1les son los formatos de alta definici\u00f3n y para qu\u00e9 sirven?<\/p>\n\n\n\n

Podr\u00e1s conocer la soluci\u00f3n a todas estas inc\u00f3gnitas. As\u00ed podr\u00e1s comprender un poquito m\u00e1s la labor de Ravanetto<\/a>, y cu\u00e1les son los procesos para realizar el mejor merchandising<\/strong> personalizado del sector.<\/p>\n\n\n\n

\u00bfQu\u00e9 es una imagen vectorizada?<\/h2>\n\n\n\n

Cualquier imagen ordinaria son un conjunto de p\u00edxeles<\/strong>, unidades de informaci\u00f3n que le indican al visualizador qu\u00e9 color o forma tiene cada parte de la fotograf\u00eda. Por el contrario una imagen vectorizada consiste en convertir este tipo de informaci\u00f3n a una f\u00f3rmula matem\u00e1tica<\/strong> consistente en puntos y l\u00edneas.<\/p>\n\n\n\n

Esto permite ampliar, reducir o modificar como te plazca<\/strong>, ya que solo tienes que ajustar los par\u00e1metros para conseguirlo. Si ampliamos una imagen sin vectorizar, esta producir\u00eda un efecto que coloquialmente definimos como \u00abesta imagen est\u00e1 pixelada\u00bb.<\/p>\n\n\n\n

Gracias a programas como Adobe Ilustrator podemos hacer esto f\u00e1cilmente.<\/p>\n\n\n\n

Im\u00e1genes en formato .jpg o .png. La materia prima de donde partimos<\/h2>\n\n\n\n

Para crear una imagen vectorizada debemos explicar las caracter\u00edsticas iniciales que pueden tener las im\u00e1genes que recibimos. Esta ser\u00eda la \u00abmateria en bruto\u00bb, a partir de la cual tendremos que trabajar en programas vectoriales.<\/p>\n\n\n\n

\"Archivos<\/figure><\/div>\n\n\n\n

Al ser una empresa de personalizaci\u00f3n de merchandising, trabajamos diariamente con im\u00e1genes que nos proporcionan nuestros clientes. Durante todo el proceso les informamos de la necesidad de recibir im\u00e1genes con calidad, en formatos .psd o .ai<\/strong>, pero tambi\u00e9n nos pueden hacer llegar im\u00e1genes con formatos m\u00e1s pobres como .jpg o .png.<\/p>\n\n\n\n

Hay que decir que los primeros formatos ser\u00edan im\u00e1genes con mejor calidad y pueden estar o no vectorizadas ya. Por el contrario, las im\u00e1genes con formato .jpg o .png ser\u00edan un formato de compresi\u00f3n con p\u00e9rdida<\/strong> y para realizar cualquier boceto habr\u00eda que vectorizarlo con el proceso que explicaremos.<\/p>\n\n\n\n

Estos formatos est\u00e1n basados en puntos, y aunque no los veamos, suponen un problema a la hora de ampliar o reducir la imagen ya que crean ruido. Este ruido se traduce en p\u00e9rdida de calidad, por lo que estas im\u00e1genes no se pueden utilizar en la personalizaci\u00f3n de ning\u00fan art\u00edculo publicitario.<\/p>\n\n\n\n

\u00bfC\u00f3mo se hace una imagen vectorizada?<\/h2>\n\n\n\n

Una vez estudiado nuestro problema, procederemos a explicar el proceso para vectorizar nuestra imagen<\/strong>. Para ello, necesitamos utilizar un programa vectorial. El m\u00e1s conocido y utilizado es Adobe Ilustrator <\/strong>pero hay otros como Corel Draw, Gravit, Inkscape y Vectr.<\/p>\n\n\n\n

Importaci\u00f3n del archivo y conversi\u00f3n a lineas<\/h3>\n\n\n\n

Una vez abierto nuestro programa, debemos abrir el archivo en nuestra mesa de trabajo<\/strong> (un espacio en blanco por defecto que tendr\u00e1s al abrirlo) para empezar con las modificaciones. Acto seguido, debemos convertir la imagen de formato de bits a l\u00edneas puras. Esto lo conseguimos mediante una herramienta denominada \u00abCalco de imagen\u00bb y luego expandimos a toda la imagen.<\/p>\n\n\n\n

\"Imagen<\/figure><\/div>\n\n\n\n

Esto har\u00e1 que el programa traduzca esos puntos de las im\u00e1genes en .jpg o .png, y los unir\u00e1 mediante l\u00edneas rectas<\/strong>. El problema es que habr\u00e1 infinidad de puntos que no sean \u00fatiles para darle la forma final a la imagen. Es decir, podemos tener una l\u00ednea recta que tenga 4 puntos de uni\u00f3n, en vez de tener solo dos puntos (que es lo que se necesita para hacer una l\u00ednea continua en un plano 2d).<\/p>\n\n\n\n

Reducci\u00f3n de puntos para aligerar la imagen vectorizada y darle calidad<\/h3>\n\n\n\n

Posteriormente, nos queda el arduo trabajo de eliminar todos esos puntos de uni\u00f3n que hemos explicado anteriormente. Para ello, iremos moldeando el dise\u00f1o con la forma m\u00e1s eficiente que requiera menos puntos.<\/p>\n\n\n\n

NOTA: Antes hemos hablado de l\u00edneas, pero tambi\u00e9n se trabajan con otras formas cl\u00e1sicas como las curvas<\/strong>. Con estas formas b\u00e1sicas se puede modificar la imagen para que refleje realmente el dise\u00f1o.<\/p>\n\n\n\n

Te mostramos en una imagen donde ver\u00e1s la diferencia entre un dise\u00f1o depurado y otro en bruto.<\/p>\n\n\n\n

\"Imagen<\/figure><\/div>\n\n\n\n

Vale, lo admitimos, no tiene que quedar perfecto para realizar un dise\u00f1o sobre una superficie peque\u00f1a. Pero si lo trabajamos bien, ese archivo vectorizado nos servir\u00e1 en un futuro<\/strong> para infinidad de necesidades: modificar sus formas y fondos de color, ampliar o reducir el tama\u00f1o requerido, o ajustar con un solo golpe de rat\u00f3n el grosor de l\u00edneas y contornos.<\/p>\n\n\n\n

En Ravanetto guardamos los dise\u00f1os, por lo que, si ya has hecho pedidos con nosotros agilizaremos los procesos para enviarte bocetos casi al instante<\/strong>. Adem\u00e1s, tan solo tendr\u00e1s que indicarnos las modificaciones para que nuestros dise\u00f1adores las apliquen en el art\u00edculo personalizado que necesites.<\/p>\n\n\n\n

Terminamos el dise\u00f1o vectorizado a\u00f1adiendo los rellenos de color<\/h3>\n\n\n\n

Una vez que tengamos la imagen vectorizada aplicarle color<\/strong> ser\u00e1 sumamente sencillo en Ilustrator. Simplemente seleccionando la zona y clicando en el color elegido. Podemos hacer lo que queramos: darle color al contorno, hacer rellenos, degradados o aplicar colores planos sobre un \u00e1rea determinada.<\/p>\n\n\n\n

\"Escala<\/figure><\/div>\n\n\n\n

Si intent\u00e1semos dar color a una imagen sin vectorizar y sin depuraci\u00f3n, los colores se expandir\u00edan de mala manera, quedando un dise\u00f1o emborronado.<\/p>\n\n\n\n

Podremos aplicar colores con diferentes escalas<\/strong>: CMYK, HSB, LAB, RGB, Pantone Coated o Uncoated. Aunque en esencia ser\u00e1n iguales, dependiendo de la t\u00e9cnica de personalizaci\u00f3n tendremos que usar una escala de colores u otra. Por ejemplo, la escala Pantone Coated se utiliza para serigraf\u00eda<\/a>, y ser\u00e1 la escala principal que usaremos. Sin embargo, si utilizamos impresi\u00f3n digital o sublimaci\u00f3n, necesitaremos CMYK (Cyan, Magenta, Yellow and Black).<\/p>\n\n\n\n

El boceto terminado<\/h2>\n\n\n\n

Creada la imagen vectorizada y aplicado el color, ya podemos utilizar el dise\u00f1o para crear el boceto<\/strong>. Este elemento es el recurso gr\u00e1fico que te enviaremos, y consiste en acoplar el logotipo ya vectorizado sobre otra imagen del art\u00edculo publicitario que nos hayas pedido dentro de las \u00e1reas de marcaje que nos digas.<\/p>\n\n\n\n

\"Boceto<\/figure><\/div>\n\n\n\n

As\u00ed, una vez que nos indiques las modificaciones que te gustar\u00edan, ser\u00e1 muy sencillo modificarlo y solo consistir\u00e1 en minutos de trabajo. Recuerda que en Ravanetto podr\u00e1s hacer todas las modificaciones que quieras<\/strong> al dise\u00f1o sin ning\u00fan coste extra, y que solo pasaremos el pedido a producir una vez nos hayas dado tu \u00abok\u00bb final.<\/p>\n\n\n\n

Conclusiones\u2026<\/h2>\n\n\n\n

Como ves, vectorizar una imagen y prepararla para el proceso de impresi\u00f3n es una labor ardua que puede requerir bastante trabajo. Cuanta peor calidad tenga la imagen se requerir\u00e1 un trabajo adicional. Es por eso que recomendamos a nuestros clientes que tengan una imagen de buena calidad para poder realizar los trabajos de dise\u00f1o m\u00e1s r\u00e1pido.<\/p>\n","protected":false},"excerpt":{"rendered":"

\u00bfQu\u00e9 es una imagen vectorizada y c\u00f3mo se hace? Las im\u00e1genes vectorizadas suelen causar confusi\u00f3n entre nuestros clientes. Dado el car\u00e1cter t\u00e9cnico del sector del merchandising, es confuso comprender, \u00bfporqu\u00e9 se necesita una imagen con alta calidad para realizar los fotomontajes? \u00bfQu\u00e9 es una imagen vectorizada? \u00bfPorqu\u00e9 necesitas una imagen con alta resoluci\u00f3n para realizar …<\/p>\n","protected":false},"author":4,"featured_media":3763,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"image","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[1],"tags":[216,53,36,171,215],"yoast_head":"\n\u00bfQu\u00e9 es una imagen vectorizada y c\u00f3mo se hace? \u3010 blog ravanetto \u3011<\/title>\n<meta name=\"description\" content=\"\u00bfQuieres saber c\u00f3mo hacemos una imagen vectorizada para personalizar art\u00edculos publicitarios? \u00a1Te explicamos qu\u00e9 son y como sacarles partido!\" \/>\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.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es y como se hace una imagen vectorizada?\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres saber c\u00f3mo hacemos una imagen vectorizada para personalizar art\u00edculos publicitarios? \u00a1Te explicamos qu\u00e9 son y como sacarles partido!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Ravanetto\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RavanettoSL\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-02T16:35:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-02T16:41:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-content\/uploads\/2022\/02\/imagen-sin-vectorizar-vectorixada.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:title\" content=\"\u00bfQu\u00e9 es y como se hace una imagen vectorizada?\" \/>\n<meta name=\"twitter:description\" content=\"\u00bfQuieres saber c\u00f3mo hacemos una imagen vectorizada para personalizar art\u00edculos publicitarios? \u00a1Te explicamos qu\u00e9 son y como sacarles partido!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-content\/uploads\/2022\/02\/imagen-sin-vectorizar-vectorixada.png\" \/>\n<meta name=\"twitter:creator\" content=\"@ravanetto\" \/>\n<meta name=\"twitter:site\" content=\"@ravanetto\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\">\n\t<meta name=\"twitter:data1\" content=\"6 minutos\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#organization\",\"name\":\"Ravanetto SL\",\"url\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/RavanettoSL\",\"https:\/\/twitter.com\/ravanetto\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#logo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-content\/uploads\/2017\/09\/ravanetto.png\",\"width\":500,\"height\":500,\"caption\":\"Ravanetto SL\"},\"image\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#website\",\"url\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/\",\"name\":\"Blog de Ravanetto\",\"description\":\"Noticias referentes a regalos de empresa publicitarios personalizados\",\"publisher\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#primaryimage\",\"inLanguage\":\"es\",\"url\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-content\/uploads\/2022\/02\/creacion-fotolitos-scaled.jpg\",\"width\":2560,\"height\":1920},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#webpage\",\"url\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/\",\"name\":\"\\u00bfQu\\u00e9 es una imagen vectorizada y c\\u00f3mo se hace? \\u3010 blog ravanetto \\u3011\",\"isPartOf\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#primaryimage\"},\"datePublished\":\"2022-02-02T16:35:40+00:00\",\"dateModified\":\"2022-02-02T16:41:52+00:00\",\"description\":\"\\u00bfQuieres saber c\\u00f3mo hacemos una imagen vectorizada para personalizar art\\u00edculos publicitarios? \\u00a1Te explicamos qu\\u00e9 son y como sacarles partido!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/\",\"url\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/\",\"name\":\"Blog\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/\",\"url\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/\",\"name\":\"\\u00bfQu\\u00e9 es una imagen vectorizada y c\\u00f3mo se hace?\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#\/schema\/person\/0ae4a0843cd174f4949432f7a06c6cd3\"},\"headline\":\"\\u00bfQu\\u00e9 es una imagen vectorizada y c\\u00f3mo se hace?\",\"datePublished\":\"2022-02-02T16:35:40+00:00\",\"dateModified\":\"2022-02-02T16:41:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#primaryimage\"},\"keywords\":\"Bocetos,Con\\u00f3cenos,Ravanetto,Regalos personalizados,Vectorizado\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.ravanetto.com\/blog-ravanetto\/imagen-vectorizada-que-es-y-como-se-hace\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#\/schema\/person\/0ae4a0843cd174f4949432f7a06c6cd3\",\"name\":\"Ravanetto\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ravanetto.com\/blog-ravanetto\/#personlogo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2d0181470919affd323228d29c446937?s=96&d=retro&r=g\",\"caption\":\"Ravanetto\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/posts\/3756"}],"collection":[{"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/comments?post=3756"}],"version-history":[{"count":6,"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/posts\/3756\/revisions"}],"predecessor-version":[{"id":3771,"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/posts\/3756\/revisions\/3771"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/media\/3763"}],"wp:attachment":[{"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/media?parent=3756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/categories?post=3756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ravanetto.com\/blog-ravanetto\/wp-json\/wp\/v2\/tags?post=3756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}