![\"1-trianglify-copy\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2016\/05\/1-trianglify-copy.jpg\")
<\/a><\/p>\nEsta herramienta permite crear fondos en el estilo de bajo poli con gradientes suaves (en comparaci\u00f3n con los generadores a base de Delaunay) y combinaciones de colores predefinidas.<\/p>\n
En la secci\u00f3n de configuraci\u00f3n se puede cambiar el tama\u00f1o del lienzo en p\u00edxeles, elegir los colores, el tama\u00f1o de las c\u00e9lulas, y establecer el nivel de variaci\u00f3n. El par\u00e1metro de Variance define la entrop\u00eda de pol\u00edgonos: si estableces el valor 0, tu fondo estar\u00e1 compuesto por hilas arregladas de tri\u00e1ngulos.<\/p>\n
Este generador ofrece una selecci\u00f3n de 27 combinaciones de colores. Sin embargo, tambi\u00e9n te permite crear tu propia combinaci\u00f3n por medio del selector de colores de 24 bits. Las im\u00e1genes listas se descargan en formato PNG o SVG.<\/p>\n
Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Trianglify Background Generator utiliza el mismo plug-in Trianglify JS, pero implementalo de manera diferente. Este script utiliza un mont\u00f3n de paletas de ColourLovers y ColorBrewer, y tambi\u00e9n ofrece algunas opciones adicionales tales como una selecci\u00f3n de un tipo de gradiente. Aunque hay dos nuevos par\u00e1metros en su men\u00fa - Bleed y Cell Padding, esta versi\u00f3n de Trianglify falta el slider intuitivo Variance y est\u00e1 limitado por las paletas predeterminadas.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n En el principio era la palabra... Y ahora tambi\u00e9n puedes crear algo maravilloso, utilinzado una palabra como una herramienta - gracias a Geopattern. Este sencillo script genera patrones geom\u00e9tricos de una cadena, a base de 16 formas y un n\u00famero ilimitado de colores. Los patrones resultantes se guardan en formato PNG.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Esta herramienta aplica la triangulaci\u00f3n de Delaunay para generar fondos impresionantes de alto contraste en el estilo de bajo poli.<\/p>\n En la secci\u00f3n de configuraci\u00f3n se puede cambiar el tama\u00f1o del lienzo, su profundidad, tama\u00f1o de celda, etc .; as\u00ed como aplicar hasta 7 luces; cambiar el color, la posici\u00f3n y la distancia del lienzo.<\/p>\n Si no tienen mucho tiempo, siempre puedes utilizar el bot\u00f3n \"Randomize\" y dejar que todo el trabajo sea hecho por ti.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Flat Surface Shader se caracteriza por un enfoque diferente, es decir, m\u00e1s din\u00e1mico y aleatorio a la triangulaci\u00f3n de Delaunay. A pesar de que su interfaz es similar a la de Delaunay Triangle Pattern Maker, hay una gran diferencia entre ellas: las fuentes de luz en esta herramienta est\u00e1n en constante movimiento (a menos que establezcas su velocidad a 0), lo que aumenta la aleatoriedad de la imagen resultante.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Con la ayuda de este JavaScript plugin, puedes crear fondos con un efecto de humo realista. Puedes elegir entre las opciones disponibles, o cambiar los ajustes manualmente.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Este generador es indispensable para los dise\u00f1adores de aplicaciones, especialmente para aquellos que trabajan con iOS, ya que les permite crear hermosos gradientes con mayor rapidez.<\/p>\n La caracter\u00edstica m\u00e1s importante de esta herramienta es que genera autom\u00e1ticamente el c\u00f3digo CSS para los gradientes que crea.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Esta herramienta le permite crear fondos borrosos abstractos de cualquier imagen. Toma un \u00e1rea peque\u00f1a de la imagen subida (por ejemplo, 7x3 pixeles) y aplique a este \u00e1rea el efecto, similar al efecto \u2018Gaussian blur\u2019 de Adobe Photoshop.<\/p>\n Este generador tiene una biblioteca de 33 im\u00e1genes, sin embargo, todav\u00eda puedes subir tus propios archivos de origen. Los resultados est\u00e1n disponibles en formato de im\u00e1genes de mapa de bits o en c\u00f3digos CSS.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Material design introducido por Google est\u00e1 en la cima de su popularidad. Con la ayuda de esta secuencia de comandos, puedes generar cientos de fondos de pantalla en el estilo de material design. Algunos de ellos son bastante extra\u00f1os, mientras que otros son realmente sorprendentes.<\/p>\n Por desgracia, este proyecto no est\u00e1 representado en GitHub, pero puedes descargar el script de su p\u00e1gina de inicio, afinarlo un poco, y crear sus propios fondos.<\/p>\n Demo<\/a> \u00a0 Ver Script<\/a><\/p>\n Este script te permite agregar un toque artesanal pseudo-acuarela a tus dise\u00f1os. Los fondos creados por medio de este generador, se componen de c\u00edrculos de diferentes tama\u00f1os.<\/p>\n Para generar un fondo, necesitas especificar el n\u00famero de c\u00edrculos y su tama\u00f1o, generar una nueva informaci\u00f3n crom\u00e1tica (es decir, la paleta), y hacer clic en el lienzo. De la misma manera, puedes a\u00f1adir nuevas capas para modificar el aspecto de la imagen.<\/p>\n Demo<\/a> \u00a0 Ver en GitHub<\/a><\/p>\n Hay muchas otras herramientas similares, pero, por lo general, ellas son m\u00e1s dif\u00edciles de usar o no son adecuadas para los dise\u00f1adores. De todos modos, merecen un poco de tu atenci\u00f3n.<\/p>\n Random.org<\/a><\/strong> - Este sitio es una tienda, donde puedes adquirir todas las cosas al azar. A diferencia de los generadores basados en los algoritmos, random.org toma su aleatoriedad del ruido atmosf\u00e9rico (cualquiera que sea). Sus posibilidades no est\u00e1n limitadas por la generaci\u00f3n de n\u00fameros y secuencias - tambi\u00e9n puede mostrar colores al azar para tu inspiraci\u00f3n. La mayor\u00eda de los servicios en random.org son gratuitos.<\/p>\n Material Design Logo Generator<\/a><\/strong> - Esta herramienta online \u00fatil compone iconos CSS en el estilo de material design y logotipos basados en el fuente de iconos Font Awesome. Todo lo que necesitas hacer es elegir uno de los iconos, modificar su tama\u00f1o y color, aplicar sombras, personalizar las esquinas, y copiar el c\u00f3digo CSS, que se pega en las p\u00e1ginas web.<\/p>\n Color Palette Generators<\/a><\/strong> - La colecci\u00f3n de selectores de colores de esta entrada seguramente impulsar\u00e1 tu pensamiento creativo.<\/p>\n BGPatterns<\/a><\/strong> - Una de las mejores maneras de crear patrones sin fisuras es utilizar esta sencilla herramienta gratuita. Simplemente sube tus elementos gr\u00e1ficos, col\u00f3calos en el lienzo, escala y rota, y luego descarga tu patr\u00f3n.<\/p>\n Logo Generators<\/a><\/strong> - Si necesitas crear un logotipo con mayor rapidez, esta galer\u00eda de herramientas de creaci\u00f3n de logotipos te ayudar\u00e1 con esta tarea.<\/p>\n Low-Poly Generators<\/a><\/strong> - Hemos mencionado algunos triangulators en nuestra entrada, pero taodav\u00eda hay muchos otros en Internet...<\/p>\n Fuente: \"10 Free \u2018Random Background Generators\u2019 for Graphic and Web Designers<\/a>\" por Jeremy Blackwood<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" En el mundo del dise\u00f1o digital, el uso de los elementos prefabricados, como unos de la interfaz de usuario, texturas e iconos es inevitable. Pero, en este caso, tendr\u00e1s que trabajar duro para hacer sus dise\u00f1os realmente \u00fanicos. Por lo tanto, hoy vamos a presentarte nuestra lista 10 scripts gratuitos, desarrollados para enriquecer su experiencia […]<\/p>\n","protected":false},"author":1334762,"featured_media":6172,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[126],"yoast_head":"\n
\nTrianglify Background Generator<\/h3>\n
<\/a><\/p>\n
\nGeopattern<\/h3>\n
<\/a><\/p>\n
\nDelaunay Triangle Pattern Maker<\/h3>\n
<\/a><\/p>\n
\nFlat Surface Shader<\/h3>\n
<\/a><\/p>\n
\nWaterpipe.js<\/h3>\n
<\/a><\/p>\n
\nColorful CSS Gradient Background Generator<\/h3>\n
<\/a><\/p>\n
\nUnique Gradient Generator<\/h3>\n
<\/a><\/p>\n
\nMaterial Design Background Generator<\/h3>\n
<\/a><\/p>\n
\nK's Watercolor Background Image Generator<\/h3>\n
<\/p>\n
\nAdem\u00e1s<\/h3>\n
<\/a><\/p>\n