En este artículo de ayuda, le mostraré lo simple que es agregar flechas a su composición de Inkscape. Las flechas son una excelente manera de darle vida a sus gráficos, llamar la atención sobre elementos en una composición o incluso demostrar conexiones entre objetos, entre otros usos. ¡Entremos en ello!

Paso 1: dibuja un camino

Para empezar, querrá dibujar una ruta con la herramienta Pluma (también conocida como "Herramienta Dibujar curvas Bézier" o "Herramienta Rutas"), a la que puede acceder a través del ícono en la Caja de herramientas (flecha roja en la imagen de arriba ) o usando la tecla de atajo “B”. Tenga en cuenta que puede crear flechas a partir de líneas rectas o curvas. Para este ejemplo, simplemente dibujaré una línea recta para facilitar las cosas.

Con la herramienta Pluma seleccionada, haga clic izquierdo en su composición para crear su primer nodo (flecha roja en la imagen de arriba).

Luego, mueva el mouse a la ubicación donde desea colocar su segundo nodo, luego haga clic con el botón izquierdo una vez más para crear el nodo (flecha roja en la imagen de arriba). Tenga en cuenta que si mantiene presionada la tecla Ctrl en su teclado mientras arrastra el mouse, dibujará su línea en "modo de línea recta".

Paso 2: personalice la configuración de línea y agregue marcadores a su ruta

Ahora que he dibujado mi ruta, tomaré mi herramienta de selección de la Caja de herramientas (flecha roja en la imagen de arriba). Esto agregará controladores de transformación alrededor de mi ruta (flecha verde), lo que me permitirá escalar la ruta para cambiar su tamaño. También puedo cambiar la posición de la ruta con la herramienta Seleccionar si es necesario, haciendo clic y arrastrando la línea con el mouse.

En la esquina inferior izquierda de la pantalla, verá la información de estilo de mi ruta. Debajo de "Trazo", verá un rectángulo con un color que indica el color de mi trazo (flecha roja en la imagen de arriba), y junto a ese cuadro verá un número que indica el grosor de mi trazo (flecha azul en la imagen: en este ejemplo, el ancho del trazo es "1.00" píxeles). Debido a que nuestra línea es un camino, usa la opción "Trazo" para tomar sus propiedades de color, no la opción "Relleno".

Si hago doble clic en el color del trazo (nuevamente, la flecha roja en la imagen de arriba), se abrirá el diálogo "Relleno y trazo" (resaltado en verde). De forma predeterminada, accederá a la pestaña "Pintura de trazo", donde puede cambiar el color del trazo. Vaya a la pestaña "Estilo de trazo" (flecha verde).

Debajo de esta pestaña es donde puede cambiar el tamaño de su trazo (también conocido como su línea), además de agregar flechas a cualquier extremo de su ruta. Si quiero que mi línea sea más gruesa, puedo escribir "50" en el campo etiquetado como "Ancho" (flecha roja en la imagen de arriba) y presionar la tecla Intro (también puede cambiar las unidades usando el menú desplegable a la derecha de este campo – flecha verde). Verás que mi línea ahora es mucho más gruesa.

El menú desplegable "Guiones" (flecha roja en la imagen de arriba) le permite cambiar el estilo de su ruta. De manera predeterminada, su ruta será una línea, pero puede cambiarla a cualquiera de una variedad de puntos, guiones o una combinación de puntos y guiones (resaltados en verde en la imagen de arriba). Mantendré mi camino establecido como una simple línea.

La siguiente opción está etiquetada como "Marcadores": aquí es donde agregará puntas de flecha a su línea. Verá tres menús desplegables aquí: uno a la izquierda, uno en el centro y otro a la derecha.

El menú desplegable a la izquierda (flecha roja en la imagen de arriba) agregará una flecha al nodo inicial de su ruta (en otras palabras, el primer nodo que dibujó cuando creó su ruta). Simplemente haga clic en un icono de punta de flecha del menú desplegable (flecha verde) para agregarlo al final de su ruta.

Paso 3: personaliza tu punta de flecha

Hay varias características predeterminadas de la punta de flecha (o marcador) que puede personalizar. Por ejemplo, su punta de flecha tendrá el mismo grosor que su línea o ruta. Además, si su punto de partida está en el lado izquierdo de su línea, la punta de flecha apuntará hacia la izquierda. Finalmente, la punta de flecha se ubicará exactamente al final de su línea (en lugar de tener espacio entre la línea y la punta de flecha). Todos estos estilos predeterminados se pueden editar en Inkscape.

Si no desea que su punta de flecha tenga el mismo grosor que su línea, puede cambiar su tamaño usando los campos numéricos "Tamaño X" y "Tamaño Y" (resaltados en verde en la imagen de arriba). Por ejemplo, si cambio el valor de "Tamaño X" a "10" (flecha roja), luego presiono la tecla de tabulación en mi teclado, el valor de "Tamaño Y" se actualizará automáticamente y mi flecha ahora será mucho más grande que mi ruta .

