Softonic

مولّد فن البكسل

خطوة 1 / 4 الإعداد
جارٍ تحميل محرر البكسل…

ارسم فن البكسل يدوياً على شبكة منطقية فارغة، من دون أوامر نصية أو تحويل صور أو رفع ملفات. اختر لوحة حتى 64×64، وارسم بالقلم والممحاة والتعبئة المحدودة، والتقط الألوان بالقطّارة، واعكس الضربات، وتراجع عن التعديلات، ثم صدّر رسماً شفافاً. يعمل المحرر داخل متصفحك ويحفظ المشروع في علامة التبويب الحالية.

كيفية رسم فن البكسل من الصفر

  1. 1

    اختر الشبكة المنطقية

    سمِّ المشروع وحدد العرض والارتفاع بين 4 و64 بكسلاً. توفر المقاسات الجاهزة لوحات مربعة سريعة.

  2. 2

    ارسم وحسّن التفاصيل

    استخدم القلم أو الممحاة أو التعبئة أو القطّارة مع لوحة ألوانك. فعّل الانعكاس الأفقي أو الرأسي وتراجع عن الضربات كاملة.

  3. 3

    راجع الرسم

    تحقق من الأبعاد المنطقية وعدد البكسلات الملوّنة والألوان المستخدمة قبل التصدير.

  4. 4

    صدّر ملفاً حاداً

    نزّل PNG شفافاً بمقياس صحيح، أو SVG مدمجاً، أو ملف مشروع JSON صالحاً لمتابعة التحرير لاحقاً.

أداة لصنع فن البكسل بالرسم المقصود على الشبكة

يُصمَّم فن البكسل خليةً خلية. يبدأ هذا المحرر بشبكة فارغة شفافة ويخزّن لكل بكسل منطقي لوناً واحداً أو شفافية. لا يحوّل الصور الفوتوغرافية إلى كتل لونية متوسطة؛ استخدم أداة تحويل الصورة إلى بكسلات لهذا الغرض المختلف. كما أنه لا يولّد رسومات من أوامر الذكاء الاصطناعي.

تفرض الشبكة الصغيرة شكلاً خارجياً أوضح، بينما تتيح الشبكة الأكبر مساحة للتظليل والتفاصيل. هذه نقاط بداية عملية وليست قواعد إلزامية:

حجم اللوحة المنطقي استخدام مناسب للبدء
8×8 رموز صغيرة جداً وتمارين الحروف والبلاطات البسيطة
16×16 أيقونات الواجهات وعناصر المخزون والشخصيات المدمجة
32×32 الشخصيات والمخلوقات وعناصر الألعاب
64×64 شخصيات مفصلة وصور شخصية ورسومات مستقلة أكبر

حافظ على حدة البكسلات عند التكبير

يستخدم تصدير PNG مقياساً صحيحاً ويعطّل تنعيم الصورة. لذلك يتحول بكسل المصدر الواحد في لوحة 16×16 إلى مربع دقيق 4×4 أو 8×8 أو أكبر، بدلاً من حافة ضبابية. نمط المربعات وخطوط الشبكة الاختيارية أدلة داخل الواجهة فقط ولا تظهر في الملف. وتبقى الخلايا الشفافة شفافة.

يستخدم تصدير SVG مستطيلات ذات حواف حادة ويتجاهل الخلايا الشفافة. ويحفظ ملف JSON شبكة المشروع المنطقية القابلة للتحرير ولوحة ألوان العمل. إنه تنسيق مشروع خاص بـ Hyperion، وليس بديلاً لتنسيقات الطبقات في برامج فن البكسل المكتبية.

أدوات الرسم وطريقة عمل الانعكاس

  • القلم يلوّن الخلايا ويصل بين عينات المؤشر السريعة حتى لا تظهر فجوات في الضربة.
  • الممحاة تعيد الخلايا إلى الشفافية.
  • التعبئة تغيّر منطقة متصلة من أربع جهات؛ وتظل المناطق المتلامسة قطرياً منفصلة.
  • القطّارة تختار لون خلية موجودة. وعند التقاط الشفافية تتحول الأداة إلى الممحاة.
  • الرسم المعكوس يعكس الحركة من اليسار إلى اليمين أو من الأعلى إلى الأسفل أو في الاتجاهين. ويُطبّق الصف أو العمود الأوسط مرة واحدة فقط.

تستخدم الفأرة والقلم واللمس ولوحة المفاتيح الشبكة المنطقية نفسها. ركّز اللوحة، ثم حرّك الخلية النشطة بمفاتيح الأسهم، واضغط مسافة أو Enter لتطبيق الأداة. تختار المفاتيح P وE وF وI الأدوات، ويحذف Delete الخلية، ويتراجع Ctrl/Cmd+Z.

