Cómo Hacer un Logo Simple con InkScape

Creando Logos Con Inkscape Destacado

InkScape es una de las mejores aplicaciones gratuitas de gráficos vectoriales escalables (SVG). Esto lo convierte en ideal para crear gráficos que mantienen su apariencia sin importar su tamaño, y sobre todo, logos. Aunque InkScape ofrece una considerable colección de herramientas, puedes hacer un logo simple utilizando solo una o dos de ellas.

Creando Logos Con Inkscape Instalación

Dado que InkScape es una de las aplicaciones gráficas de código abierto más populares, muchas distribuciones de Linux vienen con él preinstalado. Si la tuya no lo incluye, búscalo a través de la tienda de aplicaciones oficial de tu distribución. Si no te importa usar comandos y estás en una distribución basada en Debian, puedes instalarlo con:

sudo apt-get install inkscape

También lee: 8 Mejores Editores Gráficos Gratuitos para Crear Imágenes Vectoriales

Orientación de Página

El modo predeterminado de InkScape para nuevos documentos los tiene en orientación vertical. La mayoría de los logos tienen un ancho mayor que la altura, por lo que es mejor configurar la página en modo horizontal.

Creando Logos Con Inkscape Orientación de Página

Para hacer esto, selecciona “Archivo -> Propiedades del Documento” y cambia la orientación, justo debajo de la lista de Tamaño(s) de Página, a horizontal.

También lee: Cómo Crear un Logo Usando Google Drawings

Herramienta de Línea

Creando Logos Con Inkscape Herramienta de Línea

Selecciona la duodécima herramienta de la barra de herramientas de la aplicación, que representa un pequeño lápiz con una línea que parece una sombra debajo. Alternativamente, presiona Shift + F6. Esta herramienta te permite dibujar líneas rectas y curvas de Bezier.

Guías Magnéticas

InkScape – y la mayoría de sus herramientas – te permiten diseñar lo que quieras, donde quieras, comenzando desde cualquier lugar en la página en blanco. A veces, como en el caso de diseñar un logo, algunas restricciones sobre 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 ellas cambia dónde se colocará un punto, “teletransportándolo” a ellas. La colocación adecuada de guías puede convertirlas en un “esqueleto” aproximado sobre el cual crear el diseño final.

Creando Logos Con Inkscape Guías

Crear guías en InkScape (así como en muchas otras aplicaciones del mismo género) es accesible a través de un atajo oculto: mantén presionado el botón izquierdo del ratón en una de las dos reglas que aparecen en los bordes de la página y arrástrala al punto donde deseas una guía. Dependiendo de si tiraste de la regla desde la parte superior o izquierda de la página, crearás una guía horizontal o vertical.

Para hacer que diseñar tu logo sea mucho más cómodo, te sugerimos que crees una matriz de guías no muy diferente de lo que puedes ver en nuestra captura de pantalla.

Líneas, curvas y uniones

En nuestro caso, diseñamos un logo alternativo “MTE” para Make Tech Easier – solo esas tres letras. Lo más probable es que desees crear algo diferente, así 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.

Comenzamos 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, así lo creemos – comenzar con una simple línea recta. (Mentalmente) seleccionamos 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 una unión con una guía horizontal en la esquina inferior izquierda. Luego hicimos clic en una intersección con una guía horizontal en la esquina superior izquierda. El resultado fue una línea vertical en la guía vertical, comenzando y terminando en sus uniones con las guías horizontales.

Creando Logos Con Inkscape Dibujando Líneas En Guías

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

Definiendo una Forma

La herramienta de líneas y curvas de Bezier seleccionada 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, mantén presionado el botón izquierdo del ratón en lugar de hacer clic y soltarlo. Luego, con el botón izquierdo aún presionado, arrastra el ratón. Verás 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 al lugar donde todo comenzó, con un último clic en el mismo punto existente desde donde comenzaste.

Creando Logos Con Inkscape Forma Definida

Al definir líneas y curvas a través de una serie de clics secuenciales, puedes dibujar casi cualquier cosa que puedas imaginar. No se trata de talento, sino de paciencia, voluntad y determinación. Incluso si, como en nuestro caso visto en nuestra imagen, esto fue solo la letra “m.”

Agregando Color

Al repetir los pasos anteriores, diseñamos dos letras más para completar nuestro logo. Pero eran blancas, o para ser precisos, vacías, sobre un fondo blanco. No es lo mejor para un logo.

Para darle color a cualquier forma, selecciónala y luego elige el color que deseas que tenga. Es tan fácil como suena, al menos cuando sabes qué botón hace qué. Haz clic en la primera de las herramientas disponibles, que muestra una flecha, o presiona F1 en el teclado. Esta es la herramienta de selección. Con ella activa, puedes hacer clic en cualquier forma que desees seleccionar o hacer clic izquierdo y arrastrar un rectángulo alrededor de ella.

Puedes seleccionar múltiples formas a la vez arrastrando un rectángulo alrededor de todas ellas o haciendo clic secuencialmente en ellas con Shift presionado.

Creando Logos Con Inkscape Agregando Color

Para asignar un color a cualquier forma seleccionada / activa, haz clic en la forma deseada en la paleta de colores en la parte inferior de la pantalla o haz clic y arrástrala sobre el objeto al que te gustaría asignarla. Ten en cuenta que, en este caso específico, el segundo método solo asignará un color al contorno de las letras, ya que están, por el momento, vacías.

Logo 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 un negro más serio. Finalmente, ocultamos las guías desactivando su visualización desde “Ver -> Guías,” para poder ver claramente el resultado de nuestro trabajo sin líneas molestas por toda la página.

Creando Logos Con Inkscape Visualización de Guías

¡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 completamente compatible con el ampliamente utilizado formato de Gráficos Vectoriales Escalables, mejor conocido como “SVG.”

Creando Logos 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 han sido durante la mayor parte de la última década, lo que significa que puedes usar tu logo directamente en formato SVG en tu sitio. Será más rápido de mostrar, “más limpio” y más amigable con la compresión en comparación con tu archivo promedio JPEG o PNG.