Si hago clic en el ícono de punta de flecha original (flecha roja en la imagen de arriba), mi configuración se restablecerá a los valores predeterminados.

Tenga en cuenta que hay un icono de enlace de cadena a la izquierda de los campos de tamaño (flecha verde en la imagen de arriba) que le permite alternar si desea o no que los valores de Tamaño X y Tamaño Y se escalen juntos. Cuando está desvinculado, puede cambiar el valor de "Tamaño X" sin que cambie el valor de "Tamaño Y".

Por ejemplo, si hago clic en el ícono para desvincular los dos campos de tamaño, luego escribo "10" para la flecha azul "Tamaño X" en la imagen de arriba), verá que mi flecha ahora cambiará de tamaño a lo largo del eje X pero no en el Y eje (el campo "Tamaño Y" permanece en "6.707" en este ejemplo). Esto hace que mi flecha parezca estirada a lo largo del eje X. Si hago clic en el icono de punta de flecha original, mi configuración se restablecerá a los valores predeterminados (flecha roja en la imagen de arriba).

Debajo de los campos "Tamaño X" y "Tamaño Y" se encuentra la casilla de verificación "Escala con trazo" (flecha roja en la imagen de arriba). Cuando está marcada, el tamaño de su punta de flecha permanece automáticamente proporcional al tamaño de su camino. Por ejemplo, a medida que hace que el trazo de su ruta sea más grueso (como hicimos antes), la punta de la flecha se vuelve más gruesa.

Cuando no está marcada (como está en la imagen de arriba), la punta de flecha no permanecerá proporcional al tamaño de su camino. En su lugar, será el tamaño que se establezca en los campos "Tamaño X" y "Tamaño Y". En este ejemplo, el grosor de mi ruta se establece en 50 píxeles, pero el tamaño de mi flecha se establece en 4.061 píxeles y 6.707 píxeles para mis valores X e Y. Como resultado, con la casilla "Escala con trazo" sin marcar, mi punta de flecha es mucho más pequeña que mi camino y ahora es básicamente invisible.

Si mantengo presionada la tecla Ctrl y uso la rueda del mouse para acercar mucho la flecha, verá que la punta de la flecha está realmente allí (flecha roja), aunque es bastante pequeña. Mantendré presionada la tecla Ctrl y usaré la rueda del mouse para alejarme. Mantendré marcada la opción "Escala con trazo".

La siguiente opción es la opción "Orientación" (resaltada en verde en la imagen de arriba). Esto le permite cambiar la orientación de la punta de flecha o el marcador en la ruta. De forma predeterminada, su punta de flecha se configurará en la primera opción, "Orientar a lo largo del camino, invirtiendo al principio" (flecha azul en la imagen de arriba). Esta opción es la razón por la cual nuestra punta de flecha comienza a mirar hacia la izquierda al comienzo de nuestro camino.

Puedo invertir la dirección de esta punta de flecha haciendo clic en la siguiente opción, "Orientar a lo largo de la ruta" (flecha roja en la imagen de arriba). Ahora todas las flechas apuntarán en la misma dirección, lo que en este caso significa que la flecha inicial ahora apunta a la derecha.

La siguiente opción, "Ángulo especificado fijo" (flecha roja en la imagen de arriba), le permite cambiar el ángulo de la punta de flecha en la ruta. Cuando está habilitado, el campo "Ángulo fijo" debajo de estos íconos se activará y podrá establecer manualmente un ángulo para su punta de flecha.

Por ejemplo, puedo escribir "-30" (flecha verde en la imagen de arriba) y mi punta de flecha girará 30 grados hacia abajo.

Volveré a cambiar la punta de flecha a la configuración predeterminada haciendo clic en el primer ícono, "Orientar a lo largo de la ruta, invirtiendo al principio".

El último icono es el icono "Voltear marcador horizontalmente" (flecha roja en la imagen de arriba). Al hacer clic en esta opción, la punta de flecha se volteará para que ahora mire en la dirección opuesta.

Haré clic en el icono "Voltear" una vez más para que la flecha vuelva a su posición predeterminada.

También puede desplazar la punta de flecha desde el inicio de su ruta utilizando los campos "Desplazamiento X" y "Desplazamiento Y" (resaltados en verde en la imagen de arriba). De manera predeterminada, estos se establecerán en 0. Si aumenta el valor de "Offset X" usando el icono "+" o escribiendo manualmente un valor (escribí 5 en el ejemplo anterior - flecha roja), la punta de flecha o el marcador Desplazarse a la derecha por el camino.

Si disminuye el valor de "Compensación X" usando el icono "-" o escribiendo manualmente un valor negativo (escribí menos 5 en el ejemplo anterior - flecha roja), la punta de la flecha se desplazará hacia la izquierda a lo largo de la ruta.

Por otro lado, si aumenta o disminuye el valor de "Offset Y" (flecha roja en la imagen de arriba), la punta de flecha se desplazará hacia abajo o hacia arriba en relación con la ruta original.

