1. Design & Illustration
  2. Graphic Design
  3. Logo Design

Cómo Crear un Logo Estilo Geométrico en Inkscape

Scroll to top
Read Time: 8 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En éste tutorial estaré demostrando cómo diseñar un logo estilo geométrico que conceptualiza la letra M, usando Inkscape.

Si estás buscando plantillas de logo pre-elaboradas, puedes encontrar muchos diseños de letra para logo en GraphicRiver.

1. Cómo Configurar un Nuevo Documento

Paso 1

Ve a Ver y asegúrate de tener seleccionado Personalizada.

Go to View and select CustomGo to View and select CustomGo to View and select Custom

Paso 2

Ve a Ver > Zoom  selecciona Zoom 1:1 para asegurarte de que estés haciendo zoom en 100%.

In the Inkscape toolbar - View Zoom Zoom 11In the Inkscape toolbar - View Zoom Zoom 11In the Inkscape toolbar - View Zoom Zoom 11

Paso 3

Haz click en el ícono Alinear y distribuir objetos en la barra de herramientas superior para abrir el panel alinear. Luego haz click en el ícono Relleno & Trazo en la barra de herramientas superior para abrir el menú Colores, Degradados y Trazos.

Open the Alignment and Fill and Stroke panels in InkscapeOpen the Alignment and Fill and Stroke panels in InkscapeOpen the Alignment and Fill and Stroke panels in Inkscape

Paso 4

Ve a Archivo > Propiedades del Documento (Control-Mayúsculas-D) y deselecciona las casillas que dicen Mostrar borde del papel y Mostrar sombra del papel, y luego cierra esa ventana.

Deselect the boxes in the Document Properties dialogDeselect the boxes in the Document Properties dialogDeselect the boxes in the Document Properties dialog

2. Cómo Crear la Forma Base

Paso 1

Toma la herramienta Crear Estrellas y Polígonos (*) y establece los parámetros en la barra de herramientas superior con las siguientes especificaciones:

  • Polígono Regular
  • Esquinas: 6
  • Redondez: 0.000
  • Aleatorio: 0.000
Inkscape Stars and Polygons tool inputInkscape Stars and Polygons tool inputInkscape Stars and Polygons tool input

Paso 2

Manten presionadas las teclas Control y Mayúsculas en tu teclado y haz click y arrastra en el lienzo para crear un polígono dónde las esquinas estén apuntando verticalmente como se muestra abajo.

Create a polygon in InkscapeCreate a polygon in InkscapeCreate a polygon in Inkscape

Paso 3

Cambia el color del polígono a rojo y disminuye la Opacidad a 50% usando la herramienta Porcentaje de Opacidad en el panel Relleno y Trazo.

Make the polygon redMake the polygon redMake the polygon red

Paso 4

Toma la herramienta Seleccionar (F1) y habilita el ícono bloquear entre los campos W y H en la barra de herramientas superior. Luego, cambia el valor de la casilla W a 300 y presiona Enter para establecer la anchura del polígono en 300 pixeles. Después de eso, habilita la casilla Ajustar vértice de nodos en la barra de herramientas Habilitar ajustar en la parte superior de la ventana.

Set the width and lock the proportions by clicking the lock iconSet the width and lock the proportions by clicking the lock iconSet the width and lock the proportions by clicking the lock icon

Paso 5

Haz click derecho en el polígono y selecciona Duplicar (Control-D) para crear otra copia. Haz la copia azul, y luego haz click y arrastra el nuevo polígono y ajusta las esquinas de él a las esquinas inferiores izquierdas del polígono rojo.

Duplicate the blue polygonDuplicate the blue polygonDuplicate the blue polygon

Paso 6

Haz click derecho en la copia azul y selecciona Duplicar (Control-D) para crear otra copia. Haz esa copia verde, y luego ajusta las esquinas de él a las esquinas inferiores derechas del polígono rojo.

All three polygons after completionAll three polygons after completionAll three polygons after completion

Paso 7

Haz click-derecho en el polígono verde y selecciona Duplicar (Control-D) para crear una copia más, cambia el color a negro, y ajusta las esquinas de él al centro de los tres polígonos de colores como se muestra abajo.

Fourth black copy of polygonFourth black copy of polygonFourth black copy of polygon

3. Cómo Cortar la Forma Base

Paso 1

Haz click derecho en el polígono negro y selecciona Duplicar (Control-D) para crear otra copia, y con esa copia seleccionada, manten presionada la tecla Mayúsculas y haz click en el polígono azul. Con ambos seleccionados, ve a Trayecto > Intersección. Deberías finalizar con lo sigiuente:

Intersect the black and blue polygonIntersect the black and blue polygonIntersect the black and blue polygon

Paso 2

Ahora tenemos que hacer lo mismo con los polígonos rojo y verde. Así que haz click derecho en el polígono negro de nuevo y selecciona Duplicar (Control-D), manten presionada la tecla Mayúsculas y haz click en el polígono rojo, y luego otra vez ve a Trayecto > Intersección.

