Cmo crear un motivo y patrn de repeticin con Illustrator

Qu son los patrones? Un motivo (pattern) es una imagen que, colocada junto a copias de s misma puede repetirse hasta el infinito sin que el dibujo tenga rupturas. Los motivos son de varios tipos. El ms sencillo es el que tiene como elemento bsico (esa imagen que se repite), un patrn o tesela. Las ms de las veces este mdulo es cuadrado, pero no es imprescindible y puede ser triangular, rectangular o hexagonal. La mayora de los motivos que se usan en decoracin se pueden acoger a este tipo; son los ms sencillos de componer; su forma ms simple y usual son los que tienen un cuadrado como base y ste cuadrado se repite en todas direcciones para formar un patrn. La tesela puede ser cada vez ms compleja, con lo que el mosaico resultante es ms elaborado; eso incluye variaciones de color, que permiten que el mosaico sea visualmente ms complejo. Hasta aqu todo es sencillo. El dibujo de las teselas no se mezcla ni entrecruza. Unas estn simplemente al lado de las otras. La cuestin se complica cuando queremos que la tesela tenga dibujos distintos en cada lado o muy complejos interiormente y queremos que esos dibujos coincidan para formar el "infinito" caracterstico de los patrones. Un ejemplo de esto son las laceras, celosas, o mosaicos, donde formas a veces muy complejas se enlazan formando un tejido sin fin; o los dibujos de materiales textiles estampados; o el papel tapiz o papel para envolver. La importancia de un patrn es que el tamao est proporcionado con el uso. Con un patrn de componente grande aplicado a un espacio pequeo, no se aprecia bien el ritmo de la repeticin; o con un patrn demasiado pequeo aplicado a un espacio grande, no se aprecian los detalles y comienzan a apreciarse patrones no deseados, o el ritmo visual se empasta.

Hacer patrones con computadora Muchos programas grficos admiten la definicin de elementos especiales de relleno llamados patrones (patterns). Cada pattern es uno de esos mdulos que hemos mencionado y que permite hacer rellenos infinitos. Se pueden crear, definir, guardar, exportar, etc...; su ventaja es que son extremadamente cmodos de usar comparados con lo que costara hacer los dibujos de forma manual; su desventaja es que, en programas de dibujo vectorial, sobrecargan bastante los ficheros, y en programas de mapa de bits, no son escalables sin perder resolucin. Los programas adecuados para la elaboracin de motivos infinitos son de dos tipos; el primero es cualquier programa de dibujo vectorial, como Adobe Illustrator o CorelDraw; el segundo tipo es un programa de imgenes de mapa de bits como Adobe Photoshop, Jasc PaintShop Pro o Corel Photopaint, por citar los ms usuales. Illustrator y Photoshop trabajan muy bien en conjuncin y esa es quiz la mejor opcin.

Quien no haya hecho patrones pensar, al modo clsico, que las piezas bsicas que dan lugar a ese patrn son algo parecido a esto:

Bueno, en lo que a piezas de elaboracin se refiere, es cierto; pero en cuanto a ajuste de la pieza bsica (aquella que formar el patrn una vez aplicada), no. En diseo con computadora, la pieza bsica es algo como esto: Esto es as porque la forma ms sencilla (y extendida) de fabricar un patrn con computador es definirlo como elemento "patrn" (pattern), que sigue una conducta especial. El problema de este tipo de elementos de dibujo 2D es que deben estar siempre formado por cajas (cuadrados o rectngulos). Un tringulo, por ejemplo, no puede ser un "motivo" (pattern) en estos programas. El truco de hacer un pattern es las ms de las veces que el centro del dibujo (en la concepcin "clsica"), se convierta, cortada en cuartos, en las esquinas del patrn. Sin embargo, esto puede muchas veces ser ms complicado que el planteamiento "de esquina". Veamos dos ejemplos de patrones tpicos. Estn realizados con Illustrator, pero la tcnica se puede aplicar a cualquier programa de los mencionados antes.

Ejemplo 1: Un patrn formado por textos Se hace un cuadrado para usarlo como base a la que ceirse. Dentro se ponen los textos que se crean convenientes. A continuacin, se parte en cuadrado y su contenido en cuatro partes iguales (mitad horizontal y mitad vertical).

