نفّثة لون

:: أساسيات التلوين ::

يستخدم الكمبيوتر ثلاث ألوان اساسية لينتج منها مجموعة الألوان التي نراها على الشاشة و هي الأحمر و الأخضر و الأزرق ( Red, Green, Blue ) او يطلق عليها اختصارا RGB .. في داخل الكمبيوتر كل لون من الألوان يمتلك رقما من 0 إلى 255 و يتم خلط و مزج هذه الألوان لتنتج ألوانا مختلفة مثلا 255,0,0 تعني ان اللون الأحمر يساوي 255 و اللون الأخضر يساوي 0 و اللون الأزرق يساوي 0 ومنها 0,0,0 تعني اللون الأسود و 255,255,255 تعني اللون الأبيض ..
معظم برامج الرسم الحالية تحتوي على صناديق لاختيار الألوان كهذا الشكل الظاهر أمامنا

كما تلاحظون توجد لدينا العديد من الخيارات و بامكانك ان تختار اللون الذي ترغب به باستخدام الفأرة بالضغط على مساحة الألوان او كتابة رقم اللون سواء RGB او Hexa

هنا بعض المواقع التي تساعد على اختيار الألوان المناسبة

الاول...

الثاني...

الثالث...

الرابع...

تتوفر ايضا في الإنترنت بعض الباليتات التي تحتوي على مجموعة من الألوان مع تدرجاتها لتساعدك على تحديد اللون المطلوب .. كما و توجد باليتات جاهزة في الفوتوشوب تجدونها في ال Swatches

++ تستطيع فتح السواتش من قائمة Window > Swatches ++

في التلوين يفضل استخدام الألوان المريحة لعين و عدم الإكثار او الإبتعاد عن الألوان المشعة و الساطعة جدا

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

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

:: أساسيات التظليل ::

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

:: مصدر الضوء ::

لابد اولا ان نحدد مصدرا للضوء و على أساسه نبدأ في التظليل ..

يجب ان نراعي انه كلما ابتعدنا عن مصدر الضوء كلما قلت الإضاءة
:: التظليل ::

المثال التالي يوضح لنا كيفية تظليل كرة .. لنفترض ان إضاءتنا في الجهة اليسرى العلوية ..
نبدأ التظليل أولا باستخدام لونين احدهما افتح من اللون الأساسي و الآخر اغمق قليلا من اللون الأساسي ..اللون الفاتح سيكون مواجها لمصدر الضوء اما اللون الغامق سيكون في الجهة الأخرى البعيدة عن مصدر الضوء .. ستبدأ الكرة تأخذ بعداً .. يمكنك الآن اضافة المزيد من التظليل فوق و تحت التظليل السابق

لاحظ ان الجهة المواجهة لمصدر الضوء تحتوي على تظليل فاتح ونقوم بتغميقه كلما ابتعدنا عن مصدر الضوء .. دائما تحتاج لمعرفة تفاصيل الشكل الذي تقوم بتظليله فمثلا تظليل الوجوه يحتاج في بعض الحالات لانتباه و اهتمام شديدين و في البعض الآخر لا يهم كثيرا

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

:: تقنيات التظليل ::

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

1- Eyeballing
في هذه التقنية يتم اختيار لون او تدرجات من الألوان مشابهة للون الأساسي .. ابدأ التلوين من الأفتح للأغمق او العكس من الأغمق للأفتح حسب ما يناسبك .. مع مراعاة ان نزيد عدد الوان التظليل حسب المطلوب

++ هنا قمت بالتظليل بستخدام تدرج واحد ++

2- Gray
وهي عبارة عن تظليل كامل الشكل بتدرجات الرمادي و بعدها تتم إضافة الألوان حيث تتم إضافة طبقة فوق الطبقة الرمادية مع تغيير نوع دمجها إلى multiply و يتم تلوينها

ملاحظة: لا تقم باختيار اللونين الأبيض و الأسود عند التلوين بهذه الطريق لانهما لا يحدثان اي تغيير

3- Modified Gray
وهي عبارة عن صنع تدرجات من الالوان باستخدام اللون الرمادي كالتالي

1-افتح ملف جديدا في الفوتوشوب على حسب عدد التدرجات التي تود استخدامها (ساستخدم اربعة تدرجات و سأفتح ملفا بحجم 4x1 px) و سأقوم بعمل تدرج من اللون الرمادي
2-نضيف طبقة جديدة و نغير دمجها إلى multiply و نقوم بتلوينها أي لون نريد
3-ندمج الطبقتين و نحفظ الملف للإستخدام لاحقا ..ونستخدم الألوان الناتجة في التظليل

