Tasarım / SVG
SVG Blob Oluşturucu (Rastgele Organik Şekiller)
Arka planlar ve illüstrasyonlar için düzgün, rastgele blob şekilleri oluşturun: nokta sayısını ve rastgelelik düzeyini seçin, bir renk veya iki renkli gradyan belirleyin, ardından SVG'yi indirin ya da kopyalayın.
SVG Blob Oluşturucu (Rastgele Organik Şekiller): Noktalar bir dairenin çevresine eşit aralıklarla yerleştirilir ve her nokta rastgele bir miktar merkeze doğru çekilir; ardından noktalar düzgün, kapalı bir eğriyle birleştirilir. Az sayıda nokta ve yüksek rastgelelik, girintili çıkıntılı şekiller oluşturur; çok sayıda nokta ve düşük rastgelelik ise yumuşak, neredeyse yuvarlak şekiller oluşturur. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.
- Kategori
- Geliştirici araçları
- Çalıştırma sayısı
- Tarayıcınızda
- Maliyet
- Ücretsiz · kayıt gerekmez
- Kullanılabilirlik
- Kullanıma hazır
Tamamen tarayıcınızda çalışır
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>
Noktalar bir çemberin çevresine eşit aralıklarla yerleştirilir, her biri rastgele bir miktarda merkeze çekilir ve pürüzsüz, kapalı bir eğriyle birleştirilir. Daha az nokta ve daha fazla rastgelelik, daha tümsekli şekiller oluşturur; %0 rastgelelik bir çember oluşturur. Blob'lar fotoğrafların, simgelerin ve başlıkların arkasında yumuşak arka planlar sağlar.
Kullanım alanları
Blob'lar ürün fotoğraflarının, simgelerin, avatarların ve başlıkların arkasında yumuşak arka planlar oluşturur. Metnin arkasında, metin kontrastını koruması için soluk bir renk veya düşük opaklıklı dolgu kullanın; buzlu camın arkasındaki blob'u görmek için bunu glassmorphism oluşturucuyla birleştirin.
Düzenleme
Çıktı, kübik Bézier eğrileri içeren tek bir yoldur; bu nedenle herhangi bir vektör düzenleyicide açılabilir. Birkaç noktayı elle değiştirmek için çıktıyı SVG düzenleyiciye yapıştırın.
Nasıl kullanılır?
- Nokta sayısını ve rastgelelik düzeyini seçin.
- Bir renk veya gradyan belirleyin.
- Beğendiğiniz bir blob oluşana kadar yeni bloblar için tıklayın, ardından SVG'yi indirin veya kopyalayın.
Gizlilik ve sınırlamalar
Şekiller tarayıcıda çizilir.
İlgili araçlar
Sık sorulan sorular
Bir fotoğrafı blob şeklinin içine nasıl yerleştiririm?
Yolu kopyalayıp bir SVG clipPath içinde kullanın veya blob'u kaydedip fotoğrafın üzerinde CSS mask-image olarak kullanın.
Bir blob'u canlandırabilir miyim?
Evet: aynı sayıda noktaya sahip iki blob oluşturun ve path içindeki d özniteliğini bu ikisi arasında canlandırın; eşleşen nokta sayıları geçişin düzgün olmasını sağlar.
Boyut sınırı var mı?
SVG 400 × 400 boyutundadır, ancak keskinliğini kaybetmeden her boyuta ölçeklenebilir.
Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez