Generatore di gradienti mesh per sfondi animati
Studio di sfumature e sfondi è un generatore di gradienti che funziona nel browser. Scegli tra 13 tipi di gradiente, tra cui reticolo (mesh), aurora, conico, onde e raggi, poi modella colore, grana, vetro e movimento, oppure ridisegna il gradiente come mezzatinta, dithering, ASCII o curve di livello, finché lo sfondo non ti convince. Guarda il risultato in anteprima dentro layout reali, come landing page, schede e schermate mobile, prima di portarlo nel canvas di UX Pilot.
Come funziona
Scegli un punto di partenza
Parti da uno dei 28 stili, come Mesh Morbida, Raggi d’Eclissi o Mezzatinta Riso, oppure scegli un tipo di gradiente e una delle 24 tavolozze.
Regola il gradiente
Regola scala, distorsione, vortice e morbidezza, aggiungi grana, pannelli o tessere di vetro, una sovrapposizione a punti, griglia o linee, un secondo livello fuso o un trattamento come mezzatinta o ordinamento pixel, e attiva l’animazione con una velocità dedicata.
Guardalo in anteprima e usalo
Guarda il gradiente nei layout landing page, scheda, mobile e registrazione, poi accedi con un account UX Pilot gratuito per usarlo nel canvas o esportarlo.
Cosa puoi creare
Hero per landing page
Sfondi animati mesh e aurora che stanno dietro a un titolo senza rubargli la scena.
Sfondi con gradiente granuloso
Aggiungi la grana della pellicola e controllane la dimensione per un gradiente materico, dall’aspetto stampato.
Immagini per social e condivisione
Inquadra il gradiente in 1:1, 4:5, 3:2, 16:9 o 9:16 per post, copertine e immagini di condivisione.
Superfici di app e schede
Stili radiali morbidi, a bagliore e a vetro smerigliato per schede, stati vuoti e schermate mobile.
Domande frequenti
Che cos’è un gradiente mesh?
Un gradiente mesh fonde più punti di colore su una superficie invece che lungo una sola linea, creando campi di colore morbidi e organici. In questo strumento Reticolo (mesh) è uno dei 13 tipi di gradiente, insieme a Flusso, Aurora, Lineare, Radiale, Conico, Bagliore, Macchie, Onde, Barre, Colonne, Raggi e Orbita.
Posso creare uno sfondo con gradiente animato?
Sì. Attiva Anima e imposta la velocità. L’anteprima viene riprodotta in tempo reale e anche la grana può essere animata.
Posso creare un gradiente granuloso, olografico o a mezzatinta?
Sì. Grana e dimensione della grana sono integrate, e tavolozze come Nuvola iridescente e Opale danno un effetto olografico. Stili come Tramonto Granuloso e Prisma Diviso sono ottimi punti di partenza. La sezione Trattamento ridisegna qualsiasi gradiente come Dithering, Mezzatinta, ASCII, Pixel, Curve di livello, Incisione, Tratteggio incrociato o Ordinamento pixel, nei suoi colori o in due colori duotono. Stili come Mezzatinta Riso, Curve di Livello e Ordinamento Pixel partono da uno di questi.
Il generatore di gradienti è gratuito?
Esplorare è gratuito e avviene tutto nel tuo browser. Per usare il risultato nel canvas di UX Pilot o esportarlo serve un account UX Pilot gratuito.