Cómo Vectorizar con Illustrator Rápido y Fácil ✅ | Crehana para empresas
Aprende cómo vectorizar una imagen en Illustrator rápido y fácil

Aprende cómo vectorizar una imagen en Illustrator rápido y fácil

Última actualización 10 de Mayo del 2021Tiempo de lectura: 7 min.

Andrea Alonso

¿Te ha pasado que necesitas una imagen pero solo la tienes disponible en papel? Las herramientas digitales llegaron para quedarse y ser nuestra salvación en esos casos.

Incorporar nuevos conocimientos, tales como como vectorizar una imagen con Illustrator e implementar el uso de herramientas como computadoras y tabletas gráficas sirve sin dudas para potenciar tu arte. 

En la era digital nuestro lienzo es la pantalla y las imágenes suelen ser vectoriales o de mapas de bits. Para entender mejor estos conceptos y saber cómo vectorizar con Illustrator, tenemos que partir de lo básico.

 

¿Qué es la ilustración digital? 

Como te comentamos más arriba, digitalmente hablando, nuestro lienzo es una pantalla y las imágenes que utilizamos son vectores o mapas de bits. Pero, ¿qué es la ilustración digital?

 

Ilustración digital

Imagen: Freepik
 

Para tener más claro este concepto y entender cómo vectorizar con Illustrator, Andrea Galecio, profesora de nuestro curso online Domina Illustrator y la ilustración digital desde cero, nos da un pequeño preámbulo.

"La ilustración digital consiste en crear directamente una imagen a través de un boceto tradicional hecho a lápiz. Esto nos servirá como guía para el proceso de la ilustración digital". 


Estas nuevas formas de pensar el diseño vienen pisando fuerte desde hace unos años y ya se incorporan a las tendencias en diseño gráfico para este 2021.

Para realizar una ilustración digital nos apoyaremos en herramientas como Adobe Illustrator, que es un programa de dibujo vectorial. Pero, ¿qué es un vector? Esta es otra de las interrogantes que debemos resolver antes de conocer cómo vectorizar con Illustrator. La explicación en el siguiente punto.

 

 

¿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.

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. 

Pero entonces, ¿qué es un píxel?

Las imágenes digitales se crean formando una retícula rectangular formada por celdillas. Cada una de estas recibe el nombre de píxel.

Los píxeles son las unidades de color que componen la imagen. Un píxel no tiene una medida concreta, no se puede decir si mide un milímetro, un centímetro o un metro. 

Simplemente es la medida de división de una retícula en celdillas, algo así como la trama de una tela.

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. 

Aquí es donde intervienen los conceptos de tamaño y de resolución.

El tamaño se obtiene como producto de la cantidad de píxeles de ancho por la cantidad de píxeles de largo

La resolución de una imagen digital, por otro lado, es la capacidad de reproducir fielmente todos los detalles que tenga.

Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual. A mayor resolución, más píxeles caben en una pulgada y menor será el tamaño de los píxeles.

Estos píxeles por pulgada se abrevian con la sigla “dpi” (dots per inch, por su traducción en inglés) en los programas de diseño como Photoshop o Illustrator.
 

¿Qué son los vectores?

Una manera muy distinta de construir una imagen por medio de un proceso basado en operaciones matemáticas.

A través de este método, se le brindan coordenadas a la computadora o dispositivo en el que esté trabajando el software para pedirle que trace una línea o una forma. 

Esta es la base de las llamadas imágenes vectoriales

Los vectores están construidos por figuras geométricas (ej. círculos, cuadrados) y se basan en estas coordenadas matemáticas para definir su posición y forma. 

Aquí, las líneas son definidas y la resolución es infinita y, por ende, las imágenes vectoriales pueden ampliarse o reducirse sin arriesgar calidad.  

Un ejemplo de aplicación de las imágenes vectoriales son los logotipos.

Si se toma un logotipo vectorizado, es posible imprimirlo en una tarjeta personal o  agrandarlo e imprimirlo en una gigantografía, manteniendo la forma y la proporción en todos los casos.

Otros usos de los vectores además, de los logotipos, pueden ser las ilustraciones, los íconos, entre otros.  

Algunos formatos de imágenes vectoriales pueden ser: .AI (formato propio del software de diseño Adobe Illustrator), .SVG y .EPS. 

Para resumir en breves palabras, una imagen digital de estas características consiste en una larga cadena de unos y ceros que representan todos los pequeños puntos coloreados (o píxeles) que conjuntamente forman la imagen.
 

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. 

 

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. 

Recuerda que este proceso puede realizarse tanto con mouse con una tableta gráfica de dibujo.
 

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 Illustrator, puedes utilizar la herramienta pluma. La encontrarás 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 clic 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 aprendí durante el curso logré crear la versión vectorizada de mi dibujo.

 

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 Ilustrator

En 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. 
 

Illustrator es la mejor herramienta para los ilustradores y cuenta con muchas ventajas que seguro te enamorarán😍
 

Cursos para practicar con vectores

En esta sección te traemos algunos cursos de Crehana que resultan muy interesantes y que te pueden servir para trabajar con imágenes vectoriales y volverte un maestro.

Cada uno de ellos tiene un nivel determinado y una serie de características para que puedas practicar el uso de vectores en tus proyectos.
 

1. Domina Illustrator y la ilustración digital desde cero

¿Quieres aprender cómo vectorizar en Illustrator y demás funciones de esta herramienta? Este curso online, sin duda, es para ti. 

En este curso de ilustración digital aprenderás los pasos básicos para convertirte en un experto en Illustrator y en la vectorización de imágenes. 

Andrea Galecio es la profe de este curso online que tiene un total de 61 clases online con una duración total de siete horas.

Inscríbete aquí

curso domina illustrator desde cero

 

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

¿Sabes dibujar, tienes cuadernos llenos de bocetos, quieres ser ilustrador, 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. ¿La mejor parte? ¡Es GRATIS!

Inscríbete aquí

Y si te quedaste con ganas de más, puedes sumar el curso completo de Felo, “Del papel a la pantalla: Introducción a la ilustración digital”.

 

3. 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.

Inscríbete aquí

4. 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 aquí

 

5. 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 aquí

curso ilustración para branding

 

6. Ilustración vectorial de personajes

En este curso online aprenderás las mejores técnicas para transformar tu cultura popular en personajes vectorizados. ¡Podrás elegir a los personajes icónicos que prefieras y convertirlos en composiciones vectoriales!

Kevin Ruda es el profesor de este curso online y nos guiará en el proceso para vectorizar nuestros personajes favoritos desde la etapa de inspiración e influencias hasta la construcción. 

Este curso para aprender cómo vectorizar en Illustrator está conformado por 36 clases con una duración total de 1h 45m.

Inscríbete aquí

ilustración vectorial de personajes

 

7. Ilustración vectorial avanzada en Adobe Illustrator

Uno nunca termina de aprender, así que si crees que lo sabes todo sobre la vectorización en Adobe Illustrator te equivocas. Nuestro profesor Lucas Suancha nos enseñará los mejores trucos de la ilustración vectorial en este curso online. 

Se trata de un completo curso online que tiene 67 clases con una duración de 8h 38m y que podrás llevar a tu ritmo. ¡Conviértete en un maestro de la ilustración vectorial! 

Inscríbete aquí
 

ilustración vectorial avanzada


Extra: ¿Cómo crear textos 3D con Adobe Illustrator?

Como un extra, te dejamos este video con algunos tips para crear textos 3D en Illustrator:

 

Esperamos que con todas estas alternativas hayas aprendido cómo vectorizar con Illustrator y que puedas experimentar nuevas formas de diseño digital.

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

 

 

También podría interesarte