Cómo vectorizar una imagen

Lo primero que viene a la mente al pen­sar en una ima­gen vec­to­r­i­al es Adobe Illus­tra­tor. Este soft­ware grá­fi­co pro­fe­sion­al es uti­liza­do por casi todos los dis­eñadores del plan­e­ta y puede pare­cer un poco intim­i­dante para cualquier usuario nue­vo que quiera apren­der algu­nas tar­eas bási­cas como la de vec­tor­izar una ima­gen. Una ima­gen crea­da por una cámara dig­i­tal se lla­ma ima­gen ras­ter­i­za­da o de mapa de bits. Estas imá­genes están for­madas por una matriz rec­tan­gu­lar de píx­e­les (pun­tos de col­or), y un píx­el es el ele­men­to de ima­gen más pequeño en una pan­talla. Las imá­genes vec­to­ri­ales son grá­fi­cos for­ma­dos por pun­tos, líneas y cur­vas que se con­struyen medi­ante fór­mu­las matemáticas.

Los grá­fi­cos vec­to­ri­ales son inde­pen­di­entes de la res­olu­ción y se puede cam­biar su tamaño de for­ma ilim­i­ta­da sin perder nada de la cal­i­dad de la ima­gen en el pro­ce­so. Resul­ta muy útil cuan­do quieres imprim­ir una ima­gen en difer­entes tamaños o hac­er algunos grá­fi­cos de arte dig­i­tal. Este tuto­r­i­al le mostrará cómo con­ver­tir una ima­gen pix­e­la­da en una ima­gen vec­to­r­i­al en Adobe Illus­tra­tor. Además, puedes con­sul­tar otros de nue­stros tuto­ri­ales sobre cómo uti­lizar Adobe Pho­to­shop.

Crear un vector en Adobe Illustrator

Paso 1. Abrir la imagen rasterizada

Abra su archi­vo de ima­gen (JPG, PNG, etc.) en Illus­tra­tor hacien­do clic en Archi­vo > Abrir 

Screenshot showing how to open an image in Adobe Illustrator
Para inser­tar una ima­gen en Adobe Illus­tra­tor, vaya al botón “Archi­vo > Abrir” y selec­cione la ubi­cación de su imagen

Hemos elegi­do esta ima­gen de un hela­do, pero puedes con­sul­tar mil­lones de otras fotos gra­tu­itas de alta cal­i­dad en el sitio web de Wunderstock.

Ima­gen: Alex Jones

Paso 2. Abra el espacio de trabajo de trazado de la imagen

Illus­tra­tor tiene una her­ramien­ta espe­cial lla­ma­da Traza­do de Ima­gen para vec­tor­izar imá­genes. Puedes encon­trar­la sigu­ien­do estos pasos de nave­gación: Ven­tana > Espa­cio de tra­ba­jo > Trazado

Screenshot showing how to open Image Trace option in Illustrator
Para abrir la opción de Traza­do de Ima­gen en Adobe Illus­tra­tor, sigue estos pasos: Ven­tana > Espa­cio de tra­ba­jo > Rastreo

Paso 3. Seleccione la imagen y marque el botón de vista previa

Aho­ra se abrirá una nue­va pes­taña de espa­cio de tra­ba­jo que se acti­vará una vez que selec­cione la ima­gen inser­ta­da. El icono está en el ángu­lo supe­ri­or dere­cho del pan­el de con­trol y tiene el sigu­iente aspec­to . En el pan­el de Traza­do de la ima­gen haga clic en el botón de Vista pre­via (esquina infe­ri­or izquier­da). De esta man­era podrá ver el con­torno de una ima­gen en for­ma­to vectorial.

Screenshot showing how to click on Preview button in Illustrator
Para ver un con­torno de la ima­gen vec­tor­iza­da, haga clic en el botón Vista previa

Paso 4. Elija la opción de preajuste

Aho­raes el momen­to de jugar con los prea­justes en fun­ción del efec­to que quieras con­seguir. Echa un vis­ta­zo al menú desple­gable de prea­justes

y elige el que se ajuste a tus necesi­dades. Los prea­justes son la con­fig­u­ración pre­de­ter­mi­na­da de los ajustes que se apli­carán automáti­ca­mente a la ima­gen después de ele­gir uno.

Estas son tus opciones:

  • Per­son­al­iza­do - si eres un prin­cipi­ante en el uso de Illus­tra­tor, te sug­e­r­i­mos algu­nas de las otras opciones de prea­juste de la lista has­ta que ten­gas la sen­sación de qué efec­to quieres lograr.
  • Foto dealta fidel­i­dad — repro­duc­ción vec­to­r­i­al fotor­re­al­ista de alta calidad.
  • Foto debaja fidel­i­dad — bas­tante sim­i­lar al efec­to de alta fidel­i­dad, pero crea un con­torno vec­to­r­i­al simplificado.
  • 3 Col­ores, 6 Col­ores y 16 Col­ores — prea­justes bas­tante auto­ex­plica­tivos. La ima­gen vec­to­r­i­al ten­drá una gama de tres, seis o 16 colores.
