Cómo diseñar un colorido patrón de arte popular húngaro en Adobe Illustrator

Lo que vas a crear

El arte popular es una gran fuente de inspiración para crear patrones gráficos gracias a sus formas y motivos a menudo simples y repetidos. En este tutorial, basaremos nuestros motivos en aquellos que se encuentran en el arte popular húngaro, especialmente en el bordado, simplemente busque en Google o Pinterest "arte popular húngaro", y encontrará una gran cantidad de bellos ejemplos. Algunas de las formas más célebres de bordado popular de esta tradición se originaron en las regiones de Kalocsa y Matyo de Hungría..

De acuerdo con Folk-Art-Hungary.com, "las flores y las hojas, a veces un pájaro o un adorno en espiral, son los principales temas decorativos" del estilo de arte popular que se puede encontrar hoy en día, que se hizo común a mediados del siglo XVIII. Estos motivos se aplican a las artes y artesanías tradicionales como bordados, cerámicas y murales..

Este es el estilo que servirá de inspiración para nuestro patrón. Primero haremos una investigación y realizaremos algunos bocetos, y luego crearemos y organizaremos algunas florales de colores, convirtiéndolas en un patrón sin costuras, todo en Adobe Illustrator. Esta técnica podría usarse con cualquier estilo de arte popular que te parezca más elegante: escandinavo, mexicano o polaco, por nombrar algunos.

Antes de comenzar, necesitará este conjunto de pinceles artísticos de Illustrator para crear las hojas y las vides. Para obtener más recursos que puede utilizar en diseños inspirados en el arte popular, eche un vistazo a través de Envato Market.

1. Hacer un poco de trabajo de preparación

Paso 1

Primero, querrás elegir tus motivos. Comencé haciendo una investigación sobre el estilo del arte popular que me interesaba, y luego dibujé algunas de las formas que me gustaban. Si quieres hacer lo mismo, tus bocetos no tienen que ser perfectos o pulidos; son solo para que tenga algunas ideas listas para comenzar cuando sea el momento de comenzar a construir su patrón en Illustrator.

Paso 2

A continuación, abra un nuevo documento en Illustrator. Para facilitar la creación de un diseño simétrico, usaremos una mesa de trabajo cuadrada para organizar la parte repetitiva de nuestro patrón. Las dimensiones exactas no son importantes, siempre que sean cuadradas..

Paso 3

Ahora, es posible que desee preparar los dos recursos que usaremos para nuestro patrón: la paleta de colores y los pinceles..

Puede elegir sus propios colores si lo desea, o copiar los que ve aquí:

Asegúrate de añadir los colores a tu Muestras panel para facilitar el acceso más tarde.

Puedes agarrar el juego de brochas de Envato Market si aún no lo has hecho. Lo elegí porque uno de los pinceles es perfecto para dibujar las hojas en forma de lágrima que son un gran motivo en este estilo de arte popular, y realmente ayudará a acelerar el proceso de ilustración..

2. Crea tus elementos de patrón 

Si comenzó con algunos bocetos, úselos como una guía para comenzar a crear las piezas de su patrón. Si prefieres improvisar directamente en Illustrator, eso también está bien. Usaremos principalmente la herramienta Ellipse, la herramienta Pluma y la herramienta Pincel (para los pinceles artísticos vinculados anteriormente).

Paso 1

Comience a construir algunos elementos al lado de su mesa de trabajo, principalmente las flores, las vides y las hojas. No los arreglaremos en este punto; Primero queremos reunir algunas piezas para trabajar con. 

Para comenzar, lo guiaré a través del proceso de creación de la gran flor de estilo tulipán que es la pieza central de este patrón..

Paso 2

Primero, crearemos el pétalo central:

  • Utilizando la Herramienta elipse, Dibuja un óvalo largo y estrecho..
  • Con el óvalo seleccionado, cambie a la Herramienta de selección directa y haga clic en el punto de anclaje superior. En la barra de menú de Punto de Anclaje que aparece en la parte superior de su pantalla, seleccione la primera Convertir Botón para cambiar el punto a una esquina. Haz lo mismo para el punto de anclaje inferior..
  • Para dividir la forma por la mitad, use la Herramienta de segmento de línea para dibujar una línea por el centro. Asegúrese de mantener pulsado Cambio como lo haces para mantenerlo recto. Luego seleccione tanto la forma como la línea y vaya a Ventana> Pathfinder> Dividir.
  • Para cambiar el color, tendrás que usar el Herramienta de selección directa para seleccionar una mitad a la vez.

Paso 3

Ahora usa el Lapicera Para dibujar algunos pétalos más. Si su flor va a ser simétrica como la mía (tiene las mismas formas tanto a la derecha como a la izquierda del centro), solo cree un lado y luego cópielo y péguelo para duplicarlo, yendo a Objeto> Transformar> Reflejar voltear la orientación verticalmente.

Para acodar los pétalos, use los comandos que se encuentran en el Objeto> Organizar Menú (Enviar hacia atrás, Enviar hacia atrás, etc.).

Etapa 4 

Para crear la vid con hojas que se curvan debajo de la flor, necesitaremos romper nuestros pinceles. Pero primero, veamos la forma básica:

  • Utilizar el Lapicera para dibujar una línea que comience en el centro de la flor, curvándose hacia arriba y luego hacia abajo un poco (similar a la forma de los pétalos del fondo). La línea debe terminar ligeramente más allá del ancho de la flor..
  • Duplica la línea y luego ve a Objeto> Transformar> Reflejar y seleccione Vertical, Igual que hicimos para completar la flor. Alinee las dos mitades, y luego cambie a la Herramienta de selección directa, haciendo clic y arrastrando el cursor sobre el punto donde se unen las dos líneas para seleccionar ambos puntos finales. Golpear Comando / Control-J Unirte a ellos y crear una sola línea..
  • Seleccione la línea, y luego abra la Pinceles de arte vectorial establecer y aplicar Pincel de arte 15 para darle un aspecto bonito y afilado.

Paso 5

Para darle a nuestra vid algunas hojas, cambiar a Art Brush 19 y seleccione el Herramienta de pincel. Comience a dibujar hojas que aumentan de tamaño a medida que avanza hacia el centro. Quieres comenzar con un pequeño trazo de peso como 0.75 pt, Incrementándola a medida que avanzas en la línea..

Y recuerde, para ahorrar tiempo en elementos simétricos, puede comenzar creando la mitad del objeto, y luego duplicándolo y reflejándolo en la otra mitad. Esta será una técnica que usaremos a lo largo del tutorial..

Como nota al margen, este conjunto de pinceles en particular solo se puede usar con un color de trazo negro. Así que tendrás que seleccionar todo e ir a Objeto> Expandir Apariencia antes de que puedas aplicar un color a cualquier elemento que hayas creado usando los pinceles. En este paso, después de expandir la apariencia, también podrá recortar los extremos puntiagudos de las hojas con la Herramienta de borrador si hay alguno que sobresalga por encima de la línea curva. 

Paso 6

Ahora que ha visto algunos de los procesos que implican la creación de estos tipos de formas, es hora de crear algunos más para completar su patrón. Las mismas herramientas que hemos estado utilizando hasta ahora: la herramienta Ellipse, la herramienta Pluma y los pinceles, junto con los métodos abreviados como el reflejo, te serán útiles a medida que construyas tus elementos.. 

Esto es lo que terminé con:

3. Organiza tus elementos de patrón

Ahora que tiene algunos motivos listos para comenzar, puede comenzar a organizarlos en su mesa de trabajo. No deje que ninguna de las piezas cuelgue sobre los bordes de la mesa de trabajo en este punto; veremos las razones de esto unos pasos más tarde. Tenga en cuenta que lo que termine en su mesa de trabajo será la parte que se repita para crear un patrón perfecto..

Paso 1

Comienza a colocar los elementos que creaste en tu mesa de trabajo. Tendrá un tiempo mucho más fácil si primero agrupa todas las piezas de cada elemento (haga clic y arrastre para seleccionar y luego presione Comando / Control-G).

Siéntase libre de jugar con la disposición de sus elementos: intente girarlos, escalarlos hacia arriba o hacia abajo, cambiar los colores para lograr una apariencia más equilibrada, etc. Sugiero que primero coloque sus elementos más grandes; Siempre puedes crear algunos bits pequeños más tarde para rellenar los huecos.. 

Paso 2

Decidí ir con un arreglo de espejo donde algunos de los elementos se repiten en cada lado de nuestra flor central, pero puedes hacer lo que te parezca bien. Si también va a hacer un diseño reflejado, comience por organizar solo la mitad, y luego simplemente duplique y refleje para la otra mitad..

A continuación, la imagen de la izquierda es mi resultado de organizar mis elementos más grandes en el centro (estos no volverán a aparecer en la mesa de trabajo) y en un lado (estos se reflejarán en el otro lado). La imagen de la derecha es lo que se vería con el otro lado lleno duplicando y reflejando el primer lado.

Paso 3

Notarás que la mesa de trabajo todavía se ve bastante vacía, especialmente cerca del fondo. Nuestro objetivo es tener una base para nuestro patrón que se vea equilibrada y visualmente interesante, pero aún no hemos llegado a ese punto. Eso significa que es hora de colocar más de nuestros elementos y / o crear otros nuevos para llenar los vacíos.. 

Intenta evitar que tus elementos se crucen por los bordes de tu mesa de trabajo; abordaremos esto en el siguiente paso.

Esto es lo que tenemos con todos los grandes espacios vacíos rellenados:

4. Crea un patrón sin costuras

Ahora nos prepararemos para convertir nuestro diseño en un patrón sin costura.. 

Hay más de una forma de hacerlo en Illustrator. Si está utilizando CS6 o CC, puede probar el panel de Opciones de patrón para automatizar parte de este proceso. Pero si está utilizando una versión anterior de Illustrator o simplemente desea un poco más de control, la técnica que estamos a punto de ejecutar es otra buena opción..

Con esta técnica, los bordes de su diseño son muy importantes, por lo que hasta ahora los hemos dejado solos. Si no alinea los elementos de los bordes de su mesa de trabajo de la forma correcta, su patrón no resultará.

Paso 1 

Mientras que el centro de su mesa de trabajo debería estar bastante bien completado ahora, probablemente haya algunos huecos alrededor de los bordes. Esto significa que también habrá espacios en el centro de su patrón, ya que lo que está dentro de su mesa de trabajo se va a juntar como piezas cuadradas de rompecabezas para crear un patrón.

No queremos eso, así que empecemos a rellenarlos. Lo único que debe tener en cuenta es que los bordes superior e inferior deben corresponder, al igual que los bordes derecho e izquierdo. Esto es lo que permite que el patrón se repita sin problemas. Te mostraré cómo funciona eso ...

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

Paso 2 

Ahora, ya que estos cruzan el borde del borde superior de la mesa de trabajo, también tienen que corresponder con el borde inferior, es decir, la parte de la forma que está fuera de la mesa de trabajo en la parte superior debe estar dentro de la mesa de trabajo en la parte inferior. Si eso suena confuso en palabras, no es en la práctica.

Primero, agrupa las dos nuevas formas juntas (Comando / Control-G). Copiarlos y Pegar en frente (Comando / Control-F). No solo pegue y arrastre en su lugar, porque es importante que las formas copiadas estén exactamente en el mismo lugar que las originales..

Paso 3 

Mueve la copia yendo a Objeto> Transformar> Mover y escribiendo la longitud de su mesa de trabajo en el cuadro etiquetado Vertical. Como lo estamos moviendo hacia abajo, debe haber un signo menos / negativo (-) delante del número. Asegurarse Avance se comprueba para que pueda asegurarse de que se está moviendo de la forma que desea antes de golpear DE ACUERDO

Observe cómo las brocas que sobresalían sobre la mesa de trabajo con las primeras formas ahora están dentro de la mesa de trabajo abajo..

Puede ignorar los campos Distancia y Ángulo, pero asegúrese de que Horizontal campo es 0 px; esto es muy importante. Si hay incluso una diferencia de un píxel entre la colocación de los elementos en dos bordes correspondientes, el patrón no resultará. Entonces, si desea mover o ajustar elementos coincidentes, debe seleccionarlos y juntarlos..

Etapa 4

Probemos uno en la otra dirección. Si estuvo trabajando en los bordes superior e inferior anteriormente, esta vez coloque un elemento a la derecha o la izquierda. Aquí, he colocado un adorno en el borde izquierdo. El proceso es el mismo: copiar y Pegar en frente, y usar el Movimiento diálogo en el Transformar menú.

Esta vez, como lo estamos moviendo horizontalmente, el Vertical campo tiene que ser 0 px y el Horizontal campo debe ser el ancho de nuestra mesa de trabajo, o 1000 px. (Si lo moviéramos hacia la izquierda en lugar de hacia la derecha, escribiríamos -1000 px).

Paso 5 

Repita este mismo método para rellenar cualquier otro punto a lo largo de los bordes de su mesa de trabajo que crea que podría usar algo. La mía resultó así:

Paso 6

Has terminado tu muestra de patrones, ahora es el momento de ponerlo a prueba!

Primero, crea un cuadrado del tamaño exacto de tu mesa de trabajo. Utilizar el Alinear panel (Windows> Alinear) para asegurarse de que esté perfectamente centrado sobre su mesa de trabajo, tanto vertical como horizontalmente. También asegúrese de que tanto el relleno como el trazo en el cuadrado estén configurados como Ninguna, y luego enviarlo a la parte posterior (Objeto> Organizar> Enviar al fondo). 

Este cuadrado invisible es necesario para designar los límites del "mosaico" que se repite para crear su patrón sin costuras.

Paso 7

Abre tu Muestras panel. Para crear un patrón continuo, todo lo que tiene que hacer es seleccionar todo en su mesa de trabajo y arrastrarlo a su panel de muestras. Creará automáticamente una muestra que le permitirá aplicar su patrón sin costuras a cualquier forma o fondo, sin importar cuán grande o pequeña sea.

5. Aplica tu nuevo patrón

Pruebe su patrón dibujando una forma y aplicándole una muestra de patrón, tal como aplicaría una muestra de color. Busque huecos o cualquier cosa que no esté funcionando; es posible que deba pasar por un par de rondas de ajustes en su mesa de trabajo y crear muestras para perfeccionar el equilibrio y el efecto visual de su patrón..

Si desea escalar el patrón dentro de una forma, puede ir a Objeto> Transformar> Escala. Desmarcar Objetos (que va a escalar la forma en sí) y comprobar Patrones. Luego, puede controlar cuántas veces se repite el patrón dentro de su forma (y por lo tanto, qué tan pequeño o grande parece).

Trabajo bien hecho!

Espero que hayan disfrutado aprendiendo algunos de los procesos y atajos para crear un patrón sin costuras en Illustrator y que se hayan divertido inspirándose en las formas coloridas y fluidas del arte popular húngaro..

Como siempre, siéntase libre de compartir cómo resultó su proyecto o haga preguntas en la sección de comentarios. Feliz diseño!