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

- الدرس الثالث : تلوين و تظليل أعمال البكسل + ورشة عمل ..

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

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

لذا يجب عليك أن تختار الألوان المناسبة و التي تسر الناظر وتناسب عملك ..



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

يستخدم الكمبيوتر ثلاث ألوان أساسية لينتج منها مجموعة الألوان التي نراها على الشاشة

وهي الأحمر و الأخضر و الأزرق ( 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- نضيف طبقة جديدة و نغير دمجها ( الـ Mood ) إلى multiply و نقوم بتلوينها أي لون نريد

3- ندمج الطبقتين و نحفظ الملف للإستخدام لاحقا .. ونستخدم الألوان الناتجة في التظليل ..



. . . . . . . . . . . .

4- Multiply

نقوم بتظليل كامل الشكل بلون واحد اساسي ، ثم نضيف طبقة و نغير ( الـ Mood ) إلى multiply ونخفض الـ Opacity إلى 30 % مثلا

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

للحصول على ظلال اغمق نزيد قيمة الـ Opacity ..

. . . . . . . . . . . .

5- Modified Multiply

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

1- افتح ملف جديدا في الفوتوشوب على حسب عدد التدرجات التي تود استخدامها (ساستخدم اربعة تدرجات

وسأفتح ملفا بحجم 1 × 4 pixels و سأقوم بتلوينه بأي لون اساسي ..

2- نضيف اربع طبقات من نوع multiply وكل طبقة لها Opacity معينة .. بـ استخدام اللون الأساسي نقوم بتلوين الطبقات

3- ندمج الطبقات و نحفظ الملف للإستخدام لاحقا ..ونستخدم الألوان الناتجة في التظليل



. . . . . . . . . . . . .

6- Opacity

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

1- افتح ملف جديد بحجم 1 × 10 pixels ..

2- قم بتلوين الطبقة بلون اساسي .. (انا اخترت اللون الأصفر)

3- غير اللون (انا اخترت اللون البنفسجي) اضف طبقة جديدة و قم بتغيير Opacity الفرشاة إلى 20 % مثلا و ارسم التدرج الأول

4- كرر العملية مع تغيير Opacity الفرشاة تدريجيا إلى ان تصل إلى 100%

5- احفظ الصورة واستخدم التدرج في اعمالك





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

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



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



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

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



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

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



v
v
v

ـيـتـبـعـ

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

- تابع الدرس الثالث : تلوين و تظليل أعمال البكسل + ورشة عمل ..

.
.

1- سنقوم اولا بتصغير الصورة .. نفتح الصورة و نذهب لقائمة Image >> Image Size و نقوم بتغيير الخيارات التالية :



2- الآن لديكم الصورة مصغرة .. نقوم بعمل نسخة من الصورة الأصلية عن طريق الضغط بالزر الأيمن

على طبقة الـ Background و من ثم اختيار امر Duplicate Layer ثم نضغط على OK



3- الآن لديكم شكل الطبقات كالتالي :



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



5- نختار الطبقة المنسوخة و نقوم بتقليل شفافيتها للدرجة التي ترونها مناسبة ( 50 % مثلا )



6- الآن سنبدأ بالرسم .. نضيف طبقة جديدة نسميها "Face" ثم نقوم بتقريب الصورة و لا ننسى ان نفتح النافذة المساعدة

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



7- نبدأ بتتبع حدود الوجه كما في المثال التالي :



8- نكمل تتبع باقي أجزاء الوجه



9- و بهذا نكون قد انهينا رسم الوجه



سيكون الشكل هكذا حتى الآن



.
.

بنفس الطريقة نقوم برسم الشعر ..



][ واجب الطلاب ][

- رسم محاكي لصوره لديكم ، مع وضع الصوره الأصليه والرسمه التي اقتبستموها منها ..

مع تلوين ابتسامتكم ..

.
.

][ إعداد Silvery ][ ، مع بعض التعديلات من قِـبلي ..

--> دمتم مبدعين ..

بالتوفيق ..

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

هذا تطبيقي للدرس الاول





وتطبيق الدرس الثاني هذا هو

الصورة الاصلية



التطبيق





وهذي صورة توضح خطوات العمل اللي قمت بها

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	المشاركة الأصلية كتبت بواسطة !!عسل!!

	تسجيل حضور ابله وان شاء الله احل الواجب

حياتس الله ،

بـ انتظار ابداعاتكم

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	المشاركة الأصلية كتبت بواسطة alasmari

	محجوز .... + تسجيل حضور مشكورة اختي عالدرس وبالنسبة للورشه انا كان عندي بالجهاز رسمه رسمتها محاكاة لصورة ولد اخوي ( صورة حقيقية ) ولكن للاسف انحذفت بعد عمل الفورمات للجهاز عالعموم باذن الله بأعود بتطبيقي بس عندي سؤال ... هل يكون التطبيق بنفس الطريقة الموجودة في الرد الثاني ...؟؟؟

حياك الله اخوي ،

العفو الله يوفقك ..

بالنسبه لسؤالك ،

اللي يعجبك تبي تشف الرسمة زي الرد الثاني ،

او تفتح الصوره وتكون على جنب وترسمها بلير مستقل ..


مع ان الطريقة الأولى انجح وادق لرسم الملامح كاملة ..

بالتوفيق

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

اح ــبك ياجنيني

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

.
:

‚‘





درس اليوم يخوّفـ .. شكلـهـ صعبـ

تسجيل حضور

ولي عوده مع التطبيق






‚‘


:
.

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

تسلم إيدينڪ ِ يآ رشرش التوقيـ ۶ الخيّـآل ..

	المشاركة الأصلية كتبت بواسطة ريف

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

مراحب ،

تطبيق صحيح ..

وش اللي ماعرفتيه بالضبط حتى اوضحه لتس !

+ بعد ماتنسخين لير الصوره ويصير عندتس صورتين ..

اوفقي على لير الصوره الاصليه واضيفي لير جديده بينهم

زي كذا /



إذا ماتعرفين من ورين تضيفين لير جديده اضغطي على Ctrl + Shift + N

/

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	المشاركة الأصلية كتبت بواسطة Ontha Halema

	تسجيل حضور

حياتس الله ،

ننتظر إبداعتس

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	المشاركة الأصلية كتبت بواسطة منولا

	هـــلا قــلبي انا مو واضحهـ الصـورهـ عندي ... يعني الابتسامه اللي عملنا ارجع اعمــل عليها تظليل ..!>>>مع اني مضطرهـ اعمل جديد لأنــي ماحفظت الاول ... او بــس نعمل محاكاة للصورهـ فقط . او مطلوب الاثنين؟

مراحب ..

ايه الابتسامه سوي لها تظليل ، مب شرط اللي طبقتيها بالدرس اللي قبل

سوي ابتسامه جديده وظلليها ( ترى التكرار يرسّخ ببالتس الطريقه أكثر وتصير سهله )

وبعد رسم محاكي لصوره عندتس ، لان الرسمة راح نحتاجها بالدرس الجاي ان شاء الله


بالتوفيق

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	المشاركة الأصلية كتبت بواسطة قطقوطه

	. : ‚‘ درس اليوم يخوّفـ .. شكلـهـ صعبـ تسجيل حضور ولي عوده مع التطبيق ‚‘ : .

مافيه شي صعب قطقوطه

وانا معكم باي استفسار

يالله نبي أحسن تطبيق .. للتظليل والرسم

بالتوفيق

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 - - - c o m. مجْتُمع حيَاتهْا . w w w - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

...{ تسلم ايدياااتي }...


...{ ما أحلل اي وحدهـ تسرق توقيعي..او ..اسمــي }...