تعلم فن البكسل مفيد لهواة صناعة الألعاب.

[Noor Xp]

السلام عليكم ورحمة الله وبركاته


بسم الله الرجمن الرحيم




اولاً ابدأ بتعريفكم للبكسل ....
البكسل هي كلمة مأخوذة من كلمة pixel أي PI X EL وهي اختصار للمقطعين picture element بمعنى عنصر اللصورة ,البكسل هي اصغر عناصر الصورة وتكون بشكل نقطة أو مربع صغير, ومجموعة من البكسلات المجتمعة تكون صورة وتعتمد دقة ووضوح الصورة بحجم وكثافة البكسلات, فكلما قل حجم مربع البكسل وزادت كثافته اصبحت الصورة دقيقة وواضحة والعكس بالعكس.
وبالنسبة للصور الملونة فهو يتكون من أجزاء اصغر تعرف بالسب-بكسل sub-pixels.



خلصنة من التعريف العام للبكسل الأن نبدء بتعلم هذا الفن :D
اولا قبل لاأبدء انا ستخدم برنامج Photoshop للبكسلة وذلك لتوفر شريط الألوان المدرج:


http://img244.imageshack.us/img244/5578/boardcoloras0.png
وأيضا يمكنك أستخدام برنامج MS Paint



ونبدأ:


-:الرسم والأخطاء الواردة:-




هناك الكثير من الأخطاء التي تحدث اثناء الرسم:
http://img404.imageshack.us/img404/5435/simple1ea3.png


المثال الأول في الجهة اليسرى يمثل الأخطاء الحاصلة في الخطوط المستقيمة البعض قد يهملها لكن أي خطأ يحدث يؤدي الى تغير كبير في الشكل.


المثال الثاني في الوسط يمثل الخطأ الحاصل اثناء عمل تطابق بين
جانبي الصور كالجانب الأعلى في هذه الصورة يمثل الجانب الصحيح والجانب السفلي يمثل الخطأ.


المثال الثالث في الجهة اليمنى لايمثل خطأً كيف؟مثلاً لدينا يد, نريد عمل حركة لها بطريقة البكسل ,فيوجب علينا تحريف بعض النقاط لأتمام الحركة الصحيحة لليد,وبذلك هذا لايعبر خطأ.


ونبدأ بالرسم ,هذا شيئ يعتمد على نخيلتك فمثلاً انا سأبدأ بتطبيق درس الألوان على هذا الرأس :silly::
http://img221.imageshack.us/img221/1668/pic1fh0.png


أهم شيئ في الرسم التناسق ونبدأ مباشرة بأختيار الألوان.




-:الألوان والتظليل:-




الألوان من أهم الأشياء التي تضهر جمال الصورة ,فمثلا رسمت تفاحة هل من الممكن ان تلونها بالون الأزرق؟لا؟طبعاً ,والباقي أيضاً لاأطول عليكم المهم التناسق في أختيار الألوان:


http://img206.imageshack.us/img206/728/simple2ab2.png


نأتي الى أهم شي بالبكسل وهو التظليل....
التظليل اولاً ماهو التظليل التظليل هو ان تستخدم لوناً اغمق من اللون الرئيسي, واختيار جهة التظليل يعتمد عليك وهذه الصورة كيفية اختيا جهة التظليل:


http://img375.imageshack.us/img375/7363/sunzo9.png


انظروا لهذه الكرة السوداء الجزء القريب من جهة الضوء يكون ذات لون خافت أي اقل كثافة من اللون الرئيسي والجزء البعيد من الضوء يكون أغمق من اللون الرئيسي وهذا تطبيق للتظليل:


http://img223.imageshack.us/img223/1536/simple3sb1.png



-:التظليل الثانوي:-


الأن بعدما قمنا بالتظيل ,نقوم بعمل تظليل ثانوي:


http://img101.imageshack.us/img101/4397/simple4ok2.png


انظروا قمنا بعمل تظيل اخر فوق التظيل الأصلي ولكن بلون اخف بقليل, وهناك نوع من التظليل يعتمد على تفاصيل الصورة.



-:الحدود:-


يمكن ان تجعل الحدود بلون اغمق من اللون الرئيسي من اجزاء الصورة فمثلاً القبعة ذات اللون الأزرق حدودها ستكون ذات لون ازرق غامق جداً , وكذلك باللون الوجه,هكذا:


http://img505.imageshack.us/img505/3497/line3iq5.png


او تكون الحدود باللون الأسود بصورة كثيفة ,هكذا:


http://img262.imageshack.us/img262/4686/line2kh3.png


وهذا نوع من الحدود يضهر حدود الصورة بشكل دقيق وهي عن طريق عمل تدريج للون الحدود الأصلي هكذا:


http://img206.imageshack.us/img206/2306/line1pa4.png


وهذا كل شيئ عن البكسل, الذي لديه معلومات لم اذكرها فليتكرم بذكرها ليفيدنا ويستفد :wiggle:.
وهذه بعض من صوري المبكسلة:
http://img440.imageshack.us/img440/228/lastonegr8.gif
http://img54.imageshack.us/img54/4255/cliffiz0.png


ملاحظة(ماعرفت القسم المناسب لهذا الموضوع وضعتة في قسم صناعة الألعاب لأنه يعتبر جزء مهم فيه)


تحياتي لكم


سلام :ciao:

[ديمو1]

مشكور اخوي على الموضوع الرائع وبصراحه البكسل استخدامه كبير
تشكرر

[Noor Xp]

مشكور اخوي على الموضوع الرائع وبصراحه البكسل استخدامه كبير
تشكرر


أهلا بيك أخي ديمو
طبعاً فهو كثير الأستخدام في العاب 2d قد يعتمد عليه كلياً في كل شيئ.
شكراً على المرور

[Game baker]

موضوع ليس فقط مميز .!

بل هو التميز بعينه

شكرا لك أخي

مميز كعادتك ^_*

[اسود الرافدين]

مشكور يا ورده راح اخزن موضوعك وسوف ابدا من موضوعك في البكسل

[Karim Ghazal]

بسم الله ماشاء الله ,, والله يا أنور كنت أحتاج هذا الدرس ,, مع أنني حملت درس أجنبية بهذا


المجال .. حالياً أحاول أن أطور نفسوي بفن البكسل , لأنه أريد أتعلم الجيم ميكر .. و ( من ) أهم


النقاط في الألعاب هي الرسومات أو ما تُسمى Graphics .. فهي تعطي طابع رائع جداً للألعاب , و


بالأخص إنه البكسل آرت , يفيد في الألعاب الـ 2D .. كثيراً ! .. بارك الله فيك يا وردة يا أنور .. جاري


خزن الصفحة ..

[Noor Xp]

موضوع ليس فقط مميز .!

بل هو التميز بعينه

شكرا لك أخي

مميز كعادتك ^_*

هلة بيك أخي Game baker:star:
خجلتنة :o....
المهم هذا الدرس بسيط لايشرح فقط الأشياء الأساسية للبكسل....



مشكور يا ورده راح اخزن موضوعك وسوف ابدا من موضوعك في البكسل
هلة بعلاوي....:star:
النتضر الدروس الجاية بس راح تطول لأن الحاسبة الغبية :smashfreakB: تخبل الواحد بطيئة كلش.




بسم الله ماشاء الله ,, والله يا أنور كنت أحتاج هذا الدرس ,, مع أنني حملت درس أجنبية بهذا



المجال .. حالياً أحاول أن أطور نفسوي بفن البكسل , لأنه أريد أتعلم الجيم ميكر .. و ( من ) أهم



النقاط في الألعاب هي الرسومات أو ما تُسمى Graphics .. فهي تعطي طابع رائع جداً للألعاب , و



بالأخص إنه البكسل آرت , يفيد في الألعاب الـ 2D .. كثيراً ! .. بارك الله فيك يا وردة يا أنور .. جاري



خزن الصفحة ..


هلة بكريم ومية هلة :star:
هواي اكوا دروس اجنبية احسن من هذا بس مثل ماقلت اجنبية بالأنكليزي العربي تفهم منة أكثر..
صحيح البكسل لها مجال كبير جداً وانا احوال بعد المسابقة اصنع لعبة من بكسلتي, والألعاب تكون افضل اذا كان متعوب عليهة................
وبالتوفيق :wave:

[اسود الرافدين]

هلة بعلاوي....:star:
النتضر الدروس الجاية بس راح تطول لأن الحاسبة الغبية :smashfreakB: تخبل الواحد بطيئة كلش.
همممم نرجع للتودي اشتاقيت للعبه من جماعة ماريو وابو خماس بس هاي المره 100% اللعبه ان شاء الله

[اسود الرافدين]

نسيت عندي استفسار ......برنامج البينت اكدر استفاد منه لو الا انزل غير برنامج خاص.....؟

[Karim Ghazal]

هلة بكريم ومية هلة :star:
هواي اكوا دروس اجنبية احسن من هذا بس مثل ماقلت اجنبية بالأنكليزي العربي تفهم منة أكثر..
صحيح البكسل لها مجال كبير جداً وانا احوال بعد المسابقة اصنع لعبة من بكسلتي, والألعاب تكون افضل اذا كان متعوب عليهة................
وبالتوفيق :wave:


أحلة شيء باللعبة , إنه تكون أنت الي مسويهة 100 % ..

من برمجتك ( يعني مو كلشي حاضر مثل الاربيجي أو غيره .. ) ..

و من تصميمك ( مو مصادر مال حواسم :silly: .. ) ,,

و تحية ألك يا وردة , وانتظر لعبتك .. و أن شاء الله يستفادون الجماعه ..

:biggrin2: ..


نسيت عندي استفسار ......برنامج البينت اكدر استفاد منه لو الا انزل غير برنامج خاص.....؟



لا علاوي ,, هو البينت بسيط و خفيف .. بس انصحك فوتوشب , علمود التلوين و غيره

:biggthump ..

[killuas friend]

السلام عليكم

كميف الحال و الأحاول ؟؟؟
بصراحة الموضوع مميز و نادر و خصوصا هو بالعربي..........
و الدرس مفيد جدا للمبتدئين في هذا المجال يعني مجال البكسل
لأنه فعل ا اذا بدك تعمل لعبة 2D لازم تحترف البكسل و الا ال Graphics
بتطلع0.5/10 >_<

[PoKe Vx]

أظن مكانه قسم ادوبي جرافك العام

[Noor Xp]

نسيت عندي استفسار ......برنامج البينت اكدر استفاد منه لو الا انزل غير برنامج خاص.....؟

برنامج البينت يقولون عنة احسن برنامج بس انا أشوف الفوتوشوب أفضل لان نسبة التكبير احسن وتقدر تختار منه دقة البكسل, وايضاً الخلفيات شفافة يعني مو بيضاء.والأختيار بيدك.




أحلة شيء باللعبة , إنه تكون أنت الي مسويهة 100 % ..

من برمجتك ( يعني مو كلشي حاضر مثل الاربيجي أو غيره .. ) ..

و من تصميمك ( مو مصادر مال حواسم :silly: .. ) ,,

و تحية ألك يا وردة , وانتظر لعبتك .. و أن شاء الله يستفادون الجماعه ..

:biggrin2: ..


لو اكو هيج لعبة جان صارت لعبة خرافية.....
ان شاء الله الموضوع لفائدتكم .......

[Noor Xp]

السلام عليكم

كميف الحال و الأحاول ؟؟؟
بصراحة الموضوع مميز و نادر و خصوصا هو بالعربي..........
و الدرس مفيد جدا للمبتدئين في هذا المجال يعني مجال البكسل
لأنه فعل ا اذا بدك تعمل لعبة 2D لازم تحترف البكسل و الا ال Graphics
بتطلع0.5/10 >_<


وعليكم السلام
الحمد الله
شكرا لك من حسن ذوقك :D.......
كلامك صحيح 100% العاب 2d تعتمد كلياً على البكسل لكن هناك مشارع يتم تصميمهة بال 3d max مشروع شفتة بموقع rmxp.org .


أظن مكانه قسم ادوبي جرافك العام


ماأعرف والله.....
نخلي موضوع النقل للمشرفين بس قلت يفيد اعضاء القسم...... :biggthump

[اسود الرافدين]

برنامج البينت يقولون عنة احسن برنامج بس انا أشوف الفوتوشوب أفضل لان نسبة التكبير احسن وتقدر تختار منه دقة البكسل, وايضاً الخلفيات شفافة يعني مو بيضاء.والأختيار بيدك.
مممم كريم ايضا قال الفوتوشوب افضل اشتريت CS3 وياه تعليم خلي نجرب...



أظن مكانه قسم ادوبي جرافك العام
مكانه هنا ايضا

[abu2020]

موضوع رااااااااااااائع

[Another]

اخيرا ^^
موضوع جميل ولطيف
حبيت اسألك التظليل تعتمد على استخدام درجة اغمق ؟
او ترجع ترسم التغميق ؟
عن جد انت مبدع ^_^
نتمنى نشوف ابداعك بصنع لعبتك
عندك تصور عن اللعبة وطريقتها ؟

[arnold91]

مشكور اخوي على الموضوع الرائع ارجو وضع المزيد من الدروس

[| Junta |]

مشكور .. يا نور .. استفتدت من عدة نقاط

[Karim Ghazal]

تم إضافة الموضوع إلى قسم المواضيع المُميزة !

[dante-55]

يعطيك الف عافيه نور .. درس جدا رائع و يشرح خطوات اساسيه لهذا الفن الرائع ..
و هنا درس سويته من فتره ^.^
http://www.montada.com/showthread.php?p=6478290#post6478290

[asem1000]

شكرا على المعلومه

[Akihiko]

مبدع مشاء الله
موضوعك اكثر من ابداااع اخوي
مشكور
وبالتوفيق ان شاء الله

[yorok]

لولاك لم اكن لاعرف اصنع لعبة من تصميمى

[Darky wakadono]

مشكور أخي وجزاك الله عنا خير

[المقاتل ليون]

شكرا لك على هذا الشرح الكامل عن الاوان وان شاء الله ان يستفيد منه جميع الطلاب

[ahmedkhalefa]

مشكووووووووور