Intersect the black and red objectsIntersect the black and red objectsIntersect the black and red objects

Paso 3

Haz click en el polígono negro, manten presionada la tecla Mayúsculas y haz click en el polígono verde, y luego ve a Trayecto > Intersección. Deberías finalizar con un polígono de tres partes en tres diferentes colores.

Three color polygonThree color polygonThree color polygon

4. Cómo Crear la Forma Definidora

Paso 1

Haz click derecho en el objeto azul y selecciona Duplicar (Control-D). Conviértelo a negro, y luego cambia la anchura de él a 150 usando el campo de entrada W en la barra de herramientas superior, y presiona Enter. Después de eso, haz click y arrastra esa copia para ajustarla a la esquina inferior derecha del objeto azul.

Make a smaller duplicate of the blue shapeMake a smaller duplicate of the blue shapeMake a smaller duplicate of the blue shape

Paso 2

Haz click derecho en el objeto negro y selecciona Duplicar (Control-D). Luego voltea el objeto horizontalmente al dar click en el botón Reflejar objetos seleccionados horizontalmente (H) en la parte superior izquierda de la barra de herramientas superior. Después de eso, haz click y arrastra el objeto para ajustarlo en la esquina inferior izquierda del objeto verde como se muestra abajo.

Duplicate black object and flip horizontallyDuplicate black object and flip horizontallyDuplicate black object and flip horizontally

Paso 3

Haz click derecho en ese objeto negro y selecciona Duplicar (Control-D). Haz click en él una segunda vez para que aparezcan los manejadores de rotación. Luego, mientras mantienes presionada la tecla Control, toma el manejador de rotación en la esquina superior derecha del objeto y rótalo en el sentido de las manecillas del reloj cuatro pasos para que las esquinas del objeto estén apuntando verticalmente, formando una forma parecida a un diamante.

Rotate the duplicated copy 4 steps clockwiseRotate the duplicated copy 4 steps clockwiseRotate the duplicated copy 4 steps clockwise

Paso 4

Haz click y arrastra el objeto para ajustarlo a la esquina superior del objeto rojo.

Place rotated copy at the top of the graphicPlace rotated copy at the top of the graphicPlace rotated copy at the top of the graphic

Paso 5

Haz click derecho en ese objeto negro y selecciona Duplicar (Control-D), vuélvelo rojo, y luego cambia el campo W en la barra superior a 100 y presiona Enter. Luego, ajústalo a la esquina superior del objeto negro debajo de él.

Make the smaller copy redMake the smaller copy redMake the smaller copy red

Paso 6

Haz click derecho en ese objeto rojo y selecciona Duplicar (Control-D), y haz click y arrástralo para ajustarlo a las esquinas entre los dos objetos negros en la parte inferior.

Place the duplicated red copy at the bottom of the graphicPlace the duplicated red copy at the bottom of the graphicPlace the duplicated red copy at the bottom of the graphic

Paso 7

Haz click-derecho en el objeto rojo de nuevo y selecciona Duplicar (Control-D), y luego ajusta la parte inferior de él con la esquina superior del objeto rojo debajo de él.

Create an additional red copy above itCreate an additional red copy above itCreate an additional red copy above it

Paso 8

Toma la herramienta Dibujar curvas Bézier (B) y ajusta el cursor en la esquina más inferior de la parte inferior del objeto rojo, y haz click izquierdo para crear un nuevo punto. Después de eso, ajusta el cursor y haz click en las siguientes esquinas y haz click izquierdo en ellas para crear la siguiente forma:

Draw a shape intersection with the corners using the Bezier penDraw a shape intersection with the corners using the Bezier penDraw a shape intersection with the corners using the Bezier pen

Paso 9

Haz ese objeto azul, y disminuye la Opacidad a 50% usando el regulador Opacidad en el panel Relleno y trazo a la derecha. Después de eso, haz click en la pestaña Trazo en ese panel y haz click en la X a la extrema izquierda para remover el contorno negro alrededor del objeto.

Make the object blue and remove the black outlineMake the object blue and remove the black outlineMake the object blue and remove the black outline

Paso 10

Ve atrás a la herramienta Seleccionar (F1), haz click-derecho en ese objeto azul, y selecciona Duplicar (Control-D). Refleja los objetos seleccionados horizontalmente (H) usando el ícono en la barra de herramientas superior izquierda, haz el objeto verde, y ajusta las esquinas del lado izquierdo de él con las esquinas del lado derecho del objeto azul.

Create a green copy and mirror it to the rightCreate a green copy and mirror it to the rightCreate a green copy and mirror it to the right

Paso 11

Manten presionada la tecla Mayúsculas y haz click en el objeto azul a la izquierda,  con los objetos azul y verde seleccionados, haz click-derecho en ellos y selecciona Duplicar (Control-D). Toma las copias duplicadas y ajústalas con la esquina inferior del objeto negro en la parte superior del gráfico.

