أسماء ببجي
زخرفة ببجيزخرفة ببجي يدويةاختبار ببجي
اسماء شباب عربيةاسماء بنات عربيةاسماء كلانات عربيةاسماء متنوعة عربية
اسماء شباب إنجليزيةاسماء بنات إنجليزيةاسماء كلانات إنجليزيةاسماء متنوعة إنجليزية

صانع شعار ببجي

أنشئ شعارًا فريدًا ومميزًا للعبة PUBG مجانًا. يمكنك تخصيص جميع العناصر وإضافة تأثيرات متعددة وحفظ الشعار بجودة عالية.

الشعارات تعمل على الهواتف والكمبيوتر، ويمكن استخدامها كصورة ملف شخصي أو شعار للكلان.

👁️ معاينة الشعار

هاتف

500×300

كمبيوتر

800×400

ملف شخصي

300×300

كلان

600×300

⚙️ إعدادات الشعار

نصوص
خلفية
تأثيرات
رموز
أدوات

النص الرئيسي

60px

النص الثانوي

25px

محاذاة النص

⎦
يمين
⎨
وسط
⎣
يسار

تباعد الأسطر

40px

لون الخلفية

شكل الخلفية

□
بدون
●
دائرة
■
مربع

تأثيرات النص

100%

إعدادات الإطار

3px

رموز وأشكال

35px
4
حذف الرموز
رمز عشوائي
ترتيب الرموز

أدوات سريعة

قالب عسكري
قالب ملكي
قالب نيون
قالب حديث
قالب داكن
قالب ناري
قالب جليدي
قالب ذهبي
قالب بسيط
عكس الألوان
تدرج نصي
توهج سريع
ظل سريع
نسخ الشعار
إعادة ضبط

حفظ وإدارة

حفظ التصميم
فتح محفوظ
تصدير التصميم

إعدادات متقدمة

توليد ذكي

توليد ذكي
للألعاب
للكلانات

📊 مستوى احترافيتك

ابدأ التصميم لمعرفة مستواك

نصائح سريعة

  • استخدم ألوان متناسقة مع ببجي
  • النص يجب أن يكون واضحاً
  • لا تضع أكثر من 6 رموز
  • احفظ الشعار بجودة عالية

دليل الاستخدام الشامل

استخدم هذا الدليل لإنشاء أفضل شعارات ببجي باحترافية. اتبع الخطوات التالية للحصول على نتائج مذهلة.

إدخال النصوص

ابدأ بإدخال اسمك أو اسم الكلان في النص الرئيسي والنص الثانوي.

  • استخدم أسماء قصيرة وواضحة
  • اختر خطوطاً عربية أو إنجليزية مناسبة
  • اضبط حجم النص حسب المساحة المتاحة

تخصيص الألوان

اختر الألوان المناسبة من لوحة الألوان أو أدخل الألوان المخصصة.

  • استخدم ألواناً متوافقة مع ببجي
  • تأكد من تباين الألوان للقراءة الجيدة
  • جرب التدرجات اللونية للإضافات المميزة

إضافة الرموز والتأثيرات

أضف رموزاً من المكتبة أو أنشئ رموزاً مخصصة مع تأثيرات خاصة.

  • لا تضع أكثر من 4-6 رموز
  • استخدم تأثيرات الظل والتوهج بذكاء
  • اضبط الشفافية للحصول على مظهر احترافي

لحفظ والمشاركة

احفظ تصميمك بجودة عالية وشاركه مع أصدقائك.

  • احفظ بصيغة PNG للجودة العالية
  • استخدم الجودة المتوسطة للويب
  • حفظ التصميم لاستخدامه لاحقاً

مميزات صانع شعار ببجي

سرعة الأداء

تحديث فوري للمعاينة مع كل تغيير

ألوان لا محدودة

اختر من بين ملايين الألوان والتدرجات

بدون علامة مائية

شعارات نظيفة بدون علامات مائية

متوافق مع جميع الأجهزة

يعمل على الهواتف والأجهزة اللوحية والكمبيوتر

نصائح احترافية

  • للشعارات الاحترافية : استخدم خلفيات داكنة مع نصوص فاتحة
  • للشعارات الرياضية : استخدم ألواناً نارية وتأثيرات حركية
  • للشعارات الرسمية : استخدم ألواناً هادئة وخطوطاً واضحة
  • للشعارات الإبداعية : جرب التأثيرات المختلفة والرموز المميزة
  • احفظ عدة نسخ بجودات مختلفة للاستخدامات المتعددة

التعليمات السريعة

  • الشعار يتم تحديثه تلقائيًا مع كل تغيير
  • يمكنك إضافة رموز بالنقر عليها من قسم الرموز
  • استخدم أزرار الأدوات السريعة لتطبيق قوالب جاهزة
  • احفظ تصميمك لاستخدامه لاحقًا
  • اضغط على زر "حفظ الشعار النهائي" لتحميله
  • جرب زر "التوليد الذكي" لإنشاء شعارات تلقائياً
