Generator för vågiga gradientbakgrunder

Generera flerskiktade våggradientbakgrunder online, med stöd för anpassade parametrar och batchbearbetning, kan exporteras i SVG- och PNG-format

Felrapport

Körningsläge i webbläsaren: Dina data bearbetas i webbläsaren och laddas inte upp till servern.

Hastighet och stabilitet: Bearbetningshastigheten beror på din enhet och webbläsare. För stora batchjobb kan skrivbordsversionen vara stabilare.

Verktyget laddas, vänta...

Om onlineverktyget inte kan laddas eller köras, prova skrivbordsverktyget. https://tools.yikeaigc.com/

Verktygsanvändning

Återgå till gamla versionen

Ställ in parametrar först, generera eller exportera sedan Följ stegen ”Välj stil, justera parametrar, exportera fil” för att skapa en SVG/PNG eller ladda ner flera som paket.

Skapas lokalt SVG PNG Batch-ZIP

Välj stil

Börja med ett färgexempel och finjustera våglagren på parametersidan.

Exempelförinställningar Klicka för att använda

Dukstorlek Kan ändras i nästa steg

Vanliga storlekar

Vågposition

Justera parametrar

Styr vågtäthet, svängning, slumpvariation och lageropacitet.

Duk och bakgrund Utdata genereras i denna storlek

Bredd (px)

Höjd (px)

Bakgrundsvinkel

Bakgrundsfärg 1

Bakgrundsfärg 2

Kornstyrka

Vågform Justera frekvens och amplitud först

Vågvinkel

Frekvens

Amplitud

Slumpmässighet

Lageravstånd

Mjuka upp

Vänd lodrätt Mörka kanter

Våglager

Exportera filer

Ladda ned en fil efter förhandsgranskning, eller skapa flera varianter och packa dem.

Enskild export SVG passar webben, PNG passar fasta storlekar

Filnamnsprefix

Exportformat

PNG-skala

Massgenerera Gränssnittet visar bara de första 20, ZIP innehåller alla

Antal

Batchformat

Variationsgrad

Slumpad vågform Lätt färgskiftning

Välj först stil och justera parametrar innan du laddar ned eller batchskapar.

Instruktioner

Användningsinstruktioner

Välj stil: Välj först exempelpresets som havsblå våglager, varm sol-vågor, skogsgröna flödeslinjer eller blågrå teknik i steget ”Välj stil”. Du kan också klicka på slumpmässig stil för att snabbt få olika färgscheman.
Ställ in arbetsytan: Välj vanliga storlekar som webbanner, Full HD, 4K, social omslagsbild eller vertikal affisch, eller ange bredd och höjd manuellt på parametersidan.
Justera vågparametrar:
- Frekvens: Styr antalet vågor och hur tätt de ligger.
- Amplitud: Styr hur mycket vågorna rör sig upp och ned.
- Slumpmässighet: Ger vågkurvorna naturliga variationer.
- Lageravstånd: Justerar avståndet mellan flera våglager.
- Uppmjukning och kornighet: Används för att ge bakgrunden mer textur.
Hantera lager: Du kan lägga till och ta bort våglager samt ställa in startfärg, slutfärg, opacitet och vertikal förskjutning för varje lager.
Exportera fil: Välj SVG- eller PNG-format i steget ”Exportera fil”, klicka på ”Ladda ned bakgrund” för att spara en enskild bakgrund, eller klicka på ”Kopiera SVG-kod” för användning i webbkod.
Batchgenerera: Ange antal, format och variationsgrad och klicka sedan på ”Generera batchförhandsvisning”. Gränssnittet visar de första 20 bilderna, och vid nedladdning av ZIP inkluderas alla genererade resultat.
Spara inställningar: Klicka på ”Spara inställningar” för att behålla aktuella parametrar och klicka på ”Läs in sparade inställningar” nästa gång för att återställa dem.

Vanliga frågor

Svar: SVG passar för webbakgrunder, responsiva gränssnitt och situationer där skalning behövs; PNG passar för bilder med fast storlek, omslagsbilder, presentationer och situationer där det inte är praktiskt att bädda in SVG.

Svar: Vi rekommenderar att du använder 3 till 5 lager, håller frekvensen mellan 4 och 8, ställer in amplituden på 60 till 120px, håller slumpmässigheten mellan 15% och 35% och låter olika lager använda närliggande men inte identisk opacitet.

Svar: För att sidan ska vara smidig att använda visar förhandsvisningsområdet bara de första 20 bilderna. Vid faktisk paketering bearbetas hela det angivna antalet, och ZIP-filen innehåller alla genererade resultat.

Svar: De kan användas för webbanners, bakgrunder på inloggningssidor, produktintroduktionssektioner, kampanjomslag, bilder för sociala medier, presentationsbakgrunder, dekorativa UI-områden och liknande scenarier.

Svar: Du kan sänka lagrens opacitet, minska slumpmässighet och kornstyrka, välja en mjukare bakgrundsfärg och låta vågorna koncentreras upptill eller nedtill för att lämna ett rent utrymme för texten.

Svar: Den aktuella dukstorleken, bakgrundsfärgen, vågparametrarna, lagerfärgerna, opaciteten, exportformatet och batchparametrarna sparas, så att du enkelt kan fortsätta justera samma stil senare.