Place the duplicated copies at the top of the graphicPlace the duplicated copies at the top of the graphicPlace the duplicated copies at the top of the graphic

5. Cómo Recortar las Áreas No Deseadas

Paso 1

Haz click en el objeto negro que está dentro de la forma roja grande, manten presionada la tecla Mayúsculas, y haz click en la forma roja grande. Con ambas seleccionadas, ve  a Trayecto > Diferencia.

Subtract the black and red shapsSubtract the black and red shapsSubtract the black and red shaps

Paso 2

Haz click en el objeto negro que está dentro de la forma azul grande en la parte izquierda, y luego manten presionada la tecla Mayúsculas y haz click en esa forma azul y selecciona Trayecto > Diferencia.

Subtract the black and blue shapesSubtract the black and blue shapesSubtract the black and blue shapes

Paso 3

Haz click en el objeto negro que está dentro del objeto verde, manten presionada la tecla Mayúsculas y luego haz click en el objeto verde grande a la derecha y ve a Trayecto > Diferencia.

Subtract the black and green shapesSubtract the black and green shapesSubtract the black and green shapes

Paso 4

Haz click en el objeto verde en forma de L a la derecha, haz click-derecho en él, y selecciona Duplicar (Control-D). Luego haz click y arrástralo sobre la izquierda para ajustarlo a la esquina inferior derecha del objeto en forma de L de la izquierda.

Duplicate the green L-shaped object and flip it horizontallyDuplicate the green L-shaped object and flip it horizontallyDuplicate the green L-shaped object and flip it horizontally

Paso 5

Haz click en el objeto en forma de L, haz click derecho en él y selecciona Duplicar (Control-D), y luego manten presionada la tecla Mayúsculas y haz click en el objeto en forma de L debajo de él. Luego ve a Trayecto > Diferencia.

Duplicate the blue L-shaped object and subtract it from the green objectDuplicate the blue L-shaped object and subtract it from the green objectDuplicate the blue L-shaped object and subtract it from the green object

Paso 6

Con ese objeto aún seleccionado, ve a Trayecto > Descombinar. Ésto dividirá el objeto en tres objetos separados. Ahora manten presionada la tecla Mayúsculas y haz click en el objeto verde a la parte inferior derecha para deseleccionar únicamente ese objeto, y con los otros dos todavía seleccionados, presiona Suprimir, en el teclado para removerlos.

Delete the remaining green objectsDelete the remaining green objectsDelete the remaining green objects

Paso 7

Haz click-derecho en ese nuevo objeto verde que acabamos de crear y selecciona Duplicar (Control-D). Refléjalo horizontalmente usando el botón Reflejar objetos seleccionados horizontalmente (H) en la parte superior izquierda de la barra de herramientas, conviértelo en azul, y ajústalo con la esquina inferior izquierda del objeto en forma de L en la parte derecha.

Duplicate and mirror the blue copy and move it to the rightDuplicate and mirror the blue copy and move it to the rightDuplicate and mirror the blue copy and move it to the right

Ahora tenemos la estructura del diseño completado. ¡Todo lo que tenemos que hacer es ponerle color!

6. Cómo Colorear Todo

Paso 1

Haz click y arrastra sobre todo el gráfico para seleccionar todo, y luego aumenta la Opacidad a 100% usando el regulador Opacidad en el panel Relleno y trazo.

Inkscape opacity sliderInkscape opacity sliderInkscape opacity slider
Select the entire graphic using the Select tool and bring the opacity to 100Select the entire graphic using the Select tool and bring the opacity to 100Select the entire graphic using the Select tool and bring the opacity to 100

Paso 2

Manten presionada la tecla Mayúsculas y haz click en todos los objetos rojos para seleccionarlos, y luego ve al panel Relleno y trazo, y en la pestaña Relleno, cambia el valor de RGBA a ffe065ff.

Inkscape color pickerInkscape color pickerInkscape color picker
Change the color of all red objectsChange the color of all red objectsChange the color of all red objects

Paso 3

Manten presionada la tecla Mayúsculas y haz click en todos los objetos azules para seleccionarlos, y luego ve al panel Relleno y trazo, y en la pestaña Relleno, cambia el valor de RGBA a ff0030ff.

Change the color of all blue objectsChange the color of all blue objectsChange the color of all blue objects

Paso 4

Manten presionada la tecla Mayúsculas y haz click en todos los objetos verdes para seleccionarlos, y luego ve al panel Relleno y trazo, y en la pestaña Relleno, cambia el valor de RGBA a ff8e00ff.

Change the color of all green objectsChange the color of all green objectsChange the color of all green objects

¡Sensacional Trabajo, Terminaste!

Y con ello, ¡nuestro logo está completo! Hemos creado exitosamente un logo estilo geométrico usando Inkscape.

Completed geometric logo design with InkscapeCompleted geometric logo design with InkscapeCompleted geometric logo design with Inkscape
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads