Patrones a lo largo de trayecto: más guiones para las rutas

Inkscape siempre ha permitido usar varios patrones diferentes para crear las lineas:

Es interesante, pero... ¿Que pasaría si es necesario algo similar a esto?


Inkscape 0.46 incorporó una nueva función: patrones en trayecto. Esta opción deforma una ruta y la sitúa a lo largo de otra. Esta función permite crear una mayor variedad de lineas.

Unos ejemplos muestran bien como se puede usar esta herramienta:

• Ruta con bolas:
  Este es el caso más sencillo, se dibuja un círculo pequeño, se duplica, y se desplaza hacia un lado la copia (con la tecla control se fuerza a que solo se mueva en horizontal o vertical), luego se seleccionan las dos copias y se pulsa en trayecto->unión, para que formen una única figura (en el ejemplo está de color rojo). Luego se selecciona esta figura y se pulsa en edición->copiar.
  Con esta figura ya creada, solo queda la ruta que llevará esta forma. Se puede crear con cualquier herramienta, una vez dibujada se selecciona, y se pulsa en trayecto->efectos de trayecto, se selecciona "patrón a lo largo de trayecto" y se selecciona "repetido" en el recuadro "copias del patrón". Hecho esto se pulsa sobre el botón de pegar de este diálogo (el tercero por la derecha). Si sale muy raro, tal vez es porque el patrón copiado fuera vertical (en este caso marca la casilla "el patrón es vertical". El efecto ya está listo.
  Para editar la ruta, basta seleccionar el botón de editar rutas de la barra de herramientas. La trayectoria que tenía antes la ruta aparece marcada en color rojo, y se puede editar como cualquier ruta, con la diferencia de que esta ruta tiene un efecto asignado, que se puede ver como se modifica automáticamente según se edita la ruta.
  Si se quiere editar la ruta que forma el patrón, hay que pulsar el botón de editar rutas del diálogo de efectos de ruta (el patrón aparece destacado en verde). Es importante tener en cuenta este detalle de que aunque los botones llevan iconos parecidos, tienen funciones algo diferentes.
• Linea con puntos a un lado:
  Es sencillo, es como el caso anterior, solo que el patrón se puede dibujar con un rectángulo y un círculo. Luego, con el diálogo de alinear se puede retocar la posición del círculo.
  Puede surgir a veces un problema, y es que se muestre el trayecto así, con algunos trazos rectos donde se esperaban trazos curvos:
  En ese caso, hay que probar a editar el patrón, porque tal vez tenga algún trozo abierto. Para ello se pulsa en el botónde editar nodos en el diálogo de efectos de ruta, y se examina el patrón:
  Observa que aparece en verde porque se está editando la ruta del patrón, no la ruta principal (que aparece en rojo cuando se edita). Ahora hay que seleccionar los dos nodos superiores, y pulsar en el botón de unir nodos con un segmento:
  Ahora aparece así el trayecto que forma el patrón
  Y mientras, el aspecto final del trayecto queda así:
  
  
• Vías de tren:
  Este caso es similar a los anteriores. Su dificultad estaría más bien en alinear los objetos. Aquí muestro el proceso seguido, aunque no se aprecian bien las diferencias. En el último paso hice una copia más pequeña, porque era un patrón demasiado grande.
  Se empieza con un rectángulo vertical largo, y otro horizontal y estrecho. Se duplica este último rectángulo, y se mueve hacia abajo y se sitúan los tres rectángulos mas o menos en sus posiciones correctas. Luego se seleccionan los tres, y se alinean al centro respecto de un eje vertical con el diálogo de alinear objetos (el botón que aparece seleccionado):
  
  Después se seleccionan los rectángulos horizontales (no el vertical), y se pulsa en trayecto->unión para que formen un único trayecto. Luego, se selecciona todo se alinea al centro, pero respecto de un eje horizontal (sería el botón que está justo debajo del anterior). Ya con todo bien alineado, se selecciona todo y se pulsa de nuevo en trayecto->unión para tener un solo trayecto.
  Hecho eso ya está el patrón listo, ahora solo queda copiarlo y pegarlo en rutas:
  
  
  

La versión 0.47 permitirá nuevas opciones, como espaciar las copias o desplazarlas respecto de la ruta original. También permitirá que el patrón que se pega esté ligado a una ruta del dibujo (visible, no oculta como hasta ahora) y que cuando se modifique, se modifique también la ruta.

Cuerpos 3D: cilindros semitransparente

Un par de casos más: Un cilindro de pared delgada y otro transparente.
El de pared delgada no tiene ningún misterio, basta que la circunferencia superior esté rellena con un degradado, con lo que no hace falta duplicarla y reducirla de tamaño como en casos anteriores.

Un cilindro semitransparente es más complejo. Las paredes tienen que tener la forma correcta, no vale el truco de antes de dejar que algunas figuras tengan zonas mal dibujadas, pero que como quedan por debajo de otras figuras no se retocan.

En este caso, las paredes tienen que tener la forma similar a la que se ve en la figura del medio. Es algo fácil con una rejilla, la opción de ajustar a la rejilla los nodos y las cajas de contorno, y un par de elipses. Se empezaría con el rectángulo, y se le añade una elipse en la parte superior (en mi caso la morada), se duplica la elipse y se sitúa abajo (en mi caso la verde). Luego se duplican todas estas figuras (2 elipses y un rectángulo para la cara superior, y otros tantos para la inferior).

Para la pared trasera se sumarían la elipse superior y el rectángulo, y se restaría la inferior. La figura resultante está completa, así que se envía al fondo. Al enviar estas figuras al fondo, aparecen las que formarán la cara frontal. Pero antes de hacer esta cara, conviene duplicar la elipse inferior, darla el color adecuado y enviarla al fondo, ya que formará la cara inferior del cilindro. Por supuesto, este paso es innecesario si no se pone una cara inferior.

Luego, con las figuras que hay, se hace la cara frontal: primero se resta la elipse superior del rectángulo, y se le suma la elipse inferior. Hecho esto, solo falta dar los colores y transparencias adecuadas al cilindro.


En mi caso no añado una tapa superior, puesto que dibujo el cilindro abierto por arriba, como si fuera un vaso.

Cuerpos 3D: cilindros anchos y huecos

En el caso de dibujar un cilindro bajo y hueco aparece un nuevo detalle: el cilindro debe dejar ver el fondo a través de si mismo. Esto significa que el truco de poner un círculo más pequeño con un degradado sobre la base superior ya no funciona.

En este caso hay que agujerear la tapa, y añadir una nueva figura que haga de pared interna, que tenga forma circular debajo. Además, hay que modificar la figura que hace el cuerpo del cilindro para que no tape el agujero.

En este caso se parte de un cilindro ya hecho que es muy bajo (el de la primera figura de la imágen de abajo con el proceso). Lo primero que se hace es duplicar la elipse que forma la tapa del cilindro (base superior), y se le aplica un factor de reducción de un 80% aproximadamente. Esto se hace con el menú objeto->escalar y dentro de la ventana se pulsa limpiar, y se mete 80. Para distinguir esta nueva elipse, es conveniente darla otro color (en mi caso usé magenta). Así quedaría como en la segunda figura.

Luego, se vuelve a duplicar la elipse que hace tapa, y se deplaza hasta alinearla con la base del cilindro. Esto es sencillo seleccionándo la elipse y el cuerpo del cilindro y con la diálogo de alineación (objeto->alinear y distribuir), se selecciona "Elemento mayor", y se pulsa el botón resaltado en la imágen:

Una vez alineado, se le reduce de tamaño como la otra elipse (la morada). En mi caso, la pongo de naranja para distinguirla. Al final se tiene como la tercera figura.

Luego, con la herramienta de rutas hay que hacer una ruta (trayecto) con lineas rectas que vaya por fuera de la circunferencia elipse (en mi caso morada), y por dentro de la tapa del cilindro (si se sale por abajo no pasa nada). En mi caso hago esta ruta de color verde para distinguirla de los otros objetos. Luego, hay que situarla por debajo de las dos elipses nuevas. Quedaría más o menos como se ve en la figura cuarta.

La versión 0.47 de Inkscape trae un botón para forzar a hacer lineas rectas, que aparece en la barra de herramientas con las opciones de las herramientas:

Luego vienen las restas: Se selecciona la elipse que forma la tapa del cilindro, y la elipse pequeña de arriba (en mi caso la de color magenta) y se pulsa en trayecto->diferencia. Quedaría la tapa del cilindro con un agujero (que no se ve con la ruta verde, pero sería la sexta figura).

Luego se selecciona la ruta nueva (que en mi caso es de color verde) y la elipse inferior (la que es naranja), y se pulsa en trayecto->diferencia para recortarla y que quede como en la sexta figura. Ahora hay que mandar esta ruta al fondo (figura 7).

Ahora aparece por ahí la figura que forma parte del cuerpo del cilindro, que ahora se ve a través del agujero. Hay dos opciones, recortarla con una ruta nueva y usando "trayecto->diferencia", o editarla para que quede bajo la tapa que forma el cilindro. Aquí se ve por dónde puede ir la ruta (por supuesto, no tiene que ser algo exacto, con que no se vea por el agujero de la tapa ni queden huecos en el cuerpo del cilindro basta):

Para ello, se usa la herramienta de editar nodos (doble clic en la ruta), se selecciona el segmento superior de la ruta, y se pulsa en añadir nodo:

Luego se mueve este nodo hacia abajo, hasta que quede bien. Como es normal, es posible que se necesiten más nodos, para ello se puede añadir nodos nuevos, se selecciona el segmento y se pulsa en añadir nodos. Puede ser útil llevar esta ruta al frente para editarla y luego volverla a dejar al fondo.

En principio ya está el cilindro, solo queda ajustar bien el degradado de la ruta que en mi caso era verde. La herramienta de rutas y tener un buen ojo bastan para terminar el cilindro. La tecla control permite hacer que la linea que define el degradado quede totalmente horizontal.

Cuerpos 3D: como dibujar cilindros

Inkscape no es un programa 3D, pero permite crear fácilmente cuerpos geométricos.

Este tutorial explica como se pueden crear cuerpos cilíndricos fácilmente, usando operaciones boleanas sencillas y el autoajuste a la rejilla.

En este tipo de dibujos es útil usar la rejilla, y las opciones para ajustar los nodos según se dibuja. También hay que tener en cuenta el punto de vista y la iluminación. El punto de vista es desde donde se vería el cuerpo, y la iluminación determinará los colores y degradados a aplicar. Si se dibujan varios cuerpos geométricos es importante dibujarles todos con el mismo punto de vista y iluminación para que quede bien.

Se empieza haciendo un rectángulo (primera figura), y a continación una elipse en la parte superior. Esta elipse debe estar "achatada", es decir, ser más ancha que alta. Cuánto más bajo sea el punto de vista desde donde se vería la elipse, más achatada hay que dibujarla. Es importante que la elipse tenga el mismo ancho que el rectángulo, y que su eje horizontal coincida con el lado superior del rectángulo. Gracias a la rejilla, esto es bastante sencillo. En la segunda figura se ve como iría quedando, si se añade la elipse inferior que se añadirá en el siguente paso.

Después, se duplica esa elipse y se sitúa la copia en la parte inferior del rectángulo, para que su eje horizontal coincida con el lado inferior del rectángulo (segunda figura). Si se dan colores diferentes es más fácil diferenciar los elementos al dibujarlos. La elipse superior hay que llevarla al frente, para ello se selecciona y se pulsa la tecla inicio del teclado, o se puede pulsar en el icono de la barra de herramientas: Ahora se selecciona la elipse inferior y el rectángulo, y se pulsa en trayecto->unión , para unir estas figuras y formar el cuerpo del cilindro. El resultado ya se parece a un cilindro, pero un degradado ayudará bastante a tener un buen resultado. En la tercera figura se ve el resultado.

Este degradado se puede realizar con la herramienta de degradados, hay seleccionar un degradado lineal y hay que trazarlo en horizontal (la rejilla puede ayudar). Para que quede el aspecto que se ve (una banda brillante), hay que hacer que el color del nodo de la izquierda tenga el color del cilindro, y el de la derecha sea un poco más oscuro (está un poco a la sombra). Además, para hacer el brillo hay que añadir un nodo en el medio. Se puede hacer pulsando la tecla control y haciendo doble clic. Este nodo debe tener un tono más claro que el del cilindro. Para terminar este degradado, hay que hacer coincidir el nodo izquierdo con el borde del objeto, y el derecho tiene que estar un poco fuera de la pared del cilindro.


Estas indicaciones son orientativas, puesto que dependen mucho del autor y sus habilidades.

El cilindro ya está. Si se quiere hacer que sea hueco, basta con seleccionar la elipse superior, duplicarla y reducirla de tamaño. Esto se puede hacer fácilmente con una transformación, para ello se va al menú objeto->transformar, se pulsa en limpiar, y dentro de la pestaña escalar se mete un factor de 80% (o el valor que mejor venga) en las dos direcciones y se pulsa aceptar. Luego se añade un degradado a esta elipse teniendo en cuenta que la parte brillante queda en una zona diferente que la parte exterior del cilindro. En el ejemplo mío sería la quinta figura.

Ya está el cilindro hueco, pero si se le quiere añadir más detalles, se puede. Por ejemplo, se puede añadir una banda lateral, para eso basta con duplicar la elipse superior, y llevarla hasta una altura intermedia, volverla a duplicar y desplazarla un poco en vertical (como se ve en la sexta figura). Luego, se añade un rectángulo cuyos lados coincidan con los ejes horizontales de las elipses (rectángulo rosa de la séptima figura).

Con operaciones boleanas se hace saca la forma: Primero se selecciona la elipse inferior (naranja en mi ejemplo) y el rectángulo, y se pulsa en trayecto->unión. Luego, se selecciona la elipse superior, y se lleva al frente (octava figura) y luego se selecciona la figura obtenida de juntar la circunferencia y el rectángulo (de color naranja). Con estas dos figuras seleccionadas se pulsa en trayecto->diferencia, para que la elpse roja "reste" su forma a la figura naranja. El resultado se fe en la figura 9. Se rellena con un degradado similar al resto del cilindro, y quedaría como la figura 10.


¿Se puede avanzar más? Si, se puede añadir un reflejo estilo 2.0 y un poco de sombra hacia atrás. El reflejo es simple: basta duplicar el cuerpo del cilindro, moverle hacia abajo y modificar los colores (mejor que yo, a ser posible, que me quedó un poco mal). Con la banda, algo parecido. La sombra me costó más: al final usé el efecto "motion" (efectos->generar desde el trayecto->motion) con una copia de la elipse superior. Este efecto tiene dos parámetros, un ángulo y una longitud. La longitud va en píxeles, y el ángulo en grados. Es importante tener en cuenta que 0º es a la derecha, 90º es hacia abajo, 180 es hacia la derecha y 270 hacia arriba. En mi caso usé 240º. Este efecto está bien, pero tiene el defecto de producir muchas rutas que deben ser combinadas entre si antes de darlas un tono semitransparente. Estas rutas se crean dentro de un grupo nuevo. Una vez combinadas las rutas, se sitúan en la posición correcta, y se rellenan de un tono semitransparente mejor que el que le di, que no parece que quede bien.

Nueva versión de GIMP disponible

Ya han lanzado la versión 2.6 de GIMP, en esta página web se pueden ver las novedades de la nueva versión, de las que yo destacaría:

• Cambio en la interfaz: ahora hay al menos una ventana abierta (además de los diálogos de opciones y la de herramientas). Esta ventana está vacía cuando no hay imágenes cargadas, al abrir una imágen, esta se carga en esa ventana. El resto de imágenes se cargan en nuevas ventanas. Cuando se cierra la última imagen, vuelve a aparecer esa ventana de inicio, y si se cierra, se cierra GIMP.
• Un único menú: ahora hay un solo menú, en la ventana de inicio, o de imágen si hay alguna imágen cargada.
• Herramienta de texto mejor: ahora realiza los saltos de línea automáticamente, puesto que se puede delimitar la anchura de la capa de texto.
• Mover la imágen más allá de los bordes de la ventana: a veces hay que situar un nodo de la ruta fuera de la imágen, antes esto no se podía hacer si no se usaba un zoom pequeño que dejara ver el área fuera de los bordes del lienzo. Ahora, se puede hacer con mucho zoom, gracias a que se puede desplazar la imágen fuera de la ventana.
• Mejora en la selección del lazo: ahora permite realizar selecciones poligonales fácilmente.
• Mejora en las brochas: ahora permiten controlar mucho mejor el efecto de la presión, la velocidad...
• Saltar fácilmente de brillo-contraste a niveles, y de niveles a curvas. Todo ello sin perder los valores usados en los diálogos.

Sin duda un buen paso más.