Se trastocan las mitades izquierdas por las derechas y las mitades superiores se intercambian con las inferiores; se unen bien y ya se tiene la base principal.

Ahora hay que pulirla para que, al aadirle cosas en el cruce intermedio (que originalmente eran las esquinas), para que no quede el dibujo entrecortado y ya est hecho el mdulo bsico. Para aplicarlo, se ajusta el tamao del mdulo conforme al espacio que se tenga pensado para aplicarlo y entonces se define como motivo (pattern).

Ejemplo 2: Un patrn formado por crculos y lneas

Se hace un cuadrado para usarlo como base a la que ceirse; dentro hace la composicin, sin salirse; a continuacin, se parte en cuatro partes iguales (mitad horizontal y mitad vertical); se intercambian las mitades izquierdas con las derechas y las mitades superiores con las inferiores; y se unen para tener la base principal.

Ahora hay que pulirla para que, al aadirle dibujos en la cruz intermedia (que originalmente eran las esquinas), no quede el dibujo entrecortado. Se aaden los trazos convenientes por encima de lo que es el eje vertical y horizontal de esa zona y ya est hecho el mdulo bsico. Para aplicarlo, se ajusta el tamao de la tesela conforme al espacio que se tenga pensado para aplicarlo y entonces se define como motivo (pattern). Como ya hemos visto, la creacin de motivos, mosaicos o patrones digitales tiene su pequeo truco, ya que se basan en la creacin de patrones de repeticin. Del mismo modo, aplicar en Illustrator las tcnicas explicadas tambin tiene sus complicaciones y dependiendo del dibujo del motivo infinito que queramos usar, la operacin de crearlo puede ser ms o menos complicada.

Los patrones con motivos sencillos El motivo ms sencillo es aquel en el que lo repetido no se entrecruza ni toca al repetirse. En esos casos, el procedimiento en Illustrator no tiene complicacin alguna:

Creamos un dibujo de forma ortogonal preferentemente cuadrada y colocamos el motivo dentro

y arrastramos el conjunto a la paleta de "Muestras". Eso convertir el dibujo en un motivo infinito.

Podemos aplicarlo como relleno a cualquier objeto nativo de Illustrator.

Un par de precauciones Cuanto ms complicado sea el dibujo que compone un patrn, ms pesado ser el archivo final de Illustrator en cuanto a necesidad de procesador y es fcil que el ordenador se bloquee al redibujar si lo hacemos muy complejo. En esos casos ser muy conveniente replantearse rehacer el patrn de forma ms sencilla o convertirlo en mapa de bits (rasterizarlo) all donde est aplicado; esto simplificar mucho las operaciones de clculo de la computadora. Aunque podemos transformar y cambiar la escala del patrn, siempre conviene hacerlo al mismo tamao al que se va aplicar; eso simplifica mucho los clculos que tiene que hacer la computadora.

Patrones un poco ms complejos En el ejemplo anterior, los dibujos del patrn no interactan, no se yuxtaponen. Ya vimos que, para que eso ocurra, hay que aplicar una tcnica de corte o duplicar con movimientos calculados y redibujado. En Photoshop, lo ms sencillo sera cortar las piezas, escaquearlas (ajedrezarlas) y redibujar un poco. En Illustrator el mtodo ms sencillo es duplicar con parmetros los elementos bsicos usando el efecto "Efecto - Distorsionar y transformar Transformar" y la paleta "Transformar, donde se pueden ver las dimensiones de los elementos seleccionados. Lo primero es decidir qu tamao tendr el mdulo que va a servir de base para el patrn. El lmite es slo la sensatez, como hemos indicado y el hecho de que tiene que ser un rectngulo, por ejemplo con una base de 200 200 pxeles. Creamos un nuevo documento, al que en el "Ajuste de la mesa de trabajo" le damos de tamao 200 200 pxeles esto no es imprescindible pero trabajar con una mesa de trabajo igual al tamao del documento final es ms cmodo.

Comenzamos a hacer el motivo colocando los dibujos que vayan a formar parte de l, en este caso un motivo parecido a un motivo que en Espaa se llama de amebas o paramecios (paisley). Lo colocamos ms o menos centrado sobre la esquina superior izquierda de la mesa de trabajo. No hace falta precisin en esa primera colocacin.

