¿Cómo vectorizar una imagen en Illustrator rápido y fácil?

Última actualización 29 de Diciembre del 2020

user

Andrea Alonso

¿Cómo vectorizar una imagen en Illustrator rápido y fácil? ¿Cómo vectorizar una imagen en Illustrator rápido y fácil?

Las herramientas digitales llegaron para quedarse, así que muchos artistas adoptaron nuevos conocimientos como vectorizar una imagen e implementaron el uso de herramientas como computadoras y tabletas gráficas para potenciar su arte. 

Anteriormente, los artistas dibujaban en papel, con pincel y lápiz, lograban mezclas de colores y texturas sobre un lienzo. En la era digital nuestro lienzo es la pantalla y nuestras imágenes suelen ser vectoriales o de mapas de bits.

Índice

¿Qué es un vector o dibujo vectorial? 

Un vector es un trazo que está conformado por miles de puntos. Dos o más vectores pueden construir formas y segmentos. A diferencia de los mapas de bits, puedes cambiar su tamaño sin perder la calidad de resolución, ya que mientras más escales tu dibujo vectorial, el programa lo irá llenando de puntos. Esto permite que el tamaño de tu diseño pueda ser grande o pequeño sin sufrir alteraciones.

La mayoría de los diseñadores gráficos e ilustradores utilizan dibujos vectoriales para crear ilustraciones, logos, íconos y muchos otros gráficos. Es muy útil para la impresión, ya que puedes alterar el tamaño sin deformar el diseño. Estos son bastante ligeros en cuanto a peso y se utilizan en software como Adobe Illustrator.

A pesar de la aparición de estas herramientas que te permiten crear imágenes digitales, muchos ilustradores primero hacen bocetos a mano sobre papel con lápiz. Una vez que tienen la idea lista, convierten sus dibujos en imágenes vectoriales ubicando los puntos de sus vértices y modificándolos para crear curvas. Es una tarea que toma tiempo, pero después será mucho más sencillo manipular el dibujo con distintas herramientas para darle color, sombras, etc.

¿Ya sabes todo lo que puedes hacer con Adobe Illustrator?

Cómo vectorizar una imagen en Adobe illustrator

¿Quieres aprender a vectorizar una imagen en Adobe Illustrator?  Lo primero que debes tener bien mentalizado es que es un proceso que al inicio puede resultar tedioso pero nada que con la práctica no puedas dominar. Por eso en esta publicación te enseñaremos las formas en las que puedes realizar este proceso de manera sencilla. 

Vectorizar utilizando la herramienta pluma

La herramienta pluma de Adobe Illustrator es la herramienta principal al momento de pensar en vectorizar una imagen.  Estos son los pasos que debes tener en cuenta al momento de usar la pluma. 

1. Digitaliza tu dibujo o imagen

Si piensas llevar a digital uno de tus bocetos asegúrate de tenerlo escaneado o puedes tomarle una foto con tu celular y enviartelo por correo electrónico.  Evita usar servicios de comunicación como Whatsapp o Facebook Messenger porque priorizan el tamaño sobre la calidad de imagen. 

2. Importar tu dibujo o imagen a Adobe Illustrator

Una vez que tengas guardada la imagen en tu ordenador o laptop. Lo que debes hacer para importarlo en tu Lienzo de Adobe Illustrator  debes ir a Archivo > Colocar… o también puedes usar el shortcut: May + Control + P

Como importar imágenes a Illustrator 2020 para vectorizar

Una vez que tienes abierta la imagen que quieres vectorizar en tu mesa de trabajo de Adobe Ilustrator, puedes utilizar la herramienta pluma. La encontrar en tu panel de herramientas al lado derecho, por lo general, debajo de la herramienta selección. También puedes usar la letra P como shortcut para activar esta herramienta

herramienta-pluma-para-vectorizar-en-illustrator

 

3. Asegúrate de los colores de relleno y trazo

Antes de comenzar a usar la herramienta asegúrate que tu color de relleno esté transparente y el color del trazado que haga un buen contraste con tu imagen para que sea más fácil al momento de ir trabajando con la pluma. 

4. Comienza a vectorizar tu imagen

