¿Cuál es la mejor manera de lograr este efecto de "triángulos geométricos"?

Actualmente estoy jugando en Illustrator y me gustaría saber la mejor manera de recrear este patrón a partir de un fondo de pantalla de Samsung (o similar) para poder colorearlo como me gusta.

ingrese la descripción de la imagen aquí

El principal problema que tengo es colocar los triángulos entre sí. ¿Hay una mejor manera de colocar que al ras uno contra el otro para que no haya espacios?

¿Tengo que tirar minuciosamente de cada punto para que coincidan entre sí?

¿O hay alguna manera de "cortar" una forma más grande?

ingrese la descripción de la imagen aquí

Creo que esta pregunta podría darte algunas ideas.

Respuestas (8)

  1. Dibuja un rectángulo que cubra todo el lienzo.
  2. Asegúrate de tener activadas las "Guías inteligentes" ( View->Smart Guideso Ctrl+U)
  3. Dibuja un montón de líneas negras (o de cualquier otro color) creando tu diseño. Las líneas pueden cruzarse (recomendado), pero asegúrese de que se toquen entre sí o que toquen el borde del rectángulo (es decir, el borde del lienzo). Es por eso que Smart Guides es útil.

  4. Seleccione todo el arte ( Ctr+A) y usando la paleta de Pathfinder (Windows->Pathfinder o Shift+Ctr+F9) haga clic en "Dividir".

  5. Esto convierte el arte en un grupo de polígonos. Cada uno tiene el color de relleno del rectángulo original (rojo en mi caso) y el color del borde de las líneas (negro en mi caso). Haga doble clic en el grupo, seleccione cada rectángulo y vuelva a colorearlo a su gusto.

Aquí hay una animación al estilo de Scott. No sé qué me poseyó para hacer rojo el rectángulo. Tal vez necesite más café.

ingrese la descripción de la imagen aquí

Solo debe conectar puntos finales, además de que las líneas que usa son principalmente de un lado de la pantalla al otro. Simplemente no le da el aspecto de diamante 3D. Mire la respuesta de @Ryan para ver un mejor ejemplo.
@SPRBRN: Las últimas 3 líneas se colocaron intencionalmente para crear el efecto de diamante. Creo que el OP entendería que puede colocar las líneas donde quiera, pero es un buen punto :)
¡Esto es perfecto y funciona mejor para lo que busco!

Desde un punto de vista arquitectónico, trate de pensar en estos no como triángulos sino como superficies. Las superficies están formadas por lados. En este caso, resultan ser, en su mayoría, aunque no del todo, triángulos.

Utilice la herramienta de línea, no la herramienta de polígono.

Para un ejemplo rápido, aquí hay una animación aproximada:

ingrese la descripción de la imagen aquí

¿Se pueden llenar de color individualmente los espacios?
Sí, puede agregar color en Illustrator o en Photoshop. Personalmente, para algo como esto, hago la parte de coloreado en Photoshop porque es con lo que estoy más familiarizado, pero puedes usar cualquiera de los dos.
Lástima que no se elija esta respuesta, ya que esta responde directamente al aspecto de diamante de las fotos de ejemplo de pregunta. La respuesta aceptada con un cuadrado rojo con líneas a lo largo de la pantalla lo corta, pero sin la magia.

Solo para agregar @cockypup

Otra forma de hacer que las cosas sean fáciles de aplicar color, use el mismo enfoque que mostró @cockypup pero en lugar de usar Pathfinder para explotar el objeto en pedazos, sugeriría usar Live Paint.

  1. Entonces, una vez que haya dibujado el rectángulo grande y haya creado las líneas que lo cortan.

  2. Seleccione Todo y elija Live Paint en Menú--->Objeto.

ingrese la descripción de la imagen aquí

  1. Ahora puede seleccionar la herramienta Live Bucket desde el panel de herramientas y comenzar a agregar color a cada segmento.

ingrese la descripción de la imagen aquí

  1. Dos ventajas que tienes ahora,

(a) siempre puede regresar y cambiar su diseño con menos esfuerzo,

(b) cuando usa la herramienta Live Bucket, tiene la libertad de elegir colores desde el panel de muestras simplemente usando los cursores en su teclado. ¡Además, no olvide que los colores disponibles para omitir se basan en el grupo de colores que ha seleccionado en el panel de muestras!

¡¡¡Hágamelo saber!!!

¡Esto es genial! (+1) Tengo que decir que "Live Paint" es una herramienta que aún tengo que explorar.
¡Seguro que lo es! ¡Déjame saber si necesitas ayuda!

De hecho, hay una página web que puede construir estos polígonos para usted, en función de un archivo que cargue. Échale un vistazo Somestuff.ru

Este es mi método preferido para crear estas cosas. También te da bonitos colores sin que tengas que hacer todo eso manualmente.

Secundo la respuesta de Ryan , pero la agrego desde la perspectiva de un cartógrafo. La superficie de la que habla Ryan se llama Polígonos de Thiessen, también conocidos como Polígonos de Voronoi. Puede haber una herramienta especial en Inkscape o AI para esto, pero en QGIS simplemente pasa un archivo de puntos XYZ a la herramienta Voronoi Polygon y generará los polígonos por usted.

Estoy seguro de que hay muchas formas de obtener la salida en su editor de vectores favorito.

Me equivoqué con los polígonos de Thiessen. Los confundo con Redes Irregulares Trianguladas, que sería una solución más adecuada en este ejemplo.

Así que primero te recomiendo que revises esta herramienta en línea. Como no es exactamente lo que está buscando, explicaré cómo logré resultados similares en el pasado. Espero que alguien en este hilo tenga una mejor manera de hacer esto. Cree una cuadrícula isométrica y luego haga clic en ella en diferentes lugares con la herramienta de creación de formas. Luego modifique los triángulos a voluntad simplemente seleccionando intersecciones entre 6 triángulos y moviéndolos.

También puede usar una variedad de complementos. Scriptographer te ofrece opciones muy avanzadas para jugar con las formas y el color. Hay un script que le permite generar triángulos en un patrón con simples clics del mouse.

Puede descargarlo aquí: http://scriptographer.org/scripts/interactive-tools/triangular/

Scriptographer puede parecer desalentador al principio, pero tienen guías realmente geniales para comenzar: http://scriptographer.org/tutorials/

Aunque las formas en el ejemplo no coinciden exactamente con lo que desea, por lo que recuerdo, puede modificarlas mucho.

¡Buena suerte!

También está este sitio, que le dará un archivo svg vectorial que luego podrá editar...

http://qrohlf.com/trianglify/

Bienvenido a GD. Su respuesta puede ayudar al OP, pero lea nuestras Directrices del Centro de ayuda y sepa que los nuevos usuarios que publican solo respuestas de enlaces tienden a recibir votos negativos. ¿Le importaría agregar un poco más de información para ayudar al OP para que su respuesta sea mejor?