تصميم / SVG
مولّد أشكال SVG العضوية (أشكال عشوائية)
أنشئ أشكالًا عضوية ناعمة وعشوائية للخلفيات والرسومات التوضيحية: اختر عدد النقاط ودرجة العشوائية، وحدّد لونًا أو تدرّجًا بلونين، ثم نزّل SVG أو انسخه.
مولّد أشكال SVG العضوية (أشكال عشوائية): تُوزَّع النقاط بالتساوي حول دائرة، ثم تُسحب كل نقطة نحو المركز بمقدار عشوائي، وتُوصَل النقاط بمنحنى مغلق وناعم. ينتج عن عدد قليل من النقاط وعشوائية مرتفعة أشكال متعرّجة، بينما ينتج عن عدد كبير من النقاط وعشوائية منخفضة أشكال لطيفة وقريبة من الدائرة. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات المطورين
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
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>
تُوضَع النقاط بالتساوي حول دائرة، وتُسحَب كل نقطة نحو المركز بمقدار عشوائي، ثم تُوصَل بمنحنى مغلق وناعم. تمنح النقاط الأقل والعشوائية الأكبر أشكالًا أكثر تكتلًا؛ أما العشوائية بنسبة 0% فتعطي دائرة. تنشئ الكتل خلفيات ناعمة للصور والأيقونات والعناوين.
الاستخدامات
تُضفي الأشكال العضوية خلفيات ناعمة خلف صور المنتجات والأيقونات والصور الرمزية والعناوين. خلف النص، استخدم لونًا فاتحًا أو تعبئة منخفضة الشفافية للحفاظ على تباين النص؛ ولإظهار الشكل العضوي خلف الزجاج المصنفر، ادمجه مع مولّد تأثير الزجاج.
التحرير
الناتج عبارة عن مسار واحد بمنحنيات Bézier تكعيبية، لذلك يمكن فتحه في أي محرّر رسوم متجهية. لتغيير بعض النقاط يدويًا، الصقه في محرّر SVG.
طريقة الاستخدام
- اختر عدد النقاط ودرجة العشوائية.
- اختر لونًا أو تدرّجًا.
- انقر لإنشاء أشكال جديدة حتى تجد الشكل المناسب، ثم نزّل SVG أو انسخه.
الخصوصية والقيود
تُرسَم الأشكال في المتصفح.
أدوات ذات صلة
الأسئلة الشائعة
كيف أضع صورة داخل شكل عضوي؟
انسخ المسار واستخدمه في SVG clipPath، أو احفظ الشكل واستخدمه كـ CSS mask-image فوق الصورة.
هل يمكنني تحريك الشكل العضوي؟
نعم، أنشئ شكلين عضويين بالعدد نفسه من النقاط، ثم حرّك قيمة d في المسار بينهما؛ إذ تجعل مطابقة عدد النقاط عملية التحوّل سلسة.
هل يوجد حد للحجم؟
حجم SVG هو 400 × 400، لكنه يتوسع إلى أي حجم من دون فقدان الوضوح.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا