Cómo Diseñar un Motivo Artístico Popular Húngaro en Adobe Illustrator

El Arte Popular es una magnífica fuente de inspiración para crear motivos gráficos gracias a sus formas y adornos a menudo simples y repetidos. En éste tutorial, estaremos basando nuestros motivos en los encontrados en el arte popular húngaro, particularmente bordados, solo busca en Google o Pinterest "arte popular húngaro", y encontrarás una serie de hermosos ejemplos. Algunas de las más celebradas formas de bordado popular de ésta tradición se originó en las regiones Kalocsa y Matyó de Hungría.

De acuerdo a Folk-Art-Hungary.com, "flores y hojas, a veces un pájaro o un ornamento espiral, son los principales temas decorativos" del estilo de arte popular que puedes encontrar hoy, el cual primero llegó a ser común a mediados de los 1700s. Éstos motivos son aplicados a artes y oficios tradicionales como bordado, cerámica y murales.

Éste es el estilo que fungirá como inspiración para nuestro motivo. Primero, haremos alguna investigación y algunos bosquejos, y luego crearemos y organizaremos algunos coloridos elementos florales, convirtiéndolos en un fluido motivo-todo en Adobe Illustrator. Ésta técnica podría ser usada con cualquier estilo de arte popular que despierte tu fantasía: escandinavo, mexicano o polaco, por nombrar unos cuantos.

Antes de comenzar, necesitarás éste conjunto de pinceles de arte para Illustrator para crear las hojas y las enredaderas. Para más recursos que puedes usar en diseños inspirados en arte popular, explora Envato Market.

1. Realiza Algún Trabajo Preparatorio

Paso 1

Primero, querrás elegir tus motivos. Comencé por realizar alguna investigación del estilo de arte popular en el que estaba interesado, y luego bosquejé algunas de las formas que me gustaron. Si quieres hacer lo mismo, tus bosquejos no tienen que ser perfectos o pulcros; son solo para que tengas algunas ideas listas para continuar cuando sea momento de comenzar a crear tu motivo en Illustrator.

Paso 2

A continuación, abre un nuevo documento en Illustrator. Para facilitar la creación de un diseño simétrico, utilizaremos una mesa de trabajo cuadrado para organizar la parte repetitiva de nuestro motivo. Las dimensiones exactas no son importantes, mientras sea un cuadrado.

Paso 3

Ahora, podrías querer preparar los dos recursos que estaremos usando para nuestro motivo: la paleta de colores y los pinceles.

Puedes elegir tus propios colores si quieres, o copiar los que ves aquí:

Asegúrate de añadir los colores a tu panel Muestras para un fácil acceso posterior.

Puedes tomar el conjunto de pinceles de Envato Market si no lo tienes ya. Lo elegí porque uno de los pinceles es perfecto para dibujar las hojas con forma de gota que son un gran motivo de éste estilo de arte popular, y realmente ayudará a agilizar el proceso de ilustración.

2. Crea los Elementos de Tu Motivo

Si comenzaste con algunos bosquejos, usa esos como una guía para empezar a crear las piezas de tu motivo. Si prefieres improvisar directamente en Illustrator, también está bien. Estaré usando principalmente la Herramienta Elipse, la Herramienta Pluma, y la Herramienta Pincel (para los pinceles de arte vinculados arriba).

Paso 1

Comienza a construir algunos elementos al lado de tu mesa de trabajo, los míos principalmente son flores, enredaderas y hojas. No los organizaremos en éste punto, primero queremos reunir algunas piezas para trabajar.

Para comenzar, te guiaré en el proceso de crear la flor grande estilo tulipán que es la pieza central de éste motivo.

Paso 2

Primero, crearemos el pétalo del centro:

• Usando la Herramienta Elipse, dibuja un óvalo largo y angosto.