Cambiaré los valores de Desplazamiento X e Y a 0 para volver a la posición predeterminada de mi punta de flecha.

La última opción que verá para este diálogo es el botón "Editar en lienzo" justo debajo de la vista previa de la flecha (flecha roja en la imagen de arriba). Hacer clic aquí le permite personalizar su punta de flecha o marcador usando su mouse directamente en el lienzo.

Verás que hay varios mangos alrededor de la punta de flecha. El que está en el medio (flecha azul en la imagen de arriba) le permite cambiar la posición de la punta de flecha en cualquier dirección (arriba, abajo, izquierda o derecha). Las manijas cuadradas (flecha roja) le permiten cambiar los valores de Tamaño X y Tamaño Y, como discutimos anteriormente, lo que significa que puede escalar la punta de flecha hacia arriba o hacia abajo. Y el mango circular (flecha verde) le permite girar la punta de flecha (cambiando así el valor de "Ángulo fijo" que discutimos anteriormente).

Si amplío el primer menú desplegable Marcador en el cuadro de diálogo Relleno y trazo (flecha roja en la imagen de arriba), verá todas las nuevas configuraciones basadas en las ediciones en lienzo que acabo de hacer (resaltadas en verde). Si hago clic en el ícono de punta de flecha original (flecha azul en la imagen de arriba), mi configuración se restablecerá a los valores predeterminados.

Paso 4: agregue marcadores o puntas de flecha adicionales

Todas las configuraciones que acabamos de discutir para el menú desplegable del marcador izquierdo también se aplican a la opción desplegable del marcador derecho (flecha roja en la imagen de arriba). La única diferencia es que cuando hace clic en un marcador en el menú desplegable en el extremo derecho, agrega un marcador al final de su camino (flecha azul). Además, la flecha estará orientada en la dirección opuesta (hacia la derecha) de la primera punta de flecha, siempre que aún tenga habilitado el ícono "Orientar a lo largo del camino, invirtiendo al inicio".

Las flechas en cada extremo de su ruta son independientes entre sí, por lo que puede seleccionar cualquier punta de flecha o marcador de estilo de este menú desplegable y personalizar la configuración para que sea diferente a la primera punta de flecha que configuramos.

Sin embargo, mantendré mis puntas de flecha configuradas en el mismo estilo para mantener la coherencia del diseño.

El menú desplegable "Marcador medio" (flecha roja en la imagen de arriba) agregará marcadores o puntas de flecha a todos los demás nodos a lo largo de su ruta que se encuentran entre su primer y último nodo. En este momento no tengo ningún otro nodo en mi camino, por lo que seleccionar un marcador de este menú desplegable no hará nada.

Sin embargo, si tomo la herramienta "Editar rutas por nodos" de la caja de herramientas (flecha roja en la imagen de arriba), luego hago doble clic en cualquier lugar a lo largo de mi ruta (flecha azul), se creará un nuevo nodo a lo largo de mi ruta y una punta de flecha se agregará en ese nodo.

Al igual que los otros dos menús desplegables, puede personalizar la configuración de sus puntas de flecha o marcadores para cambiar el tamaño, reorientar o cambiar la dirección de sus marcadores para estos "Marcadores medios". Cualquier configuración que aplique a través del menú desplegable central se aplicará a todas las flechas entre el primer y el último nodo que creó. Aquí puede ver que desmarqué la opción "Escala con trazo" (flecha roja en la imagen de arriba), luego configuré el valor Tamaño X en "25" (flecha verde). Ahora, todas las flechas en el medio de mi camino (flecha azul) son más pequeñas que las puntas de flecha en cualquier extremo del camino.

Paso 5: cambia el color de tus flechas

Para cambiar el color de su ruta y flechas en cualquier momento, presione Mayús y haga clic en una muestra de color en el panel "Muestras" en la parte inferior del lienzo. Por ejemplo, si hago shift+clic en el color rojo (flecha azul), cambiará el color de mi camino a rojo.

Algo que quizás hayas notado es que las puntas de flecha exteriores no cambiaron de color, mientras que las puntas de flecha interiores sí lo hicieron. Este es un error que existe en las versiones 1.1 y 1.2 de Inkscape. Para solucionar esto, puede disminuir el tamaño del ancho del trazo haciendo clic en el símbolo "-" en el campo "Ancho", luego aumentarlo nuevamente haciendo clic en el símbolo "+" (flecha verde en la imagen de arriba). Las puntas de flecha deberían cambiar de color con este pequeño cambio (esperemos que solucionen este error en un futuro cercano).

¡Eso es todo por este artículo de ayuda de Inkscape! Si lo disfrutó o lo encontró útil, puede consultar mis otros Artículos de ayuda de Inkscape or Videotutoriales de Inkscape en mi sitio.

Suscríbase al boletín de DMD

Suscríbase al boletín de DMD

Regístrese para recibir nuevos tutoriales, actualizaciones de cursos y las últimas noticias sobre su software de código abierto favorito.

¡Te has suscripto satisfactoriamente!

El pin en Pinterest