¿Cómo puedo convertir a un patrón sin fisuras en Illustrator?

Después de seguir muchos tutoriales sobre la creación de patrones usando el creador de patrones y el patrón de pincel en Illustrator y luego compensar en Photoshop, no pude convertir la imagen a continuación en un patrón sin costuras utilizable :(

Es la complejidad de la forma de "onda" lo que la hace difícil de lograr; la mayoría de los otros tutoriales y preguntas aquí en Stackexchange hablan de patrones simples/cuadrados... este es diferente.

Descargar archivo AI

¿Alguna sugerencia?

Patrón

Crea la ola a 90° vertical u horizontal.... eso será mucho más fácil. Luego puede rotar el patrón cuando se aplica a un objeto (Photoshop no puede hacer eso).
A menos que pueda hacer un patrón y luego rotarlo como sugiere Scott, hacer mosaicos con imágenes rotadas/diagonales es mucho más complicado que si son rectos. Consulte Cómo crear un patrón o mosaicos a partir de elementos rotados para obtener explicaciones detalladas sobre por qué
Gracias por los comentarios, chicos. El caso es que tengo esta imagen como base y quiero convertirla en un patrón continuo sin tener que crear las ondas desde cero. Ya intenté duplicar una línea curva en IA, pero falló al crear un patrón continuo :(
¿Intentaste hacer lo que sugiere Scott?

Respuestas (1)

Estoy preparado para comerme mis palabras aquí, pero a menos que esté muy equivocado, ese NO es un patrón repetitivo, a pesar de las apariencias. Puede haber sido uno una vez, pero no en su forma actual.

Trataré de explicar;

1.(si desea repetir mi prueba) Gire la imagen para que una línea ondulada sea exactamente horizontal. Puede hacer esto encontrando el punto más alto de una línea y alineándolo horizontalmente contra su próximo punto más alto.

2.Si dibuja una línea a través de estos puntos altos y luego hace lo mismo con OTRAS dos líneas onduladas, verá que se alejan una de la otra, como un cono o un vaso de una pinta de lado.

La siguiente imagen lo demuestra: la línea horizontal superior se desplaza a aproximadamente 3,3 grados, la línea media a 0 grados (obviamente, porque ha sido alineada) y la línea inferior a aproximadamente -3,8 grados.

No es un patrón repetitivo

3.Para hacer las cosas aún más complejas, las líneas tampoco viajan en línea recta. Mirando la línea media más de cerca, podemos ver que en realidad viaja en un arco.

arco curvo

En otras palabras, la imagen parece estar deformada, quizás por diseño. También hay algunas formas de DRM que protegen las imágenes al deformarlas sutilmente para que las partes más pequeñas de una imagen completa más grande no puedan volver a juntarse (no creo que eso esté sucediendo aquí en particular, pero solo lo estoy agregando). allí como un aparte).

En mi opinión, tu única opción real aquí es crear el patrón tú mismo, así que te explicaré cómo puedes lograr un efecto muy similar.

1)Abra un nuevo documento de Illustrator con un tamaño de 900 px por 900 px (solo usé este tamaño para poder usar su imagen de origen como referencia, y resulta que es ese tamaño).

2)Arrastre su patrón PNG o vaya a ARCHIVO > LUGAR, luego seleccione el archivo de patrón (cualquiera de los dos logra lo mismo). Mantenga la imagen en su propia capa para que no estorbe.

3)Cree algunas muestras de color nuevas para que pueda hacer referencia exacta a los colores de su patrón de origen (si desea que las cosas se vean igual). Una forma de hacer esto es seleccionando la herramienta cuentagotas y haciendo clic en cada uno de los dos colores predominantes de su imagen, cada vez que arrastre el color al panel de muestras una vez que esté satisfecho con el color (puede arrastrar el color directamente desde el rellenar o trazar cuadros).

Algunos consejos;

  • Si la herramienta cuentagotas no selecciona el color que desea, haga doble clic en la herramienta y asegúrese de que todo esté desmarcado en 'Recoge el cuentagotas' excepto Apariencia > Relleno focal > Color. Siempre puedes volver a poner las cosas de nuevo después.

ajustes del cuentagotas

  • Si el color de la línea ondulada no sale bien, asegúrese de acercar el zoom para dejar caer la parte más brillante y vívida de la línea. Debido a que es una imagen rasterizada, hay muchos tonos diferentes en el borde de la línea, lo que puede no ser muy útil.
  • finalmente, si eso parece demasiado trabajo duro, puede simplemente copiar el valor que obtuve. Color de fondo (RGB): (R) 35, (G) 106, (B) 85 y Color de línea: (R) 57, (G) 121, (B) 102.

4)Ahora para el efecto. Use la herramienta elipse para crear un círculo simétrico (mantenga presionada la tecla Mayús al arrastrar). El tamaño no importa demasiado en esta etapa. Para facilitar el trabajo, elimine cualquier relleno y dele 1 punto de trazo para que pueda verlo fácilmente.

5)Con el círculo seleccionado, use la herramienta de tijeras (puede estar oculta debajo de la herramienta de borrador) y recorte los puntos de anclaje superior e inferior del círculo. Efectivamente, esto lo cortará en dos.

6)Con la herramienta de selección (flecha negra), separe las mitades. A continuación, arrastre el punto de ancla superior de una mitad directamente sobre el punto de ancla inferior de la otra mitad. Si tiene habilitadas las guías inteligentes (VER > GUÍAS INTELIGENTES), los dos puntos deberían encajar uno encima del otro con mucha facilidad.

