Cómo vectorizar un logo

di veteri.online

A la hora de diseñar el logo de un sitio de Internet o de una empresa, hay que tener en cuenta que la imagen que se está creando se utilizará en muchos contextos. Esto significa que debe crear un logotipo dinámico que se pueda utilizar 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 ello, solemos utilizar gráficos vectoriales que permiten, precisamente, obtener imágenes "nítidas" y "elásticas", es decir, se pueden alejar y, sobre todo, ampliar al infinito sin desmoronarse. o perder calidad. Pero, ¿cómo lo haces cuando ya has creado un logo en formato estándar y quieres transformarlo en una imagen vectorial? Sigue mi guía sobre cómo vectorizar un logotipo y lo descubrirás.

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 el propósito). Y si desea actuar directamente desde el navegador, sepa que también puede utilizar servicios en línea ad hoc. Si está listo para comenzar, le diría que no pierda más tiempo charlando y comience de inmediato. Feliz lectura y, sobre todo, ¡diviértete!

Índice

  • Cómo vectorizar un logo con Illustrator
  • Cómo vectorizar un logo con Photoshop
  • Cómo vectorizar un logo con GIMP
  • Cómo vectorizar un logo online

Cómo vectorizar un logo con Illustrator

La primera operación que debe hacer para vectorizar un logotipo con Illustrator es iniciar la aplicación de gráficos vectoriales de Adobe y crear una nueva hoja de trabajo presionando el botón Crear nuevo…. En la ventana que se abre, seleccione el elemento Píxel del menú desplegable relacionado con la unidad de medida que se utilizará, establezca el Ancho y el Alto de la hoja de trabajo el tamaño del logo que desea transformar en gráficos vectoriales y presiona el botón Crear para completar la operación.

Una vez que la hoja de trabajo de Illustrator está abierta, debe importar el logotipo para transformarla en un elemento vectorial. Para hacer esto, haga clic en el elemento Insertar ... en el menú Archivo del programa (arriba) y seleccione la imagen estándar (en formato JPG, PNG o GIF). que contiene el logo a vectorizar. Incluso si el logotipo importado no parece coincidir con el tamaño de la hoja, no se preocupe, se ajustará automáticamente cuando guarde 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 Trazar imagen. En la ventana que se abre, elija el tipo de trazado que desea aplicar en el menú Propiedades (por ejemplo, Foto de alta fidelidad, 16 colores, etc. .), según el resultado que desee obtener. En el menú desplegable Método, seleccione las opciones Color, Escala de grises o Blanco y negro, para dependiendo de si desea obtener un logotipo en color o en blanco y negro.

En este punto, expanda el menú ▾ Avanzado en el cuadro Trazado de imagen y "juegue" un poco con los Trazados, valores Esquinas y Ruido para tratar de obtener un logotipo lo más detallado y fiel posible al original, luego coloque la marca de verificación en 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 de tipo vectorial.

Lo máximo está hecho. Ahora todo lo que tiene que hacer es archivar cualquier imperfección del logotipo vectorial utilizando las herramientas de dibujo que encontrará en la barra lateral izquierda de Illustrator (por ejemplo, pincel, colores, etc.) y, cuando esté satisfecho con el resultado obtenido, guarde su logotipo vectorial seleccionando el elemento Guardar como ... del menú Archivo de Illustrator. En la ventana que se abre, indique la carpeta en la que desea guardar el logotipo, seleccione el elemento SVG del menú desplegable Tipo y haga clic en Aceptar ón para completar la operación.

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

Cómo vectorizar un logo con Photoshop