سلوك المتصفح والمراجع التقنية

يستخدم المحرر Canvas API في المتصفح، وPointer Events، وخيار التحكم في تنعيم الصور. ويتبع إنشاء PNG واجهة تصدير Blob من اللوحة. وصُممت تفاعلات المؤشر ولوحة المفاتيح وفق إرشادات قابلية التشغيل في WCAG 2.2.

تبقى الرسومات والأسماء ولوحات الألوان في حالة مشروع محلية داخل المتصفح، ولا تُضاف إلى عناوين URL أو حمولات الخادم. تظل طلبات الصفحة المعتادة تحدث عند الانتقال بين خطوات المسار. إذا لم يتوفر تخزين علامة التبويب، يواصل المحرر الكامل ذو الصفحة الواحدة العمل في الذاكرة، لكن المسار لن ينتقل إلى الأمام حتى لا يضيع المشروع بصمت.

الأسئلة الشائعة

لا. إنها أداة رسم يدوي على شبكة فارغة. تختار كل لون وترسم كل خلية بالقلم والممحاة والتعبئة والقطّارة، مع انعكاس اختياري. لا تقبل أوامر نصية ولا تتصل بخدمة توليدية.

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

جرّب 16×16 لأيقونة صغيرة أو 32×32 لشخصية أو عنصر لعبة. ابدأ بحجم أصغر للتدرب على الشكل الخارجي، ولا تستخدم 64×64 إلا عندما يحتاج التصميم إلى تفاصيل أكثر. يدعم المحرر عرضاً وارتفاعاً مستقلين من 4 إلى 64 بكسلاً.

نعم. الخلايا الفارغة والممسوحة لها شفافية كاملة في ملف PNG. نمط المربعات داخل المحرر يوضّح الشفافية فقط ولا يُصدّر.

يكبّر التصدير كل بكسل منطقي بمقياس صحيح دقيق مع تعطيل تنعيم الصورة، ولا يستحدث ألواناً وسيطة بين الخلايا المتجاورة.

لا. يحرر الإصدار الأول صورة ثابتة واحدة. صدّر كل رسم هنا، ثم استخدم أداة Sprite Sheet Generator المنفصلة لتجميع الإطارات المكتملة في أطلس.

تقبل اللوحة الفأرة والقلم ولمسة إصبع واحدة. كما تعمل بلوحة المفاتيح: تحرّك الأسهم الخلية النشطة، وتطبق مسافة أو Enter الأداة، وتختار اختصارات الحروف الأدوات.

لا يرفع المحرر الرسم أو اسم المشروع أو لوحة الألوان أو ملفات التصدير. تُحفظ حالة المشروع في علامة تبويب المتصفح. وتستمر طلبات المستند العادية عند فتح الصفحة أو الانتقال بين خطوات المسار.

أدوات ذات صلة

منتقي ألوان Material Design

تصفح لوحة ألوان Material Design وانسخ أي درجة (من 50 إلى A700) بصيغة HEX أو RGB أو HSL بنقرة واحدة.

مولّد ورق الرسم البياني

أنشئ ورق رسم بياني قابلاً للطباعة عبر الإنترنت: اختر شبكة مربّعات أو نقاطاً، واضبط التباعد بالمليمتر، وحدّد A4 أو Letter ولون خطوط مخصّصاً، ثم اطبع أو نزّل ملف SVG واضحاً.

صانع الأعلام

صمّم علماً مخصصاً بسيطاً بنسبة 3:2 في متصفحك باستخدام ستة تخطيطات وألوان ونص ورمز. نزّل SVG أو PNG، أو افتح مربع حوار الطباعة في المتصفح.

مولد الورق المسطر

أنشئ ورقًا مسطرًا قابلًا للطباعة مجانًا. اختر تسطيرًا جامعيًا أو واسعًا أو ضيقًا، واضبط تباعد الأسطر بالمليمتر وحجم الصفحة وخط هامش، ثم اطبع أو نزّل ملف SVG.

منشئ قوائم التصنيف إلى مستويات

أنشئ قائمة تصنيف خاصة من نصوص وصور محلية، وخصص المستويات ورتب بالسحب أو لوحة المفاتيح، ثم صدّر JSON أو PNG أو SVG.

صانع لوحة الرؤية

حوّل أهدافك إلى لوحة بصرية: ارفع الصور وأضف عنوانًا وتعليقات شخصية واختر الألوان والتخطيط ثم نزّل صورة PNG قابلة للطباعة. كل شيء يبقى في متصفحك.

الأداة متاحة بلغات أخرى