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

😆 hy:و اهلا” و سهلا” بكل فراشة نورت موضوعي بمرورها العطر 😡

عسى أن تكنّ بأتم الصحة و العافية 😉

😳

اعرف جيدا” ان فن البكسل هو فن غير معروف نسبيا” في العالم العربي .

و الصراحة حتى انا في اول بداياتي مع الفراشة لما قرأتُ اسم القسم (عالم البكسل)توقعت انه عن برنامج آخر لا اعرف عنه شيئا” (مثل عالم الفلاش او عالم السويتش مكس) 😥

و لكن بعد أن اكتشفتُ بالصدفة موقعا” يقدم دروسا” في هذا الفن ..ذُهلتُ حقا” بمدى دقته و امكانياته !

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

و لنبدأ من البداية ….

➡

ما هو البكسل ؟

البكسل هو اصغر وحدة في تشكيل الصورة الرقمية .

فأي شي ترينه على شاشة حاسبك او كاميرتك الرقمية او حتى هاتفك النقال انماهو مكون من عدد هائل من البكسلات المتراصة جنبا” الى جنب .. تماما” كما يتكون البحر من عدد هائل من قطرات الماء و يتكون البلوز الصوفي من عدد من الغرزالمتراصة .

😆 🙂

ما هو فن البكسل ؟

فن البكسل هو مهارة ترتيب البكسلات بشكل متجاور مع بعضها كل واحدة على حدة لتشكيل صورة واحدة او عمل فني متكامل .

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

قد يبدو هذا الامر متعبا” للنظر ..لكن بطبيعة الحال يتم العمل مع التكبير لرؤية البكسلات بوضوح .. مع اعادة الصورة الى حجمها الاصلي بين فينة واخرى لرؤية كيف سيبدو العمل النهائي .

شيء يشبه كثيرا” لوحات الفسيفساء ..او نماذج تطريز الاتمين او الحياكة.

تكون عادة الاعمال البكسلية صغيرة الحجم مقارنة بغيرها من الفنون لأنها تستغرق وقتا” طويلا” جدا” لانجاز القطع الكبيرة .

اليكم هنا بعض الامثلة على اعمال بكسلية مميزة بدقتها .

😉

ما البرامج التي تُستخدم لهذا الفن ؟

البرامج لعمل فن البكسل عديدة .. و عادة ما تحتوي على اداة تسمى pencil tool أي قلم الرصاص و الذي يسمح بوضع بكسل واحد في كل مرة .. بحيث تكون حواف البكسل واضحة و غير مشوشةاو مدمجة مع الخلفية .

منها ما هو مجاني و منها ما يباع باسعار مرتفعة .

من امثلتها برنامج الرسام العادي Microsoft paint الموجود في جميع الحواسيب العاملة بنظام Windows ..و برنامج الفوتوشوب Photoshop بجميع نسخه و برنامج Gimp و Blaze Gif creator و غيرها كثير ….

😳

ماذا نقصد بالانميشن animation ؟ و ما هو الاطار او animation frame ؟

الانميشن او التحريك هو جعل الصورة متحركة ..فبدلا” من وجه صامت يبتسم فقط ..يمكن جعل الفم يفتح و يغلق او جعله يقفز الى الاعلى و الاسفل ..

غير متحرك static >>
متحرك animated >>

و يتم عمل هذه الحركة باستخدام بعض البرامج التي تمتلك هذه الخاصية و قد مرذكر بعضها حيث يقوم البرنامج بترتيب اطارات متتالية خلف بعضها يحمل كل واحد منهاالصورة بوضعية معينة ..و بعرضها معا” بشكل متتال ٍ نحصل على الحركة المطلوبة.

تسمح بعض البرامج بوضع وقت معين للاطار الواحد قد يكون جزء من الثانية..مما يـُسهـّل التحكم بانسيابية الحركة و واقعيتها .

لتقريب الفكرة احضري دفترا” سميكا” و ارسمي على احدى زاويتي الصفحة الاخيرة الخارجيتين كرة صغيرة ..اقلبي الصفحة و ارسمي على نفس الزاوية كرةاخرى بنفس الحجم و لكن بموضع اعلى قليلا” من الصفحة السابقة . كرري العمليةعلى جميع الصفحات ثم امسكي الدفتر و بطرف اصبعك اضغطي على الزاوية مما يجعل الصفحات تتقلب بسرعة كبيرة .

ستبدو الكرة لعينيك و كأنها تقفز او تنزل (تبعا” لاتجاه التقليب) .

ما عملتيه الآن هو الانميشن او التحريك لصورة الكرة .. و كل صفحة منفردة من الدفتر تمثل اطارا” animation frame

من المهم تذكـّر ان اغلب محركات البحث على الانترنت لا تستطيع عرض الاطارات التي تكون سرعتها اقل من 0.05 جزء من الثانية . لذلك من الافضل ان تكون الفترة اطول من هذا .

😆 🙂

ما افضل طريقة لحفظ العمل البكسلي ؟

الصيغة الامثل لحفظ العمل البكسلي هي صيغة png اوصيغة gif بالنسبة للاعمال الفنية الثابتة static ، و صيغة gif فقط للاعمال المتحركة animated

هناك خطأ شائع يقع فيه المبتدئون و هو حفظ العمل بصيغة jpg او jpeg وهذه الصيغة تضر بدقة العمل البكسلي و تسبب التداخل في الوان البكسلات المتجاورةمما يسبب تشويه الصورة .

اضف الى ذلك ان صيغة jpeg لا تدعم الشفافية في العمل و حفظ العمل بهذه الصيغة سيـُفقد العمل شفافيته و يضع له خلفية ملونة تلقائيا” ..على عكس الصيغتين السابقتين .

🙁

ما هو الايموت emote ؟

Emote او emoticon كلمة مشتقة من الكلمة الانكليزية emotion أي العواطف.

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

الايموت عادة تكون اصغر حجما” و اقل تفاصيلا” من السمايلي . و قد تـُستخدم احيانا” كعناصر مستقلة لتمثيل قصة طريفة او مشهد مماثل لفيلم قصير .

و قد تكون ثابتة static او متحركة animated

و هذه بعض الامثلة من عملي لتوضيح الفكرة .

👿

ما هو السمايلي smiley ؟

السمايلي او كما نعرفها في منتدانا بالابتسامات هي ايضا” وجوه و اشكال صغيرة تعبر عن المشاعر تماما” مثل الايموت .

لكنها في العادة تكون اكبر حجما” و لها تفاصيل اكثر دقة ..كالرموش على العيون و الاصابع لليد . و هي ايضا” قد تكون ثابتة او متحركة

و اليكم بعض الامثلة من منتدانا العزيز
🙂 😳 😳 😳

و مع ذلك لابد من الاخذ بنظر الاعتبار انه لا يمكن وضع حدود فاصلة بين الايموت و الابتسامات .. فقد يكون للايموت حجم كبير و ملامح وجهية محددة .

ايموت >>


ابتسامات >>

😳

ما هي الدمى البكسليةpixel dolls ؟

هي شكل من الفن البكسلي اكبر حجما” من الايموت و الابتسامات ..يمثل عادة شكلا” بشريا” (و قد يكون حيوانيا” ) مرتديا” ملابس معينة. و تـُصنع بكاملها من البكسلات المتراصة .

و لا يخفى مدى دقة هذا العمل الذي يتطلب دقة في تعيين مواضع و الوان البكسلات حتى تبدو الدمية بالشكل الامثل عند رؤيتها بنظرة شاملة.