4- Multiply
فيه نقوم بتظليل كامل الشكل بلون واحد اساسي
ثم نضيف طبقة و نغير دمجها إلى multiply ونخفض ال Opacity إلى 30% مثلا و نقوم بالتظليل باستخدام نفس اللون الأساسي
نكرر نفس العملية على حسب التدرجات المطلوبة .. اي نضيف طبقة و نغير دمجها ..للحصول على ظلال اغمق نزيد قيمة ال Opacity

5- Modified Multiply
وهي عبارة عن صنع تدرجات باستخدام طريقة ال multiply السابقة

1-افتح ملف جديدا في الفوتوشوب على حسب عدد التدرجات التي تود استخدامها (ساستخدم اربعة تدرجات و سأفتح ملفا بحجم 4x1 px) و سأقوم بتلوينه بأي لون اساسي
2-نضيف اربع طبقات من نوع multiply وكل طبقة لها Opacity معينة .. بااستخدام اللون الأساسي نقوم بتلوين الطبقات
3-ندمج الطبقات و نحفظ الملف للإستخدام لاحقا ..ونستخدم الألوان الناتجة في التظليل

6- Opacity
وهي طريقة رائعة لصنع تدرجات متداخلة و مختلفة من الألوان

1- افتح ملف جديد بحجم 10x1 px
2- قم بتلوين الطبقة بلون اساسي .. (انا اخترت اللون الأصفر)
3- غير اللون (انا اخترت اللون البنفسجي) اضف طبقة جديدة و قم بتغيير Opacity الفرشاة إلى 20% مثلا و ارسم التدرج الأول
4- كرر العملية مع تغيير Opacity الفرشاة تدريجيا إلى ان تصل إلى 100%
5- احفظ الصورة واستخدم التدرج في اعمالك

ورشة عمل : تظليل ابتسامات مذهل ::

نبدأ بفتح ملف الإبتسامة التي قمنا بصنعها في الدرس السابق

هذه هي التدرجات التي سنستخدمها للتظليل

نضيف طبقة جديدة و نبدأ التظليل فيها من الأغمق للأفتح او الأفتح للأغمق

وسيكون الناتج كالتالي:

لا ننسى ان نضيف التحديد الأبيض الذي يعطي ايحاء بتجسيم الإبتسامه

ونكون بذلك قد انتهينا من تظليل الإبتسامة


الدرس الرابع: أساسيات التدثير

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

:: تعريف التدثير ::

تقنية دمج الألوان مع بعضها البعض عن طريق عمل تدرج بين الألوان.

:: مثال على التدثير ::

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

:: طرق التدثير ::

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

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

:: طرق التدثير ::

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

اما عند تقليل عدد الألوان فيبدا التدثير بالظهور و الوضوح .. لاحظوا في هذه الصورة المناطق التي يتم فيها الإنتقال من لون إلى لون آخركما ترون توجد نقاط صغيرة في هذه المناطق

اما هنا فتظهر تدرجات الألوان الأساسية المستخدمة بدون اي عملية تدثير

هنا أشكال مختلفة على التدثير

:: تطبيق على التدثير ::

سنقوم هنا بعمل مثال بسيط على التدثير (Pattern Dithering)

1- في هذا المثال سنختار لونين مختلفين في درجة التباين حتى تكون عملية التدثير واضحة

- في منطقة تلاقي اللونين نبدا عملية التدثير و هي عادة ما تكون على شكل شبكة من نفس اللونين المستخدمين سابقا كما في الصورة التالية

- نقوم بزيادة مساحة التدثير قليلا كما في الصورة التالية

o••°°• بــرامج البكسل آرت o••°°•

.+. Adobe Photoshop .+.

.+.+.+.+.+.+.

.+. GraphicsGale .+.

برنامج مجاني - للتحميل اضغط هنا
الموقع الرسمي

.+.+.+.+.+.+.

.+. MS Paint .+.

يوجد مع برامج نظام التشغيل ويندوز .. للوصول إليه اضغط على
Start > All Programs > Accessories > Paint

.+.+.+.+.+.+.

.+. GIMP .+.


برنامج مجاني مشابه للفوتوشوب - للتحميل GIMP 2.2.13 اضغط هنا
الموقع الرسمي

.+.+.+.+.+.+.

.+. Pixen .+.

برنامج مجاني للماك Mac OS X - للتحميل اضغط هنا
الموقع الرسمي


.+.+.+.+.+.+.

.+. Pro motion .+.

برنامج نسخة تجريبية و لكن تستطيع من خلاله التحريك و التحكم بسهولة بدون الإنتقال لبرنامج آخر , و هو خفيف الحجم .
للتحميل إضغط هنا
معلومات عن البرنامج