Skip to content

Cómo vectorizar un logo

Cómo crear un logo profesional

Cómo vectorizar un logo: Al diseñar el logotipo de un sitio web o una empresa, debe tenerse en cuenta que la imagen que se está creando se utilizará en múltiples contextos. Esto significa que debe crear un logotipo dinámico que se pueda usar en imágenes de cualquier tamaño sin perder calidad o ser irreconocible si se amplía o reduce en comparación con su tamaño estándar.

Para hacer esto, generalmente recurrimos a gráficos vectoriales que permiten, de hecho, obtener imágenes “nítidas” y “elásticas”, es decir, que pueden hacerse más pequeñas y, sobre todo, ampliarse indefinidamente sin desvanecerse ni perder calidad. Pero, ¿cómo lo hace cuando ya ha creado un logotipo en formato estándar y desea transformarlo en una imagen vectorial? Siga mi guía sobre  cómo vectorizar un logotipo  y lo descubrirá.

En los siguientes párrafos, le mostraré cómo hacer esto con Illustrator , el software de gráficos vectoriales de Adobe, y también con programas de edición de fotos como Photoshop y GIMP (incluso si son menos adecuados para este propósito). Y si desea actuar directamente desde el navegador, sepa que también puede usar servicios en línea ad hoc. Si está listo para comenzar, diría que no pierda más tiempo chateando y comience de inmediato. ¡Feliz lectura y, sobre todo, diviértete!

Cómo vectorizar un logotipo con Illustrator

La primera cosa que hay que hacer para vectorizar un logotipo con  Illustrator  es iniciar la aplicación de gráficos vectoriales de Adobe y crear una nueva hoja de cálculo presionando la nueva … Crear botón . En la ventana que se abre, seleccione el elemento Pixel del menú desplegable relacionado con la unidad de medida que se utilizará, establezca las dimensiones del logotipo que desea transformar en gráficos vectoriales como AnchoAltura de la hoja de trabajo y presione el botón Crear para completar el ‘operación.

Una vez que abra la hoja de trabajo de Illustrator, debe importar el logotipo para transformarlo en un elemento vectorial. Para hacer esto, debe hacer clic en el elemento Insertar … en el menú Archivo del programa (arriba) y seleccionar la imagen estándar (en formato JPG, PNG o GIF) que contiene el logotipo a vectorizar. Incluso si el logotipo importado no parece coincidir con el tamaño de la hoja, no se preocupe, es algo que se solucionará automáticamente al guardar la imagen en formato vectorial.

Ahora viene la parte importante. Para comenzar a vectorizar la imagen que importó en Adobe Illustrator, vaya al menú Ventana del programa (arriba) y seleccione el elemento  Trazado de imagen . En la ventana que se abre, elija el tipo de rastreo que desea aplicar en el menú Propiedades (por ejemplo , Foto de alta fidelidad , 16 colores , etc.), en función del resultado que desea lograr. Luego, en el menú desplegable  Método , seleccione las opciones Color , Escala de grises o Blanco y negro , dependiendo de si desea obtener un logotipo en color o en blanco y negro.

En este punto, expanda el menú ▾ avanzada presente en la Imagen de rastreo cuadro y “juego” un poco con las rutas de acceso , ángulos  y perturbaciones valores para tratar de obtener un logotipo que se detallan y fiel al original como sea posible, a continuación, colocar el signo marque la casilla Ignorar blanco si su logotipo tiene un fondo blanco. Cuando esté satisfecho con lo que ve en la vista previa, presione el botón Trazar y su logotipo se transformará en una imagen tipo vector.

Cuanto más se hace. Ahora solo tiene que archivar cualquier imperfección del logotipo de vector utilizando las herramientas de dibujo que encuentra en la barra lateral izquierda de Illustrator (por ejemplo , pincel , colores , etc.) y, cuando esté satisfecho con el resultado, guarde su logotipo de vector seleccionando el elemento Guardar como … del menú Archivo en Illustrator. En la ventana que se abre, indique la carpeta en la que guardar el logotipo, seleccione el elemento SVG en el menú desplegable Tipo  y haga clic en el botón Aceptar para completar la operación.

Para obtener más información sobre cómo vectorizar con Illustrator y cómo usar Illustrator , lea las guías que acabo de vincular con usted.

Cómo vectorizar un logotipo con Photoshop

Aún en Adobe, vemos cómo vectorizar un logotipo con Photoshop , aunque hay que decir que, al ser un software de edición de fotos, es menos adecuado para ese propósito que su “pariente” más cercano (es decir, Illustrator).

Para continuar, primero inicie el software en su computadora, presione el botón  Crear nuevo …  y, en la ventana que se abre, seleccione el elemento Pixel del menú desplegable con respecto a la unidad de medida de referencia que se utilizará y configure como AnchoAltura del En la hoja de trabajo se muestran las dimensiones de la imagen en la que se muestra el logotipo a vectorizar y luego se presiona el botón Crear .

En este punto, abra el menú Archivo , seleccione el elemento Abrir … y elija la imagen en la que está presente el logotipo sobre el que desea actuar. Una vez importado a Photoshop, elimine el fondo de la imagen : para obtener este resultado, haga clic con el botón derecho en la herramienta Lazo en la barra de herramientas de la izquierda, seleccione el elemento de  lazo magnético  y cree una selección lo más precisa posible del logotipo. Luego presione el botón Mejorar borde  ubicado en la esquina superior derecha y ajuste las barras de Radio , Redondo , Pluma , etc. para perfeccionar la selección realizada

Para eliminar el fondo, haga clic derecho en cualquier lugar de la selección que acaba de crear, elija el elemento Seleccionar inverso del menú que se abre y presione la tecla Eliminar / Retroceso  en el teclado. En la ventana que se abre, seleccione el color  Blanco en el menú desplegable Contenido  y presione el botón  Aceptar para eliminar el fondo de la imagen.

Después de esta primera operación, finalmente puede proceder a vectorizar el logotipo. Para continuar, vaya al menú  Imagen> Ajustes  (arriba) y seleccione la herramienta Umbral . En el cuadro que aparece, mueva el cursor al mejor punto de umbral y presione el botón  Aceptar para guardar los cambios. Si no obtiene resultados satisfactorios, vaya al menú Filtro> Galería de filtros y aplique uno de los filtros en la sección  Boceto  y luego intente reutilizar la herramienta Umbral para definir mejor la imagen.

Ahora, abra el panel de capas , haga clic con el botón derecho en el nombre de la capa en relación con su imagen y seleccione el elemento  Opciones de fusión …  en el menú que se abre. Seleccione, por lo tanto, la  opción Opciones de fusión , mueva la primera barra de ajuste ubicada debajo de la palabra  Fondos a la izquierda y presione el botón  OK para guardar los cambios realizados.

Luego vaya al menú  Capa> Nuevo> Capa … , configure la opción  Ninguno  en el menú desplegable  Color y presione el botón  Aceptar  para crear una nueva capa con un fondo transparente. Ahora, haga clic derecho en la capa creada y seleccione el  elemento Fusionar visible del menú que se abre para fusionar las dos capas.

Cuando termine, vaya al  menú Archivo> Exportar> Exportar como … , seleccione la opción  SVG en el menú Formato ubicado en la parte superior derecha y presione el botón  Exportar todo  para elegir la posición para guardar el logotipo en formato vectorial.

Para obtener más información sobre cómo vectorizar con Photoshop y cómo usar Photoshop , lea las guías que acabo de vincular con usted.

Cómo vectorizar un logotipo con GIMP

¿Quieres vectorizar una imagen con GIMP ? Siendo, también en este caso, un software de edición de fotos (gratuito y de código abierto, a diferencia de Photoshop), sabemos que no fue diseñado para hacer este tipo de trabajo y, de hecho, no ofrece la posibilidad de guardar imágenes en SVG . Si desea continuar con GIMP, deberá utilizar algún servicio en línea para convertir la imagen en vector. Dicho esto, si todavía está dispuesto a continuar, encontrará todo lo que se explica a continuación.

Primero, descargue el programa en su computadora (si aún no lo ha hecho) conectándose a su  sitio web y presionando primero el botón  Descargar x.xx.x  y luego en ese  Descargar GIMP x.xx.x directamente  colocado a la derecha. Cuando finalice la descarga, abra el archivo que obtuvo y siga el asistente para completar la instalación del programa.

Si usa  Windows , presione el botón  y luego  OKInstalar  y  finalizar . Sin embargo, si usa una  Mac , arrastre el icono de GIMP a la carpeta de aplicaciones de macOS, haga clic con el botón derecho en el icono del programa y seleccione el elemento Abrir  en el menú que se abre dos veces seguidas (solo tiene que hacer esto en el primer inicio de GIMP para “eludir” las restricciones impuestas por Apple al software de fuentes no certificadas).

Después de instalar e iniciar el programa, abra el archivo de logotipo que desea vectorizar desde el menú  Archivo> Abrir . Ahora tiene que eliminar, si es necesario, el fondo presente en la imagen: por lo tanto, llamar a la herramienta de selección del primer plano  (el icono del pequeño hombre ) de la barra de herramientas a la izquierda y trazar el contorno del logotipo. Una vez que se completa la selección del logotipo, use el cursor del mouse para marcar el área que desea mantener y presione Entrar en el teclado para activar la selección que acaba de hacer.

Ahora, haga clic derecho en el logotipo en la imagen que está editando y seleccione los elementos  Seleccionar> Invertir en el menú que aparece. Luego presione la tecla Supr en el teclado de la PC y el fondo de la imagen se eliminará, dejando solo visible la parte de la imagen que ha marcado. Ahora, vaya al menú Colores , haga clic en el elemento  Desaturación para aplicar la escala de grises a la imagen y luego seleccione el elemento Posterizar en el mismo menú.

En el cuadro que aparece en la pantalla, mueva el cursor ubicado cerca del elemento de  nivel de Posterización al nivel que prefiera (le aconsejo que no use niveles demasiado altos, de lo contrario obtendrá un resultado desagradable) y luego presione el botón OK .

En este punto, vaya al menú  Archivo> Exportar  y exporte el trabajo en formato PNG (como dije, GIMP no es compatible con el formato SVG). Luego vaya a esta página , presione el botón  Elegir archivos  y cargue la imagen en formato PNG que haya retocado con GIMP. Por lo tanto, coloque la marca de verificación en el cuadro Monocromo  desde el módulo que ve en la pantalla y haga clic en el botón  Iniciar conversión para convertir y descargar la imagen en formato SVG. Simple, verdad?

Para obtener más información sobre cómo vectorizar con GIMP y cómo usar GIMP , lea las guías que acabo de vincular con usted.

Cómo vectorizar un logotipo en línea


Como mencioné al principio, además de usar los programas antes mencionados, es posible vectorizar un logotipo en línea usando aplicaciones web gratuitas. Uno de ellos es Vectorizer.io que, como su nombre lo indica, fue diseñado específicamente para realizar este tipo de trabajo directamente en el navegador .

Para usarlo, conectado a su  página principal , presione el botón  Cargar imagen y seleccione la imagen relacionada con el logotipo que desea vectorizar. A continuación, expanda el menú desplegable  Preajustes , seleccione uno de los estilos que prefiera (por ejemplo, Tatoo ) y, si lo considera necesario, personalice los parámetros relacionados con los colores que deben componer la imagen vectorial utilizando los botones y menús que ve a continuación .

Cuando esté satisfecho con el trabajo realizado, presione el botón  Descargar ubicado debajo de la vista previa de la imagen vectorial a la derecha, para descargar el logotipo en formato SVG. ¿Más simple que eso?