• Con el óvalo seleccionado, cambia a la Herramienta Selección Directa y haz click en el punto de ancla más alto. En la barra de menú del Punto de Ancla que aparece en la parte superior de tu pantalla, selecciona el primer botón Convertir para cambiar el punto a un vértice. Haz lo mismo para el punto de ancla inferior.

• Para dividir la forma a la mitad, utiliza la Herramienta Segmento de Línea para dibujar una línea por el centro. Asegúrate de mantener presionada la tecla Mayúsculas para mantenerla recta. Luego selecciona la forma y la línea y ve a Ventana > Buscatrazos > Dividir.

• Para cambiar el color, tendrás que usar la Herramienta Selección Directa para seleccionar una mitad a la vez.

Paso 3

Ahora usa la Herramienta Pluma para dibujar algunos pétalos más. Si tu flor va a ser simétrica como la mía (tiene las mismas formas a la derecha e izquierda desde el centro), solo crea un lado y luego copia y pega para duplicarla, ve a Objeto > Transformar > Reflejo para voltear la orientación verticalmente.

Para organizar en capa los pétalos, utiliza los comandos encontrados en el menú Objeto > Organizar (Hacia Atrás, Enviar Detrás, etc.).

Paso 4

Para crear la enredadera con hojas que hace una curva debajo de la flor, necesitaremos liberar nuestros pinceles. Pero primero, obtengamos la distribución básica de la forma:

• Usa la Herramienta Pluma para dibujar una línea que comience en el centro de la flor, curvando hacia arriba y luego hacia abajo un poco (similar a la forma de los pétalos inferiores). La línea debería terminar ligeramente pasando la anchura de la flor.

• Duplica la línea, y luego ve a Objeto > Transformar > Reflejo y selecciona Vertical, tal como lo hicimos para completar la flor. Alinea las dos mitades, y luego cambia a la Herramienta Selección Directa, haciendo click y arrastrando tu cursor al punto donde se unen las dos líneas para seleccionar ambos puntos finales. Pulsa Comando/Control-J para unirlas y crea una sola línea.

• Selecciona la línea, y luego abre el conjunto de Pinceles de Arte Vectoriales y aplica Pincel de Arte 15 para darle una agradable apariencia puntiaguda.

Paso 5

Para dar a nuestra enredadera algunas hojas, cambia a Pincel de Arte 19 y selecciona la Herramienta Pincel. Comienza a dibujar las hojas que se incrementan de tamaño mientras te diriges al centro. Quieres comenzar con un pequeño trazo de un grosor de 0.75 pt, incrementándolo mientras te desplazas por la línea.

Y recuerda, para ahorrar tiempo en elementos simétricos, puedes comenzar creando la mitad del objeto, y luego duplicarlo y reflejarlo para la otra mitad. Ésta será una técnica que usaremos durante todo el tutorial.

Como una nota aparte, éste particular conjunto de pinceles únicamente puede ser usado con un color de trazo de negro. Así que tendrás que seleccionar todo y ve a Objeto > Expandir Apariencia antes de que puedas aplicar un color a cualquier elemento relevante que has creado usando los pinceles. En éste paso, después de expandir la apariencia, también podrás cortar los extremos puntiagudos de las hojas con la Herramienta Borrador si alguno se pasa arriba de la línea curvada.

Paso 6

Ahora que has visto algo del proceso en la creación de éstos tipos de formas, es momento de crear algo más para rellenar tu motivo. Las mismas herramientas que hemos usado hasta ahora-la Herramienta Elipse, la Herramienta Pluma y los pinceles-junto con atajos como reflejar resultarán útiles mientras creas tus elementos.

Aquí está con lo que terminé:

3. Organiza Tus Elementos de Motivo

Ahora que tienes algunos motivos listos, puedes empezar a organizarlos en tu mesa de trabajo. No dejes que las piezas se salgan de los bordes de la mesa de trabajo en éste punto-ahondaremos en las razones para ésto unos pasos más adelante. Ten en mente que con lo que terminas en tu mesa de trabajo será la parte que se repite para crear un motivo fluido.