Con la pluma de Adobe Illustrator deberás colocar un punto de inicio e irás marcando el contorno de la imagen estirando las líneas de un punto a otro, estos se llaman puntos ancla.

vectorizacion rapida en illustrator

Mientras vas creando los puntos te vas a percatar que son vectores rectos. Para poder darles una curvatura solo debes mantener el click izquierdo sostenido y mover tu mouse de tal forma que la curva calce a la de tu dibujo. También para esto puede usar la herramienta curvatura que se encuentra a lado de la pluma. 

Recuerda que si con la pluma ya no quieres que sigan apareciendo vectores en curva y solo debes presionar ALT + click en el punto de inicio de tu siguiente trazo. Así el vector seguido a ese punto volverá a ser recto. Puedes jugar con ambas formas para poder terminar de delinear los contornos de tu dibujo o boceto. 

Si la visión se te dificulta puedes usar CTRL + Signo Más  o CTRL + Signo Menos para jugar con el zoom de la pantalla y poder ver las partes más complejas de calcar. Es importante recordar que para vectorizar de forma correcta, debes cerrar el punto con la pluma en el mismo lugar donde iniciaste la vectorización. 

5. Cuentagotas para copiar los colores tu imagen

Cuenta gotas en Illustrator

Una vez que tengas el contorno de tu imagen en vectores, puedes usar la herramienta cuentagotas para copiar colores de la imagen original.

Si tu imagen original está conformada por varias partes de diversos colores puedes primero bordear la imagen general y luego elemento por elemento. En nuestro caso tenemos un personaje así que hemos usado la pluma para dibujar todos los elementos que lleva puesto este personaje. 

6. Apóyate de todas las herramientas para el resultado final

Como vectorizar una imagen o foto de manera rápida

Podrás ayudarte de algunas de las formas que te ofrece Adobe Illustrator CC para poder usarlas en tu dibujo final. Tu boceto sirve como base pero puedes usar todas las herramientas y tu creatividad para perfeccionar el trabajo final. Puede tomar un poco más de tiempo pero una que termines verás resultados increíbles. 

como vectorizar una imagen rapido en illustrator

Este es parte de mi proyecto final del curso de Wawawiwa Humor Gráfico con Illustrator: Define tu estilo visual.

El dibujo inicial fue realizado en un papel y con crayones y con las diversas técnicas que aprender durante el curso logré crear la versión vectorizada de mi dibujo.

10 packs de vectores para Illustrator gratis que amarás

 

Como crear textos 3D con After Effects

 

Vectorizar utilizando el calco de imagen 

Otra forma más rápida y ágil para poder acelerar el proceso de vectorizado es la herramienta de “Calco de Imagen” que te brinda Adobe Illustrator. Esta herramienta hace muchos procesos de manera automática utilizando inteligencia artificial. Recuerda no acostumbrarte a esta herramienta porque dependerá mucho de la calidad de tu imagen los resultados que vayas a obtener. Aquí te explicamos cómo vectorizar una imagen con la herramienta Calco de Imagen de Adobe Illustrator. 

1. Importa la imagen a vectorizar

Al igual que la otra forma de vectorizar debes tener a la mano una imagen de tu dibujo o la imagen en jpg o png de lo que quieres pasar a vectores. Impórtala a través de la opción Archivo >> Colocar o usando Ctrl + Mayúscula + P

2. Activa la herramienta Calco de Imagen

¿Dónde está esta herramienta? Hay dos maneras por las cuales puedes llegar a esta opción. La primera es que una vez hayas importado tu imagen en tu lienzo de Illustrator basta con seleccionarla y en el menú superior tendrás una opción que se llama”Calco de Imagen”. 

Como hacer el calco de imagen en IlustratorEn caso  no encuentres esa alternativa puedes ir al menú “Ventanas” y buscar la herramienta. Suele estar debajo de Buscatrzos. Si tienes el programa en inglés busca por Image Trace.

calco de imagen illustrator 2020

 

3. Elige el modo de Calco 

La herramienta Calco de Imagen de Adobe Illustrator te permite vectorizar imágenes de pixel a través de diferentes maneras. Estas alternativas te arrojan vectores a colores, blanco y negro o escala de grises. 

Calco de imagen en Adobe Illustrator 2020

