Un Diseño Vitícola—Un Ejemplo de Mosaico

Inkscape tiene un cuadro de diálogo denominado Crear clones en mosaico que se puede usar para crear mosaicos complejos. Esta sección está dedicada a la preparación de una tesela patrón que se puede utilizar para crear dichos mosaicos. Como vamos a ver más adelante, los objetos de la tesela patrón pueden sobrepasar los límites de la tesela para crear así diseños continuos.

Un ejemplo de mosaico.
Un mosaico 3 × 3 creado a partir de una tesela patrón.

Los pasos para crear el mosaico por repetición son los siguientes:

Procedimiento 1.7. Crear un Mosaico por Repetición

  1. Preparar la pizarra.

    Para empezar, abra Inkscape y ajuste el tamaño del dibujo a una anchura de 400 píxeles y una altura de 580. Cree una Rejilla con un espaciado de 10 píxeles. Active el ajuste de nodos a la Rejilla (y desactive el ajuste de cajas de contorno a la Rejilla). No se olvide de activar la Rejilla.

  2. Crear el prototipo de la tesela.

    Necesitamos crear un prototipo de la tesela patrón que consista en un rectángulo dentro de un Grupo. El que el rectángulo sea un Grupo nos permitirá añadir nuevos objetos a la tesela. Antes de la versión 0.46 sólo se podían crear grupos con dos o más objetos. Esta restricción ha sido eliminada de manera que ahora se puede colocar sólo un rectángulo dentro de un Grupo.

    Por medio de la Herramienta Rectángulo, cree un rectángulo de 100 píxeles de ancho por 120 píxeles de alto con su esquina superior izquierda a 50 píxeles de los bordes izquierdo y superior de la página. Este será el tamaño de nuestra tesela patrón. El espaciado entre teselas estará determinado por la caja de contorno de este rectángulo. Hay dos definiciones para la caja de contorno. La primera de ellas, llamada caja de contorno visual, incluye la anchura del Borde en los cálculos, mientras que la segunda definición, denominada caja de contorno geométrica, se calcula usando sólo los nodos de un objeto. Será más fácil crear mosaicos sin preocuparse de la anchura del Borde, de manera que seleccione la opción caja de contorno geométrica en la sección Herramientas del cuadro de diálogo Preferencias de Inkscape.

    Para que se pueda ver la tesela déle un color a su Borde utilizando el cuadro de diálogo Relleno y borde, o bien haciendo clic sobre una de las muestras de color de la Paleta mientras mantiene pulsada la tecla Mayús. También puede dar un color al Relleno de la tesela con solo hacer clic en una de las muestras de color.

    Ahora puede colocar la tesela dentro de un Grupo seleccionando el rectángulo y ejecutando el comando Objeto icon Agrupar (Ctrl+G).

    Tesela patrón.
    La tesela patrón.
  3. Clonar la tesela.

    El paso siguiente es clonar la tesela. Esto nos va a permitir ver la tesela mientras la decoramos, asegurándonos de que los objetos que estén cerca de sus límites o los sobrepasen se ajusten de manera adecuada.

    Abra el cuadro de diálogo Crear clones en mosaico (Edición Clonar icon Crear clones en mosaico... ).

    Cuadro de diálogo Crear clones en mosaico.
    El cuadro de diálogo Crear clones en mosaico.

    Seleccione P1: traslación simple en el menú desplegable de la ficha Simetría. Vamos a crear un conjunto rectangular de teselas. Elija la opción Filas, columnas y fije en tres el número de filas y columnas introduciendo un 3 en las dos casillas. Compruebe que la tesela patrón está seleccionada en el dibujo (la Zona de Información debería informar de que "Grupo de 1 objeto" está seleccionado) y haga clic en el botón Crear del cuadro de diálogo.

    Colección de 3x3 teselas patrón.
    Una colección de 3 × 3 teselas patrón.
  4. Decorar la tesela.

    Es el momento de dibujar el diseño de la tesela patrón. Hemos creado nueve copias (clones) de la tesela patrón, incluida una que está sobre la tesela original. Debemos modificar la tesela original si queremos modificar también las copias. Seleccione la tesela original haciendo clic sobre cualquiera de los clones (la Zona de Información nos indicará que un clon está seleccionado), y ejecutando el comando Edición Clonar icon Seleccionar original (Mayús.+D). En la Zona de Información debería aparecer ahora Grupo de 1 objeto. La tesela original está debajo de un clon. Elévela hasta el frente aplicando el comando Objeto icon Traer al frente (Inicio) (o bien haciendo clic sobre el icono icon en la barra de Controles de Herramienta).

    Entre dentro del Grupo haciendo doble clic sobre la tesela patrón, o bien seleccionando la opción Entrar en el grupo #xxxx del menú que aparece cuando se hace clic con el botón derecho del ratón sobre la tesela patrón. El nombre de la Capa que aparece en la Barra de Estado empezará por #g indicando que un Grupo está abierto para ser editado (el Grupo se ha movido temporalmente a una Capa). Mientras el Grupo esté abierto, cualquier objeto que se añada al dibujo será un nuevo miembro del Grupo.

    Nombre de capa indicando que un grupo está siendo editado.
    El nombre de la Capa en la Barra de Estado indicando que un Grupo está abierto para ser editado.

    Ahora que el Grupo está abierto, añada cualquier detalle que desee. Nuestro ejemplo tiene el patrón de una parra. La rama principal es una línea sencilla cuyos extremos tienen la posición y ángulo cuidadosamente ajustados en los bordes de la tesela para lograr la continuidad del mosaico. El Relleno y el Borde del rectángulo patrón se han eliminado (el propio rectángulo no se ha eliminado ya que nos será de utilidad en el próximo paso).

    Colección de 3x3 teselas patrón decoradas.
    Una colección de 3 × 3 teselas patrón decoradas. Observe cómo parte de la decoración se extiende fuera de la tesela patrón (indicada por el rectángulo negro).
  5. Utilizar la tesela patrón para crear el mosaico.

    La tesela patrón recién creada se puede utilizar de varias maneras para decorar el Relleno de otro objeto. La manera más fácil es aplicar el cuadro de diálogo Crear clones en mosaico sobre la tesela patrón para crear un mosaico sencillo que después se recorta con el trazo del objeto.

    1. Elimine todos los clones de la tesela patrón (bien seleccionando cada clon y eliminándolo, o bien seleccionando la tesela patrón y haciendo clic sobre el botón Eliminar en el cuadro de diálogo Crear clones en mosaico).

    2. Seleccione la tesela patrón (si no estuviera ya seleccionada).

    3. Con el cuadro de diálogo Crear clones en mosaico cree un mosaico lo suficientemente grande para rellenar el objeto que nos interese. Asegúrese de que la casilla Usar el tamaño y posición de la tesela previamente guardados esté marcada. El mosaico utilizará las dimensiones de la tesela patrón antes de que fuera decorada (las dimensiones que tenía cuando creamos el primer mosaico), en lugar de utilizar la caja de contorno actual de la tesela, que puede incluir objetos que se extienden fuera de los bordes de la tesela. (Después de que un objeto es clonado en mosaico, Inkscape conserva un registro interno del tamaño y posición iniciales de la tesela, que puede ser utilizado más tarde para nuevas clonaciones.)

    4. Si alguno de los objetos de la tesela patrón es parcialmente transparente, puede ser necesario eliminar (o mover) la tesela patrón. Si se elimina la tesela patrón, los vínculos con las teselas clonadas se rompen, aunque las mismas permanecen.

    5. Agrupe las teselas clonadas. Coloque el objeto que quiere rellenar encima del grupo de clones en el orden-z. Seleccione el objeto y el grupo de clones, y después aplique el comando Objeto Clip Aplicar para hacer el recorte.

    Teselas recortadas.
    Se ha utilizado el trazo de un óvalo para recortar el mosaico. Para conseguir el borde ovalado, se ha duplicado el trazo del óvalo antes de hacer el recorte. Después se le dio al óvalo un Borde negro y ningún Relleno.

    La tesela patrón se puede utilizar para un Patrón seleccionándola y aplicando el comando Objeto Patrón Objetos a patrón (Alt+I). Cuando el Patrón sea utilizado por primera vez, se dará cuenta de que el espaciado no es el correcto si alguno de los objetos se extiende fuera de los límites de la tesela patrón. Esto se puede corregir por medio del Editor XML. En la sección svg:defs, seleccione el ítem svg:pattern que corresponde al objeto con el patrón del relleno. Esta línea puede estar enlazada con otro patrón. Siga los enlaces hasta que encuentre la línea con los atributos height y width (y sin ningún enlace a otro patrón). Cambie los atributos de height(altura) y width(anchura) a los valores de altura y anchura de la tesela patrón. Hay que hacer notar que algunos reproductores de gráficos SVG no dibujan las zonas que están fuera del área nominal del patrón (definida por los atributos height y width) a pesar de fijar el atributo style como overflow:visible. Batik (que se ha utilizado para la versión PDF de este libro) tiene problemas de reproducción con esta clase de patrones. Evince, un visualizador PDF muy utilizado en Linux, también tiene otro fallo diferente en la reproducción de Patrones. Acroread reproduce Patrones correctamente.

    Tesela original utilizada para patrón.
    La tesela original se ha convertido en un Patrón que se ha utilizado para rellenar el óvalo. Se han ajustado los atributos internos de la altura y anchura del patrón para hacerlos coincidir con los de la tesela original.

    Para algunos propósitos puede ser preferible tener el diseño completo de la tesela original dentro de los límites de la misma. Este punto es un poco complicado.

    1. Desconecte todos los clones seleccionándolos todos y aplicando Edición Clonar icon Desconectar clon (Mayús.+Alt+D).

    2. Elimine el clon central de la colección de 3 × 3 clones.

    3. Seleccione la tesela patrón y muévala al centro (puede que se encuentre debajo de uno de los clones). Utilice la ficha Mover del cuadro de diálogo Transformar para mover con precisión la tesela patrón (con los valores de su altura y anchura). La información interna sobre la posición y el tamaño de la tesela patrón que se usa para las clonaciones se mantiene guardada.

    4. Para cada objeto que sobresalga de los límites de la tesela patrón pero que no sea parte de de la misma, entre en el Grupo al que pertenezca ese objeto (haciendo doble clic sobre ese Grupo), corte ese objeto (Edición icon Cortar (Ctrl+X)), luego entre en el Grupo de la tesela patrón y pegue el objeto en el sitio (Edición icon Pegar en el sitio (Ctrl+Alt+V)). Preste especial atención tanto a la Zona de Información para no despistarse de lo que está seleccionado, como a la información de Capa en la Barra de Estado para ver qué grupo es el que está abierto en cada momento.

    5. Elimine los clones y los objetos restantes.

      Tesela patrón.
      La tesela patrón con toda la decoración necesaria, antes del recorte.

      En este punto, se podría convertir la tesela modelo en un Patrón (véase más arriba). Algunos problemas que aparecen en ciertos reproductores de gráficos SVG se pueden solucionar modificando el atributo transform con una traslación negativa en x e y aplicada al Grupo del Patrón. Hay que hacer notar que Inkscape ignora este atributo transform.

    6. Dentro del grupo abierto de la tesela modelo, seleccione el rectángulo y córtelo. Salga del grupo y péguelo en el sitio. Seleccione tanto el grupo de la tesela patrón como el rectángulo, y después aplique el comando Objeto Clip Aplicar. La tesela modelo está ahora terminada. Puede trasladarla de nuevo a su posición inicial por medio del cuadro de dialogo Transformar.

      Tesela patrón recortada.
      La tesela patrón recortada y situada de nuevo en su posición inicial.
    7. La tesela patrón se puede utilizar ahora para crear un mosaico.

      Un mosaico.
      Un mosaico con la tesela patrón recortada.

    Utilizar la tesela patrón recortada tiene un inconveniente principal. Es posible que aparezcan dibujos extraños en las zonas de contacto entre las teselas. Esto es debido a defectos en los algoritmos de dibujo que no funcionan de forma adecuada en los casos en los que el borde de la tesela no se alinea con un píxel de pantalla o con un bit de otro dispositivo de visualización.

    Tenga en cuenta que la tesela recortada no se puede utilizar directamente como un Patrón. Para crear un patrón, primero convierta la tesela en un mapa de bits (Edición icon Crear copia en mapa de bits (Alt+B)), y después utilice ese mapa de bits para el patrón. Con este método también pueden aparecer dibujos extraños.

    Un patrón de mosaico.
    Un óvalo relleno con un patrón de mapa de bits. El patrón se creó convirtiendo previamente la tesela patrón en un mapa de bits. Observe los dibujos extraños entre las teselas (en la figura PNG de la versión web del libro).

En esta sección se ha explicado la creación de la tesela patrón más sencilla. Se pueden crear con la misma facilidad teselas patrón más complejas y con diferentes simetrías, como las que se muestran a continuación.

Mosaico con una simetría p31m.
Un mosaico con la simetría "P31M".
Mosaico doble.
Un mosaico "P1" con una tesela patrón creada a partir de un mosaico "CMM" de una tesela patrón más pequeña.