Lo duplicamos horizontalmente con el men "Efecto - Distorsionar y transformar - Transformar". En el valor "Mover - Horizontal", indicamos el mismo valor que queremos que tenga de ancho el modulo final en este caso, "200px". En "copias", ponemos "1" ya que con "0", simplemente lo desplazaramos); y aceptamos.

A continuacin hacemos lo equivalente verticalmente y asignamos un valor "Mover - Vertical" de "-200px" para que se coloquen las copias en las esquinas inferiores.

Al comenzar a hacerlo, Illustrator nos advertir que lo seleccionado ya tiene aplicado un efecto de igual tipo; y aplicamos el nuevo efecto.

Comenzamos entonces a rellenar con ms dibujos el interior del mdulo. La nica precaucin que tenemos que tener aparte de no pasarnos de complicacin es que cualquier elemento que se salga por algn lado del cuadro vertical o lateralmente, debemos duplicarlo en el mismo sentido para que salga por el lado contrario. El valor que debemos darle a ese duplicado es siempre el del cuadro del motivo en este caso "200 px". Como hemos usado la opcin "Efecto - Distorsionar y transformar Transformar", podemos girar y modificar el dibujo de la esquina superior izquierda que estamos usando como referencia del motivo, ya que todas las repeticiones, se modifican igual que el original.

Ahora le aplicamos color no es que sea el momento obligado o que deba hacerse; pero si es conveniente usar siempre "muestras globales", ya que eso nos permitir hacer cambios de color de un solo golpe y as hacer distintas versiones de color de un mismo motivo algo muy usual. Conviene recordar, por cierto, que es posible cambiar el color de las ilustraciones en Illustrator usando la llamada "Gua de color"

Si queremos, podemos aadirle un recuadro con el fondo de color que creamos conveniente. No es imprescindible que mida lo mismo que el recuadro del motivo. De hecho, si es un fondo de color plano, conviene que mida un poco ms. Una vez terminado el motivo, dibujamos un recuadro que mida exactamente lo mismo que debe medir el mdulo (en este caso 200px). Le damos de color de relleno y de trazo "Ninguno". Es muy conveniente que su esquina superior izquierda coincida con la mesa de trabajo o punto de coordenadas "0,0". Lo seleccionamos y lo enviamos detrs del todo mediante el men "Objeto - Organizar - Enviar detrs". Ese recuadro sin color es la clave. Al encontrrselo detrs del todo, Illustrator va a entender que queremos usarlo como recuadro de lmite (bounding box) del mdulo y lo usar para definir los lmites de ste.

Para finalizar, seleccionamos todos los elementos que van a formar el mdulo (recuadro sin color incluido) y vamos al men "Edicin - Definir motivo". Le damos un nombre adecuado como "amebas azules 01" y ya est. Tambin podemos simplemente seleccionar los elementos y arrastrarlos dentro de la paleta de "Muestras". Cualquiera de los dos mtodos sirve igual.

Para usar el mdulo, basta con seleccionar cualquier objeto, ir a la paleta de "Muestras y pinchar el mdulo correspondiente con el cursor. El teselado se aplicar como relleno (fill) o trazo (path).

Porque un efecto y no simplemente copiar con parmetros Si tienes cierta idea de Illustrator te habrs peguntado: Por qu usa el efecto "Transformar al dibujar las piezas que salen del marco y no se limita a usar la opcin "Copiar" de la paleta "Transformar"? La respuesta ya la has visto arriba: Es ms fcil ir modificando el efecto que hacerlo las veces que hayamos repetido los objetos. Lo mismo se aplica a la hora de aplicar color. Eso no quiere decir que pueda ser conveniente "Expandir" el efecto para que no ocurran despus cosas raras.

Un par de precauciones Muchas veces no necesitamos crear un patrn perfecto que pudiramos prolongar hasta el infinito. No siempre hace falta un papel pintado; a veces, slo necesitamos un trozo de motivo repetitivo para cubrir una zona que hace de mscara de recorte de ese patrn. En esos casos, valdra con usar convenientemente el men "Efecto - Distorsionar y transformar Transformar" sin llegar a definir un motivo propiamente dicho. As podramos usar opciones de fondo ms complicadas.