Puedes ir probando con las diferentes opciones para poder encontrar la que realmente estás necesitando. Ten consideración que mientras más grande sea la imagen el proceso puede tomar mucho más tiempo en realizarse. Si tienes muchos detalles incluso puede acumular gran parte de tu memoria RAM. Guarda tu documento antes de usar la herramienta para que no pierdas tus avances. 

Como hacer el vectorizado de una foto con calco de imagen

4. Separa los elementos  

Si quieres manipular los vectores que conforman tu imagen solo debes seleccionar tu imagen vectorizada y activar la opción Expandir que encontrarás en la herramienta superior. Una vez que le des click podrás ver los elementos agrupados. Ya queda bajo tu decisión si trabajarlos como un grupo o desagruparlos. 

como expandir un calco de imagen

Como habrás notado en algunos casos la vectorización no termina siendo 100% prolija por lo que en ese caso te tocará hacer el trazado de manera manual. 

Adobe Illustrator es un software donde siempre descubres trucos nuevos. Lo más importante es que no dejes de practicar. Si quieres comenzar a trabajar con vectorizaciones, puedes tomar alguno de estos cursos donde seguramente lograrás entender aún mejor el funcionamiento de los vectores.

¿Cómo vectorizar un logo en Illustrator?

Una de las principales ventajas de vectorizar un logo es mantener su calidad sin importar el tamaño que tenga. Esto es bastante útil ya que es un formato utilizado para piezas tanto pequeñas como grandes (ej. desde stickers hasta letreros en fachadas). 

Si quieres vectorizar un logotipo, te recomendamos las dos opciones mencionadas anteriormente. 

1. Utiliza la herramienta pluma

Esta opción es un poco más compleja y avanzada, sin embargo podrás lograr mayor detalle. Te recomendamos utilizarla si quieres vectorizar un logo más elaborado y a colores.

2. Vectorizar un logotipo con calco de imagen

Con esta herramienta podrás vectorizar imágenes de una manera rápida y sencilla. Esta es la opción más recomendada si vas a trabajar con logotipos en blanco y negro. Para ello, en los ajustes preestablecidos de “Calco de Imagen” debes colocar “Logotipo en blanco y negro”. Luego podrás separar los trazos con mayor facilidad. 

Si quieres saber por qué Illustrator es la mejor herramienta para los ilustradores, no puedes perderte esta nota.

Curva de Bézier: ¿qué es?

Cuando vectorizamos una imagen en Adobe Illustrator, definimos los puntos entre los cuales se hará un trazo. 

 La curva de Bézier consiste en dos o más puntos de control que marcan el tamaño y la forma de las líneas. El primer y último punto marcan el comienzo y el final, mientras que los que se encuentran en el medio, definen el tamaño de la curvatura. 

 Existen varios tipos de curvas de Bézier. ¿Las conoces?

  • Lineales: líneas rectas definidas por dos puntos.
  • Cuadráticas: tienen mínimo tres puntos, uno de inicio, uno de final y uno de control. 
  • De orden superior: cuentan con dos puntos de control. La curva se da al unir los puntos de inicio y final con los de control.

 

Dentro de este programa, podemos dibujar las curvas bézier con la herramienta pluma. Pero ¿cómo crearlas?

  1. Haz clic en tu punto de partida, el cual llamaremos A. Este es el ancla. 
  2. Haz clic en otro punto cercano, el B, para crear una línea recta. 
  3. Coloca un nuevo punto, el C, y arrástralo hacia uno de los lados. Acá se formará una curva entre este punto y el B. 
  4. Utiliza los manejadores para manipular la curvatura.

 

Al hacer curvas bézier, debemos seguir la regla “menos es más” ya que, de lo contrario, pueden ser difíciles de manejar. Esto se aplica a la cantidad de puntos que trazamos cuando hacemos un dibujo. 

Mapa de bits y vectores

El procesamiento y almacenamiento de imágenes se puede hacer de dos maneras: con los mapas de bits y los vectores. Puede sonar un poco confuso o tal vez pienses que nunca los has visto, pero te podemos asegurar que no es así. ¡Tranquilo que aquí te explicamos las diferencias!

¿Qué son los mapas de bits?