Siempre en Adobe, veamos cómo vectorizar un logo usando Photoshop, aunque hay que decir que, al ser un software de edición de fotos, es menos adecuado para el propósito que su "pariente" más cercano ( o 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 menú relativo a la unidad de medida de referencia a utilizar y establecer como Ancho y Alto de la hoja de trabajo las dimensiones de la imagen en la que se representa el logo a vectorizar y luego presiona el botón Crear.

En este punto, abra el menú Archivo, seleccione el elemento Abrir ... y elija la imagen que contiene el logotipo sobre el que desea actuar. Una vez importada a Photoshop, eliminar la parte inferior de la imagen: para obtener este resultado, haga clic con el botón derecho en la herramienta Lazo presente en la barra de herramientas de la izquierda, seleccione el elemento lazo magnético y haga una selección lo más precisa posible del logotipo. Luego, presione el botón Refinar borde en la parte superior derecha y ajuste las barras Radio, Redondo, Desenfocar, etc. para refinar la selección realizada

Para eliminar el fondo, haga clic con el botón 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 Supr / Retroceso en el teclado. En la ventana que se abre, seleccione el color Blanco del menú desplegable Contenido y presione el botón Aceptar para eliminar el fondo del imagen.

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

Ahora, abra el panel capas, haga clic con el botón derecho en el nombre de la capa relacionado con su imagen y seleccione el elemento Opciones de fusión ... del menú que se abre. Seleccione, por tanto, el elemento Opciones de fusión, mueva la primera barra de ajuste ubicada bajo el encabezado Fusionar si hacia la izquierda y presione el botón Aceptar para guardar los cambios realizados.

Luego vaya al menú Nivel> Nuevo> Nivel ..., configure la opción Ninguno en el menú desplegable Color y presione botón Aceptar para crear una nueva capa con el fondo transparente. Ahora, haga clic con el botón 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 del menú Formato ubicado en la parte superior. derecha y presiona el botón Exportar todo para elegir la ubicación en la que guardar el logotipo en formato vectorial.

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

Cómo vectorizar un logo con GIMP

¿Quieres vectorizar una imagen con GIMP? También en este caso, se trata de un software de edición de fotografías (gratuito y de código abierto, a diferencia de Photoshop), sepa que no fue diseñado para hacer este tipo de trabajos 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 aún 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 ubicado a la derecha. Una vez que se complete 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 haga clic en Aceptar, Instalar y Finalizar. Si usa una Mac, por otro lado, arrastre el ícono de GIMP a la carpeta Aplicaciones de macOS, haga clic con el botón derecho en el ícono del programa y seleccione Abrir en el menú que se abre dos veces seguidas (debe realizar esta operación solo en el primer inicio de GIMP para "omitir" las restricciones impuestas por Apple sobre el software de fuentes no certificadas).

Después de instalar e iniciar el programa, abra el archivo relacionado con el logotipo que desea vectorizar desde el menú Archivo> Abrir. Ahora tienes que eliminar, si es necesario, el fondo presente en la imagen: abre la herramienta de selección de primer plano (el icono del hombrecito) de la barra de herramientas de la izquierda. y traza los contornos del logo. Después de seleccionar el logotipo, use el cursor del mouse para marcar el área que desea conservar y presione Enter en el teclado para activar la selección que acaba de hacer.

Ahora, haga clic con el botón derecho en el logotipo de la imagen que está editando y seleccione los elementos Seleccionar> Invertir en el menú que aparece. Luego presione la tecla Eliminar en el teclado de la PC y el fondo de la imagen se eliminará dejando solo la parte de la imagen que marcó como visible. 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 del mismo menú.

En el cuadro que aparece en pantalla, mueve el cursor ubicado cerca del elemento Nivel de posterización al nivel que prefieras (te aconsejo que no uses niveles que sean demasiado altos, de lo contrario obtendrás un resultado desagradable ) y luego presiona el botón Aceptar.

En este punto, vaya al menú Archivo> Exportar y exporte el trabajo en formato PNG (como le dije, GIMP no es compatible con el formato SVG). Luego ve a esta página, presiona el botón Elegir Archivos y sube la imagen en formato PNG que has retocado con GIMP. Por lo tanto, marque la casilla Monocromo del 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 como vectorizar con GIMP y cómo usar GIMP, lea las guías a las que acabo de vincular.

Cómo vectorizar un logo online


Como mencioné al principio, además de utilizar los programas antes mencionados, es posible vectorizar un logo online utilizando aplicaciones Web gratuitas. Uno de ellos es Vectorizer.io que, como su nombre 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 Subir imagen y seleccione la imagen relacionada con el logo que desea vectorizar. A continuación, expanda el menú desplegable Presets, seleccione uno de los estilos que prefiera (por ejemplo, Tatoo) y, si lo considera necesario, personalice los parámetros en cuanto a los colores que Debes componer la imagen vectorial usando los botones y menús que ves 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 logo en formato SVG. ¿Más fácil que eso?