Dizajn / SVG

Generator SVG organskih oblika (nasumični organski oblici)

Napravite glatke, nasumične oblike za pozadine i ilustracije: izaberite broj tačaka i nivo nasumičnosti, odaberite boju ili gradijent od dve boje, a zatim preuzmite ili kopirajte SVG.

Generator SVG organskih oblika (nasumični organski oblici): Tačke su ravnomerno raspoređene po kružnici, a svaka se nasumično pomera ka centru, nakon čega se povezuju glatkom zatvorenom krivom. Mali broj tačaka i visoka nasumičnost daju neravne oblike, dok veliki broj tačaka i niska nasumičnost daju blage, gotovo kružne oblike. Radi 100% lokalno u vašem pregledaču, bez otpremanja datoteka na server.

Kategorija
Alatke za programere
Pokretanja
U vašem pregledaču
Trošak
Besplatno · bez registracije
Dostupnost
Spremno za upotrebu
Generator SVG organskih oblikaLokalna obrada

U potpunosti radi u vašem pregledaču

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400"><path d="M359.5,200 C360.7,243.5 315.4,319 278.8,336.4 C242.1,353.9 174.7,327.5 139.5,304.7 C104.4,282 69.5,237.5 68,200 C66.4,162.5 96.4,100.3 130.4,79.5 C164.4,58.7 233.7,55.4 271.9,75.5 C310.1,95.6 358.4,156.5 359.5,200 Z" fill="#63c42d"/></svg>

Tačke se ravnomerno raspoređuju po krugu, svaka se nasumično pomera ka centru, a zatim se povezuju glatkom zatvorenom krivom. Manje tačaka i više nasumičnosti daju kvrgavije oblike; 0% nasumičnosti daje krug. Organski oblici stvaraju nežne pozadine iza fotografija, ikona i naslova.

Namene

Blob oblici prave meke pozadine iza fotografija proizvoda, ikona, avatara i naslova. Iza teksta koristite bledu boju ili ispunu male neprozirnosti kako bi tekst zadržao kontrast; da biste videli blob iza matiranog stakla, kombinujte ga sa generatorom glassmorphism efekta.

Uređivanje

Rezultat je jedna putanja sa kubičnim Bézier krivama, pa se otvara u svakom vektorskom uređivaču. Da biste ručno promenili nekoliko tačaka, nalepite je u SVG uređivač.

Kako se koristi

  1. Izaberite broj tačaka i nivo nasumičnosti.
  2. Odaberite boju ili gradijent.
  3. Klikćite za nove oblike dok ne pronađete onaj koji vam odgovara, a zatim preuzmite ili kopirajte SVG.

Privatnost i ograničenja

Oblici se crtaju u vašem pregledaču.

Srodne alatke

SVG talasSVG uređivačGlassmorphism

Često postavljana pitanja

Kako da ubacim fotografiju unutar organskog oblika?

Kopirajte putanju i upotrebite je u SVG clipPath elementu ili sačuvajte oblik i upotrebite ga kao CSS mask-image preko fotografije.

Mogu li da animiram organski oblik?

Da: generišite dva oblika sa istim brojem tačaka i animirajte atribut d putanje između njih; isti broj tačaka omogućava glatku transformaciju oblika.

Da li postoji ograničenje veličine?

SVG ima dimenzije 400 × 400, ali se može uvećati na bilo koju veličinu bez gubitka oštrine.

Besplatan alat · pokretanja: u vašem pregledaču · nalog nije potreban