Son también conocidos como bitmaps o imágenes rasterizadas y están compuestas por píxeles. A simple vista de los ojos mortales, los píxeles no se ven. Sin embargo, si nos acercamos podemos verlos con facilidad. Entre más píxeles, más información y mejor calidad. 

Una imagen de mapa de bits se usa para fotografías o imágenes con mucho detalle. Los formatos más comunes aquí son: JPG, PNG, BMP y TIFF.

Algo importante que debes saber de este tipo de formatos es que la cantidad de píxeles es definida, por lo tanto, su calidad es fija. Cuando estas imágenes se amplían o reducen, los píxeles se multiplican o dividen, causando una pérdida de calidad.  

¿Qué son los vectores?

Los vectores están construidos por figuras geométricas (ej. círculos, cuadrados) y se basan en coordenadas matemáticas que definen su posición y forma. Aquí, las líneas son definidas y la resolución es infinita. Una de las principales ventajas de los vectores es que las imágenes pueden ampliarse o reducirse sin arriesgar calidad.  

Los vectores se usan principalmente para logotipos, ilustraciones, íconos, entre otros. Los tipos de formatos más comunes son EPS, AI (de Adobe Illustrator) y SVG. 

 ¿Buscas personajes en vectores? Descarga gratis estos tres y crea grandes proyectos

Cursos para practicar con vectores

1.Introducción a la ilustración con Wacom

¿Sabes dibujar, tienes cuadernos llenos de bocetos, quieres ser lustrador, pero aún te falta aprender a ilustrar digitalmente? ¡Es lo más fácil del mundo! Aprende las bases de la ilustración digital junto a Felo Lira: cómo trasladar un boceto de tu sketchbook a tu computadora y realizar línea, color y acabados digitales de forma rápida en Adobe Photoshop y tan sólo con una tableta digitalizadora. ¿Necesitas más información? ¡Lleva el curso completo de Felo, “Del papel a la pantalla: Introducción a la ilustración digital”!

Inscríbete a este curso aquí

2. Adobe Illustrator: Sé un experto en ilustración digital

Domina desde cero el uso del color, composición de arte y trucos de este software para crear ilustraciones impactantes. ¡Lleva tus ideas a digital! En este curso completo descubrirás cómo explorar tu creatividad y digitalizar tus ideas con vectores junto a Mr. Lemonade, quién te enseñará desde el conocimiento de la interfaz, creación de acciones y atajos, hasta efectos y detalles avanzados.

Inscribete en este curso aquí

3. Domina las herramientas con este curso online de Adobe Illustrator 

Conoce todo lo que este programa de diseño gráfico tiene para ti y conviértete en un experto. En este curso entenderás el sistema completo de diseño en Illustrator, así como la diferencia entre mapa de bits y vectores. Asimismo, aprenderás sobre sus principales herramientas, como la pluma, y cómo usarlas para llevar tu potencial creativo a otro nivel. 

Finalmente, Mr. Lemonade te enseñará cómo vectorizar una imagen en Illustrator y cerrarás el curso creando tu propio póster. ¡Increíble!

Inscríbete en este curso aquí

4. Lettering en Illustrator: Ilustración para branding

¿Te gustaría hacer arte con letras y crear diseños únicos? Con este curso aprenderás sobre la anatomía del lettering, los estilos tipográficos, el volumen y más, para que puedas vectorizar letras en Illustrator. 

¡Descubre el lettering junto a Zure Graphics y comienza a diseñar diferentes tipos de letras!

Inscríbete en este curso aquí

5. Vectorización de imágenes y composición espacial

¿Quieres conocer todas las técnicas de ilustración digital en Illustrator? ¡Llegaste al curso adecuado!

Con este curso introductorio empezarás a entender el mundo de Adobe Illustrator, el proceso de conceptualización, composición y digitalización. Guille Orlando, diseñador gráfico e ilustrador, te enseñará cómo destacar tus ilustraciones a través del trazado usando a tu animal favorito como base. ¿Te animas?

Inscríbete en este curso aquí

 

Comienza a practicar la vectorización con Adobe Ilustrator y conviértete en un profesional que destaque del resto de los creativos

 

Recomendados para ti