Paso 1

Comienza a colocar los elementos que creaste en tu mesa de trabajo. Tendrás un momento más relajante si primero agrupas todas las piezas de cada elemento (haz click y arrrastra para seleccionar, y luego pulsa Comando/Control-G).

Siéntete con toda libertad para experimentar con la organización de tus elementos-trata de rotarlos, escalarlos hacia arriba o hacia abajo, cambiar los colores para un aspecto más equilibrado, etc. Sugeriría colocar primero tus elementos más grandes; siempre puedes crear algunos detalles pequeños para rellenar cualquier espacio.

Paso 2

He decidido ir con una organización simétrica donde algunos de los elementos se repiten en cada lado de nuestra flor central, pero puedes hacer lo que se vea bien para tí. Si también te decides por un diseño simétrico, comienza por organizar únicamente una mitad, y luego simplemente duplica y refleja para la otra mitad.

Abajo, la imagen de la izquierda es mi resultado de organizar mis elementos más grandes desde el centro (éstos no aparecerán de nuevo en la mesa de trabajo) y en un lado (éstos serán reflejados en el otro lado). La imagen de la derecha muestra como luciría con el otro lado relleno al duplicar y reflejar el primer lado.

Paso 3

Notarás que la mesa de trabajo aún luce muy vacía, especialmente cerca de la parte inferior. Nuestra meta es tener una base para nuestro motivo que luzca equilibrada y visualmente interesante, pero no lo logramos todavía. Así que eso significa que es momento de colocar más de nuestros elementos y/o crear nuevos para rellenar los espacios.

Aún intenta evitar que cualquera de tus elementos sobrepasen los bordes de tu mesa de trabajo; abordaremos ésto en el siguiente paso.

Aquí está lo que tenemos con todos los grandes espacios cubiertos:

4. Crea un Motivo Fluido

Ahora nos prepararemos para convertir nuestro diseño en un motivo fluido.

Hay más de una manera en la que puedes hacer ésto en Illustrator. Si estás usando CS6 o CC, puedes probar el panel Opciones de Motivo para automatizar algo de éste proceso. Pero si estás usando una versión anterior de Illustrator o solo quisieras un poco de más control, la técnica que vamos a ejecutar es otra buena opción.

Con ésta técnica, los bordes de tu diseño son muy importantes-razón por la que los hemos dejado solos ahora. Si no obtienes los elementos en los bordes de tu mesa de trabajo alineados correctamente, tu motivo no resultará.

Paso 1

Mientras que el centro de tu mesa de trabajo debería estar bien relleno por ahora, probablemente hay algunos espacios alrededor de lo bordes. Ésto significa que también habría espacios en medio de tu motivo, ya que lo que está dentro de tu mesa de trabajo va a parecer azulejo como pieza cuadrada de rompecabezas para crear un motivo.

No queremos eso, así que comencemos a rellenar esos. De lo único que tienes que estar consciente es que los bordes superior e inferior tiene que corresponder, igual que los bordes derecho e izquierdo. Ésto es lo que permite que el motivo se repita de manera fluida. Te mostraré cómo funciona...

Primero, coloca un elemento en un borde. Por ejemplo, colocaré algunas formas entre las tres flores en la parte superior que se extiendan más allá del borde de la mesa de trabajo:

Paso 2

Ahora ya que éstos sobrepasan el borde superior de la mesa de trabajo, también tienen que corresponder con el borde inferior-eso es, la parte de la forma que está afuera de la mesa de trabajo en la parte superior debe estar adentro de la mesa de trabajo en la parte inferior. Si eso suena confuso en palabras, no lo es en la práctica.

Primero, agrupa las dos nuevas formas (Comando/Control-G). Cópialas y Pégalas Delante (Comando/Control-F). No solo pegues y arrastres en el lugar, porque es importante que las formas copiadas estén en exactamente el mismo lugar que las originales.