Screenshot of 3 Colors, 6 Colors, and 16 Colors preset
Difer­en­cia entre los prea­justes de “3 Col­ores, 6 Col­ores y 16 Colores”
  • Som­bras de gris - ima­gen vec­tor­iza­da en escala de grises
  • Logotipoen blan­co y negro — bási­ca­mente lo que el nom­bre está dicien­do. Crea un logotipo sen­cil­lo en col­ores B&N.
  • Sketched Art, Sil­hou­ettes, Line Art, and Tech­ni­cal Draw­ing - crea dibu­jos sim­pli­fi­ca­dos en blan­co y negro a par­tir de un for­ma­to fotográ­fi­co. Si ust­ed es, o planea con­ver­tirse en un artista de la plan­til­la esta opción defin­i­ti­va­mente hará su vida mucho más fácil.
Screenshot showing Paths, Corners, and Noise options in Adobe Illustrator
Las opciones avan­zadas de traza­do de imá­genes incluyen: “Ajustes de trayec­to­rias, esquinas y ruido”

Paso 5. Ajustar Trazados, Esquinas y Ruido

Puede hac­er avan­zar su ima­gen vec­to­r­i­al aju­s­tan­do Traza­dos , Esquinas y Ruido.

  • Traza­dos- Arras­tran­do el deslizador hacia la derecha hace que el vec­tor ten­ga pun­tos de esquina más pre­cisos, mien­tras que arras­trán­do­lo hacia la izquierda/valor más bajo creará bor­des más suaves.
  • Esquinas — Esta opción hará que las esquinas de la ima­gen sean más níti­das en caso de un val­or más alto y más suaves en caso de un val­or más bajo.
  • Rui­do: si arras­tra el con­trol deslizante hacia la izquier­da, el vec­tor recogerá la may­oría de los detalles de la ima­gen orig­i­nal. Si lo arras­tra hacia la derecha/valor más alto, la may­oría de las áreas de la ima­gen no serán vis­i­bles en la per­spec­ti­va. Cuan­to más bajo sea el número, menos píx­e­les se nece­si­tarán, por lo que habrá un traza­do más detal­la­do (o rui­doso). Cuan­to más alto sea el número, más áreas de la ima­gen serán igno­radas, y el vec­tor ten­drá mucho menos detalle.
Screenshot of making final steps in vectorizing an image in Adobe Illustrator
Para vec­tor­izar una ima­gen, des­mar­ca la “Vista pre­via” y haz clic en el botón “Trazar”

Paso 6. Haga clic en el botón Trazar

Una vez que estés sat­is­fe­cho con el resul­ta­do vec­to­r­i­al, des­mar­ca la opción de Vista Pre­via (este es un paso real­mente impor­tante, de lo con­trario el botón de Traza­do no estará acti­vo) y haz clic en el Traza­do en la esquina infe­ri­or derecha del pan­el de Traza­do de Imagen.

Screenshot showing final step of vectorizing an image
Para con­ver­tir tu ima­gen en un vec­tor haz clic en el botón “Obje­to > Expandir”

Paso 7. Amplíe la imagen

Lo últi­mo que debes hac­er antes de que Illus­tra­tor comience a con­ver­tir tu ima­gen en vec­tor es hac­er clic en el botón Obje­to > Expandir , y verás las líneas azules que Illus­tra­tor recono­ció como la ima­gen vec­to­r­i­al. Se ve algo así:

Screenshot showing vector image
Ima­gen mostran­do la ima­gen vec­tor­iza­da final

Paso 8. Guarde la imagen vectorial

Si hay algu­nas zonas o algún obje­to que quieras elim­i­nar antes de guardar la ima­gen, puedes selec­cionar el camino que no te guste y dar­le al botón de retro­ce­so. Al final, todo lo que tienes que hac­er es guardar la ima­gen hacien­do clic en Archi­vo > Guardar como y ele­gir un for­ma­to de ima­gen vec­to­r­i­al. Hay una gran var­iedad de for­matos de ima­gen vec­to­r­i­al (PDF, AI, EPS, SVG). Los más comunes son PDF para impre­sión o SVG para web.

Nosotros elegi­mos el for­ma­to SVG. Si no has hecho ningu­na edi­ción pesa­da en la sec­ción de prea­justes, tu ima­gen vec­tor­iza­da se verá prác­ti­ca­mente igual que la ima­gen ras­ter­i­za­da. Sólo cuan­do amplíes la ima­gen y com­pruebes los detalles, te darás cuen­ta de que el vec­tor no se pix­e­lará por mucho que amplíes la ima­gen, mien­tras que la ima­gen ras­ter­i­za­da perderá cal­i­dad de res­olu­ción al ampliarla.

Screenshot showing difference between raster and vector image
Ima­gen que mues­tra la difer­en­cia entre la ima­gen ras­ter­i­za­da y la vectorial

Aho­ra ya has apren­di­do a vec­tor­izar una ima­gen. Puede que no seas capaz de hac­er­lo per­fec­ta­mente en la primera vez, pero no te desanimes. Después de un par de “prue­ba y error” estarás sat­is­fe­cho con el resul­ta­do final.

Deja un comentario