Making Logos With Inkscape Featured

Cómo hacer un logotipo simple con InkScape

Inkscape es una de las mejores aplicaciones gratuitas de gráficos vectoriales escalables (SVG). Esto lo hace ideal para crear gráficos que mantengan su apariencia sin importar su tamaño y, sobre todo, logotipos. Aunque Inkscape ofrece una colección considerable de herramientas, puede crear un logotipo simple usando solo una o dos de ellas.

Creación de logotipos con la instalación de Inkscape

Dado que Inkscape es una de las aplicaciones gráficas de código abierto más populares, muchas distribuciones de Linux vienen preinstaladas. Si el tuyo no lo incluye, búscalo en la App Store oficial de tu distribución. Si no le importa usar comandos y tiene una distribución basada en Debian, puede instalarla con:

sudo apt-get install inkscape

Orientación de la página

El modo predeterminado de Inkscape para documentos nuevos los tiene en orientación vertical. La mayoría de los logotipos tienen un ancho mayor que el alto, por lo que es mejor establecer la configuración de la página como horizontal.

Creación de logotipos con orientación de página de Inkscape

Para hacer esto, seleccione «Archivo -> Propiedades del documento» y cambie la orientación, justo debajo de la lista Tamaño(s) de página, a horizontal.

Herramienta de línea

Creación de logotipos con la herramienta de línea Inkscape

Seleccione la duodécima herramienta de la barra de herramientas de la aplicación, que representa un lápiz pequeño con una línea que parece una sombra debajo. Alternativamente, presione Mayús + F6. Esta herramienta le permite dibujar líneas rectas y curvas bezier.

Guías magnéticas

Inkscape, y la mayoría de sus herramientas, le permiten diseñar lo que quiera, donde quiera, comenzando desde cualquier lugar de la página en blanco. A veces, como en el caso del diseño de un logotipo, algunas restricciones a toda esta libertad son bastante útiles. Y con «restricciones», estamos hablando de «guías»,

El uso de guías puede ayudar a controlar la geometría de un dibujo. Al actuar como imanes, un clic junto a ellos cambia el lugar donde se colocará un punto, «teletransportándolo» hacia ellos. La colocación adecuada de las guías puede convertirlas en un “esqueleto” tosco sobre el cual crear el diseño final.

Creación de logotipos con guías de Inkscape

Se puede crear guías en InkScape (así como en muchas otras aplicaciones del mismo género) a través de un atajo oculto: mantenga presionado el botón izquierdo del mouse sobre una de las dos reglas que aparecen en los bordes de la página y arrástrela hasta el punto. donde quieres una guía. Dependiendo de si tiraste de la regla desde la parte superior o desde la izquierda de la página, crearás una guía horizontal o vertical.

Para que el diseño de su logotipo sea mucho más cómodo, le sugerimos que cree una matriz de guías no muy diferente de lo que puede ver en nuestra captura de pantalla.

Líneas, curvas y uniones

En nuestro caso, diseñamos un logotipo «MTE» alternativo para Make Tech Easier, solo esas tres letras. Lo más probable es que desee crear algo diferente, por lo que en lugar de dar instrucciones estrictas y específicas sobre dónde y cómo hacer clic, describiremos lo que hicimos y por qué lo hicimos.

Empezamos dibujando la letra “m”. Como con la mayoría de las letras, necesitaríamos tanto líneas rectas como curvas. Es más fácil, o al menos eso creemos, comenzar con una simple línea recta. Seleccionamos (mentalmente) una guía vertical a la izquierda de la página en la que nos gustaría colocar nuestra primera línea vertical.

Hicimos clic en un cruce con una guía horizontal en la parte inferior izquierda. Luego hicimos clic en una intersección con una guía horizontal en la parte superior izquierda. El resultado fue una línea vertical sobre la guía vertical, comenzando y terminando en sus uniones con las guías horizontales.

Creación de logotipos con líneas de dibujo de Inkscape en las guías