Paso 3

Mueve la copia al ir a Objeto > Transformar > Mover y escribe la longitud de tu mesa de trabajo en la casilla etiquetada Vertical. Ya que nos estamos moviendo hacia abajo, necesita haber un signo menos/negativo (-) antes del número. Verifica que Previsualización esté marcada para que puedas estar seguro de que se muevan de la manera que quieres antes de pulsar OK.

Nota cómo los elementos que estaban arriba de la mesa de trabajo con las primeras formas ahora están dentro de la mesa de trabajo abajo.

Puedes ignorar los campos Distancia y Ángulo, pero verifica que el campo Horizontal sea 0 px; ésto es muy importante. Si hay diferencia de un pixel entre la colocación de elementos en dos bordes correspondientes, el motivo no resultará. Así que si quieres mover o ajustar elementos coincidentes, tienes que seleccionarlos y moverlos juntos.

Paso 4

Probemos uno en la otra dirección. Si estabas trabajando en los bordes superior e inferior antes, ésta vez coloca un elemento en la derecha o en la izquierda. Aquí, he colocado un detalle en el borde izquierdo. El proceo es el mismo: copia y Pega delante, y usa el cuadro de diálogo Mover en el menú Transformar.

Ésta vez, ya que estamos moviéndolo horizontalmente, el campo Vertical necesita ser de 0 px y el campo Horizontal necesita ser de la anchura de nuestra mesa de trabajo, o de 1000 px. (Si estuviéramos moviéndolo hacia la izquierda en lugar de hacia la derecha, escribiríamos -1000 px).

Paso 5

Repite éste mismo método para rellenar cualquier otro punto a lo largo de los bordes de tu mesa de trabajo que pienses podrían usar un poco. El mío resultó así:

Paso 6

Has finalizado la muestra de tu motivo-¡ahora es momento de ponerlo a prueba!

Primero, crea un cuadrado del tamaño exacto de tu mesa de trabajo. Usa el panel Alinear (Ventana > Alinear) para asegurar que esté centrado perfectamente en tu mesa de trabajo, vertical y horizontalmente. También asegúrate de que el relleno y el trazo en el cuadrado estén establecidos en Ninguno, y luego envíalo detrás (Objeto > Organizar > Enviar detrás).

Éste cuadrado invisible necesita definir los límites del "azulejo" que se repite para crear tu motivo impecable.

Paso 7

Abre tu panel Muestras. Para crear un motivo fluido, todo lo que tienes que hacer es seleccionar todo en tu mesa de trabajo y arrastrar a tu panel Muestras. Automáticamente creará una muestra que te permite aplicar tu motivo fluido a cualquier forma o fondo, no importa qué tan grande o pequeño sea.

5. Aplica Tu Nuevo Motivo

Prueba tu motivo al dibujar una forma y aplicar tu muestra de motivo a ella, tal y como aplicarías una muestra de color. Busca espacios o cualquier cosa que no esté funcionando-podrías necesitar intentar un par de pruebas de modificaciones de lo que está en tu mesa de trabajo y crear muestras para perfeccionar el equilibrio y el efecto visual de tu motivo.

Si quisieras escalar el motivo dentro de una forma, puedes ir a Objeto > Transformar > Escala. Desmarca Transformar Objetos (que escalará la misma forma) y marca  Transformar Patrones. Luego, puedes controlar cuantas veces se repite el motivo dentro de tu forma (y así, qué tan grande o pequeño aparece).

¡Buen Trabajo!

Espero que hayas disfrutado aprendiendo algo del proceso y los atajos para la creación de un motivo fluido en Illustrator y te hayas divertido tomando inspiración de las coloridas y fluyentes formas de arte popular Húngaro.

Como siempre, con toda confianza comparte cómo resultó tu proyecto o formula preguntas en la sección de comentarios. ¡Feliz Diseño!