'); showToast('تم فتح نسخة من الشعار في نافذة جديدة'); } function resetToDefault() { const mainText = document.getElementById('mainText'); const subText = document.getElementById('subText'); const textColor = document.getElementById('textColor'); const bgColor = document.getElementById('bgColor'); const bgGradient = document.getElementById('bgGradient'); const glowEffect = document.getElementById('glowEffect'); const shadowEffect = document.getElementById('shadowEffect'); const borderEffect = document.getElementById('borderEffect'); const outlineEffect = document.getElementById('outlineEffect'); const opacity = document.getElementById('opacity'); const borderWidth = document.getElementById('borderWidth'); const symbolSize = document.getElementById('symbolSize'); const symbolCount = document.getElementById('symbolCount'); if (mainText) mainText.value = 'PUBG'; if (subText) subText.value = 'PLAYER'; if (textColor) textColor.value = '#ffffff'; if (bgColor) bgColor.value = '#ff1744'; if (bgGradient) bgGradient.value = 'none'; if (glowEffect) glowEffect.checked = false; if (shadowEffect) shadowEffect.checked = false; if (borderEffect) borderEffect.checked = false; if (outlineEffect) outlineEffect.checked = false; if (opacity) opacity.value = 1; if (borderWidth) borderWidth.value = 3; if (symbolSize) symbolSize.value = 35; if (symbolCount) symbolCount.value = 4; settings.symbols = []; settings.textAlignment = 'center'; // Reset alignment buttons document.querySelectorAll('.align-btn-enhanced').forEach(btn => btn.classList.remove('active')); document.querySelectorAll('.align-btn-enhanced')[1].classList.add('active'); updateLogo(); showToast('تم الضبط إلى الإعدادات الافتراضية'); } function smartGenerate() { // Generate a smart logo based on current time or random factors const hour = new Date().getHours(); let template; if (hour >= 6 && hour < 12) { template = 'gold'; // Morning - gold theme } else if (hour >= 12 && hour < 18) { template = 'modern'; // Afternoon - modern theme } else if (hour >= 18 && hour < 24) { template = 'dark'; // Evening - dark theme } else { template = 'neon'; // Night - neon theme } applyTemplate(template); } function generateByTheme(theme) { const themes = { 'gaming': ['military', 'modern', 'fire', 'neon'], 'clan': ['royal', 'gold', 'dark', 'simple'] }; if (themes[theme]) { const randomTemplate = themes[theme][Math.floor(Math.random() * themes[theme].length)]; applyTemplate(randomTemplate); } } // Track user progress function trackUserProgress() { let progress = 0; // Check text features if (settings.mainText && settings.mainText !== 'PUBG PRO') progress += 10; if (settings.subText && settings.subText !== 'ELITE PLAYER') progress += 10; if (settings.fontSize !== 60) progress += 5; if (settings.textColor !== '#ff1744') progress += 5; // Check background features if (settings.bgColor !== '#1a1a2e') progress += 10; if (settings.bgGradient !== 'none') progress += 10; // Check effects if (settings.shadow) progress += 5; if (settings.glow) progress += 5; if (settings.outline) progress += 5; if (settings.border) progress += 5; if (settings.opacity !== 1) progress += 5; // Check symbols if (settings.symbols.length > 0) progress += Math.min(settings.symbols.length * 3, 15); // Check alignment if (settings.textAlignment !== 'right') progress += 5; // Cap at 100% progress = Math.min(progress, 100); // Update progress bar const progressBar = document.getElementById('userProgress'); const progressText = document.getElementById('progressText'); if (progressBar) { progressBar.style.width = progress + '%'; } if (progressText) { if (progress < 30) { progressText.textContent = 'مبتدئ - جرب المزيد من الخيارات'; } else if (progress < 60) { progressText.textContent = 'متوسط - أنت على الطريق الصحيح'; } else if (progress < 85) { progressText.textContent = 'متقدم - تصميمك ممتاز'; } else { progressText.textContent = 'محترف - تصميم رائع!'; } } return progress; } function saveDesign() { const design = { settings: settings, timestamp: new Date().toISOString(), canvasSize: `${canvas.width}x${canvas.height}`, version: '2.0' }; localStorage.setItem('pubgLogoDesign_v2', JSON.stringify(design)); showToast('تم حفظ التصميم بنجاح في المتصفح'); } function loadSavedDesign() { const saved = localStorage.getItem('pubgLogoDesign_v2'); if (saved) { try { const design = JSON.parse(saved); Object.assign(settings, design.settings); // Apply saved settings to form const mainText = document.getElementById('mainText'); const subText = document.getElementById('subText'); const fontFamily = document.getElementById('fontFamily'); const fontSize = document.getElementById('fontSize'); const textColor = document.getElementById('textColor'); const subTextColor = document.getElementById('subTextColor'); const lineSpacing = document.getElementById('lineSpacing'); const bgColor = document.getElementById('bgColor'); const bgGradient = document.getElementById('bgGradient'); const shadowEffect = document.getElementById('shadowEffect'); const glowEffect = document.getElementById('glowEffect'); const outlineEffect = document.getElementById('outlineEffect'); const borderEffect = document.getElementById('borderEffect'); const borderColor = document.getElementById('borderColor'); const borderWidth = document.getElementById('borderWidth'); const opacity = document.getElementById('opacity'); const symbolSize = document.getElementById('symbolSize'); const symbolCount = document.getElementById('symbolCount'); if (mainText) mainText.value = settings.mainText || ''; if (subText) subText.value = settings.subText || ''; if (fontFamily) fontFamily.value = settings.fontFamily; if (fontSize) fontSize.value = settings.fontSize; if (textColor) textColor.value = settings.textColor; if (subTextColor) subTextColor.value = settings.subTextColor; if (lineSpacing) lineSpacing.value = settings.lineSpacing; if (bgColor) bgColor.value = settings.bgColor; if (bgGradient) bgGradient.value = settings.bgGradient; if (shadowEffect) shadowEffect.checked = settings.shadow; if (glowEffect) glowEffect.checked = settings.glow; if (outlineEffect) outlineEffect.checked = settings.outline; if (borderEffect) borderEffect.checked = settings.border; if (borderColor) borderColor.value = settings.borderColor; if (borderWidth) borderWidth.value = settings.borderWidth; if (opacity) opacity.value = settings.opacity; if (symbolSize) symbolSize.value = settings.symbolSize; if (symbolCount) symbolCount.value = settings.symbolCount; // Set alignment button active state document.querySelectorAll('.align-btn-enhanced').forEach(btn => btn.classList.remove('active')); if (settings.textAlignment === 'right') { document.querySelectorAll('.align-btn-enhanced')[0].classList.add('active'); } else if (settings.textAlignment === 'center') { document.querySelectorAll('.align-btn-enhanced')[1].classList.add('active'); } else { document.querySelectorAll('.align-btn-enhanced')[2].classList.add('active'); } updateLogo(); showToast('تم تحميل التصميم المحفوظ'); } catch (e) { console.error('Error loading saved design:', e); showToast('خطأ في تحميل التصميم المحفوظ'); } } else { showToast('لا يوجد تصاميم محفوظة'); } } function exportDesign() { const design = { settings: settings, version: '2.0', exportedAt: new Date().toISOString(), symbolsUsed: settings.symbols }; const dataStr = JSON.stringify(design, null, 2); const dataUri = 'data:application/json;charset=utf-8,'+ encodeURIComponent(dataStr); const link = document.createElement('a'); link.setAttribute('href', dataUri); link.setAttribute('download', `pubg-logo-design-${Date.now()}.json`); link.click(); showToast('تم تصدير التصميم'); } // Show toast message function showToast(message) { const toast = document.getElementById('copyToast'); if (!toast) return; toast.textContent = message; toast.style.display = 'block'; setTimeout(() => { toast.style.display = 'none'; }, 2000); } // Utility functions function darkenColor(color, percent) { const num = parseInt(color.replace('#', ''), 16); const amt = Math.round(2.55 * percent); const R = (num >> 16) - amt; const G = (num >> 8 & 0x00FF) - amt; const B = (num & 0x0000FF) - amt; return `#${( 0x1000000 + (R < 255 ? (R < 1 ? 0 : R) : 255) * 0x10000 + (G < 255 ? (G < 1 ? 0 : G) : 255) * 0x100 + (B < 255 ? (B < 1 ? 0 : B) : 255) ).toString(16).slice(1)}`; } function lightenColor(color, percent) { const num = parseInt(color.replace('#', ''), 16); const amt = Math.round(2.55 * percent); const R = (num >> 16) + amt; const G = (num >> 8 & 0x00FF) + amt; const B = (num & 0x0000FF) + amt; return `#${( 0x1000000 + (R > 255 ? 255 : (R < 0 ? 0 : R)) * 0x10000 + (G > 255 ? 255 : (G < 0 ? 0 : G)) * 0x100 + (B > 255 ? 255 : (B < 0 ? 0 : B)) ).toString(16).slice(1)}`; } // Initialize window.onload = function() { initSymbolsGrid(); updateLogo(); // Add CSS variables for tab indicator const style = document.createElement('style'); style.textContent = ` .tabs-enhanced::after { left: var(--indicator-left, 0); width: var(--indicator-width, 100px); } `; document.head.appendChild(style); // Set initial tab indicator position const firstTab = document.querySelector('.tab-enhanced.active'); if (firstTab) { const tabs = document.querySelector('.tabs-enhanced'); const tabWidth = firstTab.offsetWidth; const tabLeft = firstTab.offsetLeft; tabs.style.setProperty('--indicator-left', tabLeft + 'px'); tabs.style.setProperty('--indicator-width', tabWidth + 'px'); } };