círculo picado

6)Con la Herramienta de selección directa (flecha blanca), marca los puntos de anclaje que ahora se superponen y únelos (OBJETO> RUTA> UNIR). Ahora debería tener un solo camino abierto (ya sea una forma de 'S' o una 'S' inversa, dependiendo de los puntos que unió.

7)Con la Herramienta de selección directa (flecha blanca), seleccione solo el punto de anclaje superior y elimínelo. Luego haz lo mismo con el punto de anclaje más bajo. Deberías terminar con algo como esto (nuevamente, el tuyo puede o no ser al revés). Esta es la base de nuestra línea ondulada;

línea ondulada

8)Para obtener un efecto similar al patrón existente, necesitamos remodelar un poco esta línea. Primero, con la línea seleccionada, haga doble clic en la herramienta de rotación para que aparezca el cuadro de diálogo. Establezca la rotación en 45 grados (o -45 grados si va hacia el otro lado) para que la línea se extienda exactamente horizontalmente. Esto es importante para que no deformemos la línea de manera irregular en el siguiente paso.

rotación de línea

9)Busque los controles Transformar en la barra de herramientas de Illustrator (deberá hacer clic en la palabra "Transformar" si está trabajando en una pantalla más pequeña, o los controles ya estarán visibles). Establezca el ancho en 364 px y la altura en 26,5 px. Estos valores son simplemente los que se me ocurrieron al comparar la forma del patrón original con mi línea ondulada personalizada.

establecer dimensiones

10)Con su línea ondulada seleccionada, cambie el trazo al tono más claro de verde que definimos en el paso 3 y establezca el grosor del trazo en 1.5 puntos. Retire cualquier relleno si hay uno presente.

11)Vaya al panel de apariencia (VENTANA > APARIENCIA, si aún no puede verlo), asegúrese de que su trazo esté resaltado y agregue un segundo trazo haciendo clic en el cuadrado hueco en la esquina inferior izquierda. Si se resaltó su trazo existente, esto creará un duplicado.

12)Seleccione el menor de los dos trazos y establezca su peso en 9 puntos y cambie el color al tono más oscuro de verde. Debería ver algo como esto;

Múltiples trazos

13)En el panel de apariencia, seleccione 'Ruta' (NO desea que se seleccione ninguno de los trazos; esto debe aplicarse a todo) y luego vaya a 'EFECTO> DISTORSIONAR Y TRANSFORMAR> TRANSFORMAR'. Utilice la siguiente configuración;

  • Deje los valores de escala solos (ambos deben ser 100%)
  • Establezca MOVER > VERTICAL en 7 px (el horizontal debe permanecer en 0 px)
  • El ángulo de rotación debe dejarse solo (0 grados)
  • En OPCIONES, asegúrese de que 'Transformar objetos' esté marcado (desmarque todo lo demás, si tiene dudas)
  • Establezca 'Copias' en 50

Habilite 'Vista previa' si lo desea, pero sus resultados deberían verse así;

Distorsionar y transformar

14)Con su ruta seleccionada, vaya a OBJETO> PATRÓN> HACER. Utilice la siguiente configuración;

  • Tipo de mosaico: Rejilla
  • Ancho: 364px
  • Altura: 357px

hacer patrón

Luego haga clic en 'Listo' en la parte superior de la pantalla. Su nuevo patrón aparecerá en su ventana de muestras.

15)¡Prueba tu patrón! Cree una forma de algún tipo (un rectángulo servirá), aplique el nuevo patrón al relleno y listo. Si lo desea, use la herramienta de rotación para poner su patrón en un ángulo (asegúrese de que 'Transformar patrones' esté marcado y 'Transformar objetos' no esté marcado).

Cosas adicionales que tal vez quieras probar;

  • la línea ondulada que he creado con este ejemplo no es perfecta (aunque lo suficientemente cerca para fines de explicación): use los controles para obtener una curva aún más perfecta.
  • Si encuentra que su patrón repetitivo muestra una pequeña costura en el borde, regrese a su ruta (el elemento completo inmediatamente antes de usar 'Crear patrón' - al final del paso 13) y DUPLICAR la ruta. Coloque los dos caminos directamente uno al lado del otro para que los puntos de anclaje más alejados se superpongan y únalos (la unión es importante para eliminar cualquier costura). La forma será el doble de ancha, pero por lo demás idéntica. Ahora cree el patrón nuevamente (paso 14); puede usar exactamente la misma configuración, pero la diferencia es que su patrón más ancho ahora se superpondrá con la mitad de sí mismo y, al hacerlo, ocultará cualquier costura debajo de él.

Sé que son muchos pasos, pero realmente no toma mucho tiempo una vez que está familiarizado con los conceptos que se utilizan. Las ventajas son que debido a que esto está completamente basado en vectores, también puede escalar, ajustar, rotar y volver a colorear el patrón al contenido de su corazón sin pérdida de calidad.

Espero que sea de alguna ayuda.

imagen final

¡Guau! si todos los demás en stackexchange.com escriben respuestas como la que publicaste arriba... ¡Entonces podemos olvidarnos de Wikipedia! Gracias @Hobbes
jaja ^_^ Si todos escribieran respuestas como la publicada anteriormente, probablemente veríamos una disminución en la población humana del mundo debido a que todos son crónicamente insociables. Me alegro de ser de utilidad, número. -_^
Excelente respuesta enciclopédica. +1 para tigres disecados.