Aunque habíamos creado nuestra primera línea, estábamos lejos de terminar: la herramienta seleccionada permaneció activa y en espera, esperando nuestro próximo movimiento. Al movernos a diferentes partes de la pantalla, pudimos ver una vista previa en vivo de los resultados de nuestro próximo clic. Al menos, si nuestro próximo clic resultara en otra línea recta en lugar de una curva.

Definición de una forma

La herramienta Líneas seleccionadas y curvas Bézier crea una secuencia de líneas y curvas. Cada nuevo clic especifica el final de la línea anterior y el comienzo de la siguiente.

Para crear una curva en lugar de una línea, mantenga presionado el botón izquierdo del mouse en lugar de hacer clic y presionarlo. Luego, con el botón izquierdo aún presionado, arrastre el mouse. Verá en la pantalla que la línea cambia a una curva, con su curvatura y ángulo definidos por la posición del cursor.

El proceso de dibujar una forma se completa volviendo a donde comenzó todo, con un último clic en el mismo punto existente desde donde comenzó.

Creación de logotipos con forma definida por Inkscape

Al definir líneas y curvas a través de una serie de clics secuenciales, puede dibujar casi cualquier cosa que pueda imaginar. No es cuestión de talento sino de paciencia, voluntad y determinación. Incluso si, como en nuestro caso que se ve en nuestra imagen, esta era solo la letra «m».

Agregar color

Repitiendo los pasos anteriores, diseñamos dos letras más para completar nuestro logo. Pero eran blancos, o para ser precisos, en blanco, sobre un fondo blanco. No es lo mejor para un logotipo.

Para darle un color a cualquier forma, selecciónela y luego elija el color que desea que tenga. Es tan fácil como parece, al menos cuando sabes qué botón hace qué. Haga clic en la primera de las herramientas disponibles, que muestra una flecha, o presione F1 en el teclado. Esta es la herramienta de selección. Con él activo, puede hacer clic en cualquier forma que desee seleccionar, haga clic con el botón izquierdo y arrastre un rectángulo a su alrededor.

Puede seleccionar varias formas a la vez arrastrando un rectángulo alrededor de todas ellas o haciendo clic secuencialmente sobre ellas mientras mantiene presionada la tecla Mayús.

Creación de logotipos con Inkscape agregando color

Para asignar un color a cualquier forma seleccionada/activa, haga clic en la forma deseada en la paleta de colores en la parte inferior de la pantalla o haga clic y arrástrela al objeto al que desea asignarla. Tenga en cuenta que, en este caso específico, el segundo método solo asignará un color al contorno de las letras ya que, por el momento, están en blanco.

Logotipo real

Nuestro logo estaba casi listo. Usando la herramienta de selección, recogimos las letras una por una y las acercamos. Luego reemplazamos la extravagancia multicolor de aspecto divertido que usamos en nuestro paso anterior por el bien del ejemplo, con un negro típico de aspecto más serio. Finalmente, ocultamos las guías deshabilitando su visualización desde “Ver -> Guías”, para poder ver claramente el resultado de nuestro trabajo sin molestas líneas por toda la página.

Creación de logotipos con visualización de guías de Inkscape

¡Recuerda Guardar!

El paso final al diseñar algo es casi siempre una última visita a «Archivo -> Guardar». Inkscape no utiliza ningún formato de almacenamiento extraño y es totalmente compatible con el formato de gráficos vectoriales escalables ampliamente utilizado, mejor conocido como «SVG».

Creando logotipos con Inkscape Guardando nuestro trabajo

Los archivos de este tipo almacenan gráficos como ecuaciones matemáticas, por lo que se ven impecables sin importar el tamaño de la pantalla. También vale la pena señalar que todos los navegadores actuales son compatibles con él. y lo ha sido durante la mayor parte de la última década, lo que significa que puede usar su logotipo directamente en formato SVG en su sitio. Será más rápido de mostrar, tendrá un «aspecto más limpio» y será más fácil de comprimir en comparación con su archivo JPEG o PNG promedio.

Experto Geek - Tu Guía en Tendencias Tecnológicas