Generator Gelombang SVG
Generator gelombang SVG gratis online: tumpuk 1-5 lapisan gelombang halus, atur garis dasar, amplitudo, panjang gelombang, dan kelembutan, terapkan gradien dua warna, lalu ekspor kode vektor.
Apa yang dilakukan Generator Gelombang SVG?
Ia membuat bentuk gelombang dekoratif sebagai kode SVG siap pakai. Anda dapat menumpuk 1-5 lapisan, masing-masing dengan tinggi garis dasar, amplitudo, panjang gelombang, dan kelembutan sendiri, lalu mengisinya dengan satu gradien linear dua warna bersama.
Bagaimana kurva gelombang digambar?
Setiap lapisan dibuat oleh generator path bawaan: gelombang dipecah menjadi segmen setengah panjang gelombang dan setiap segmen digambar dengan titik kontrol Bézier kubik. File tetap sangat kecil dan sempurna halus pada tingkat zoom apa pun.
Apa yang diubah slider kelembutan?
Pada 0% segmen menjadi garis lurus sehingga gelombang tampak bergerigi. Semakin dinaikkan, titik kontrol Bézier bergeser keluar dan pada 100% Anda mendapat kurva menyerupai sinus penuh.
Di mana SVG hasil ekspor bisa dipakai?
Di mana saja yang menerima HTML atau SVG: latar hero, pembatas antar-section, footer, presentasi, dan alat desain. Tempel kode yang disalin langsung ke HTML atau simpan file .svg lewat tombol unduh.
Apakah gelombang tetap tajam di ukuran apa pun?
Ya. Eksporan mempertahankan viewBox 1440x480 sehingga grafiknya geometri vektor murni. Rentangkan ke 100% lebar halaman atau perbesar untuk cetak — kurvanya tidak pernah buram atau berpiksel.
Bagaimana tombol Acak bekerja?
Ia memilih jumlah lapisan acak 1-5, nilai acak baru untuk setiap parameter, dan dua warna acak yang harmonis, lalu menggambar ulang pratinjau seketika. Tekan berulang kali sampai hasilnya cocok.
Bisakah memakai warna merek sendiri?
Bisa. Dua pemilih warna menentukan titik awal dan akhir gradien linear yang dipakai bersama semua lapisan, jadi mengubahnya sekaligus mewarnai ulang seluruh kelompok gelombang.
Apakah ada data yang diunggah ke server?
Tidak. Generator berjalan sepenuhnya di peramban dengan JavaScript murni. Warna dan pengaturan Anda tidak pernah meninggalkan halaman, dan file ekspor dibuat lokal di perangkat Anda.
Cara Menggunakan Generator Gelombang SVG
Generator gelombang SVG ini menciptakan bentuk gelombang berlapis sebagai kode SVG yang bersih dan siap tempel. Setiap lapisan adalah kurva kubik-bezier halus yang diisi gradien linier dua warna bersama, menjadikannya sempurna untuk latar bagian hero, pembatas halaman, dan dekorasi footer. Semuanya dibuat di browser Anda — tidak ada yang diunggah.
- Pilih jumlah lapisan (1-5) yang Anda inginkan di pemilih Lapisan. Lapisan digambar dari belakang ke depan, sehingga setiap lapisan baru menimpa yang sebelumnya.
- Pilih warna awal dan akhir gradien dengan dua pemilih warna — semua lapisan berbagi gradien linier ini.
- Haluskan setiap lapisan dengan empat penggesernya: Ketinggian garis dasar menggeser gelombang naik atau turun, Amplitudo menetapkan seberapa tinggi puncaknya, Panjang gelombang mengendalikan jarak horizontal antarpuncak, dan Kelembutan membaur dari garis zigzag lurus (0%) hingga kurva kubik-bezier sinusoidal penuh (100%).
- Tekan Acak untuk langsung menghasilkan kombinasi baru dari jumlah lapisan, bentuk, dan warna sampai sesuatu terlihat pas.
- Tekan Unduh SVG untuk menyimpan berkas .svg, atau Salin kode untuk menaruh markup SVG lengkap ke papan klip Anda, siap ditempel ke berkas HTML atau alat desain apa pun.
Untuk pembatas bagian situs, letakkan SVG di antara dua blok dan biarkan melebar hingga 100% lebar — viewBox menjaga kurva tetap tanpa distorsi pada ukuran apa pun. Kelembutan rendah dengan panjang gelombang pendek memberi tampilan gambar tangan, sementara kelembutan penuh dengan gelombang panjang terlihat seperti laut tenang.
Alat Terkait
- Pengoptimal SVG Optimalkan dan kompres file SVG secara instan di browser Anda. Hapus metadata, komentar, dan data editor, kurangi ukuran hingga 60%.
- Konverter SVG ke PNG Konversi SVG ke PNG, JPEG, atau WebP secara instan di browser Anda. Sesuaikan skala, ukuran, dan warna latar belakang. Gratis, pribadi, tanpa unggah.
- Konverter PNG ke SVG Konverter PNG ke SVG gratis online. Ubah PNG, JPG, dan bitmap lain menjadi SVG vektor yang dapat diskalakan dengan kontrol warna dan detail - sepenuhnya di browser Anda.
- Generator Border Radius Kreatif Generator border radius kreatif gratis online. Seret 8 pegangan atau pilih prasetel blob untuk membuat bentuk CSS organik dan menyalin kodenya seketika.
- Konverter Warna Konverter warna online gratis. Konversi format HEX, RGB, HSL, HSV secara instan dengan pemilih visual. 100% pribadi, berjalan di browser Anda.
- Generator Easing CSS Generator easing CSS online gratis. Geser titik kendali cubic-bezier pada kurva interaktif, pilih dari 18 preset, lihat pratinjau bola berulang, dan salin fungsi timing seketika.
- Generator Text Shadow CSS Generator text-shadow CSS online gratis. Tumpuk beberapa lapisan bayangan dengan offset, blur, warna, dan opasitas, coba preset Neon, 3D, Retro, dan salin CSS-nya seketika.
- Generator Clip Path CSS Generator clip-path CSS online gratis. Desain bentuk polygon, circle, ellipse, dan inset dengan titik yang bisa digeser, pratinjau langsung, dan salin kode CSS sekali klik.