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



 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

 فن البكسل خطوة بخطوة...للمبتدئات في البكسل

اذهب الى الأسفل 
كاتب الموضوعرسالة
اماني

المديرة
اماني


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ousouo12

عدد المشاركات : 4313
تاريخ التسجيل : 21/02/2009
نقاط التقييم : 144
عدد نقاط : 37510
الجنس : انثى
عرفت منتدانا من :
  • صديقة

المزاج : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Pi-Ca-26
اميرتك المفصلة : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 70564
فتاة الانمي : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Episode22gif52ld3
mms : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 01268641190
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ououo10
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Wessam1


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Empty
مُساهمةموضوع: فن البكسل خطوة بخطوة...للمبتدئات في البكسل   فن البكسل خطوة بخطوة...للمبتدئات في البكسل I_icon_minitimeالجمعة 3 سبتمبر 2010 - 3:33

اتمنى يعجبكم وراح اخليكم مع الدرس
================================================== ======





[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





:: مقدمة ::

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

الدرس الأول: نظرة تعريفية عن فن البكسل

:: التعريف ::

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ لاحظ شكل اللوحة بعد التقريب .. اصبحت عبارة عن نقاط ملونة ++

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

:: المهارات المطلوبة في فنان البكسل ::

يجب ان يمتلك فنان البكسل :
1- خلفية عن الألوان والتعامل معها
2- خلفية عن التظليل
3- خلفية عن رسم الأشكال و الأجسام في حال الرغبة في صنع لوحات من انتاجه
4- خلفية عن الأبعاد

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

:: أقسامه ::

ينقسم البكسل آرت لمجموعتين فرعيتين هما:

1- متماثلة الأبعاد isometric

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

++ لاحظ الصور التالية كلها لأعمال بكسلية من نوع isometric ++

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ و هنا صورة متحركة لبناء بيت من نوع isometric ++

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





2- غير متماثلة الأبعاد non-isometric

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



:: البرامج و الأدوات ::

عادة لا نحتاج لاكثر من برنامج ال Paint المعروف ولكن توفر برنامج يتعامل مع الطبقات كالفوتوشوب (وهو البرنامج الذي سنستخدمه خلال هذه السلسلة من الدروس) سيكون دعامة كبيرة للفنان خصوصا عند الرغبة في صنع اشكال متحركة.
من البرامج الرائعة ايضا برنامج يدعى GraphicsGale وهو يسمح بالتعامل مع الطبقات وله ميزات اخرى كثيرة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ واجهة برنامج GraphicsGale

وللرسم نستخدم اداة قلم الرصاص Pencil Tool ونبدأ في الرسم نقطة نقطة (Pixel Pushing) وبدون استخدام اي نوع من الفلاتر. من المسموح استخدام أدوات الأشكال ( كأداة الخط المستقيم و أداة الدائرة ) وأداة التعبئة ولكن بانتباه شديد.
ومن الخطأ اعتبار اي رسمة او شكل تم صنعه باستخدام أداة القلم الرصاص فناً من فنون البكسل لانه يوجد نوع من الرسومات يتم فيها استخدام أداة قلم الرصاص فقط لتحديد الشكل و من ثم استخدام الفلاتر و الفرش في التلوين (تذكر اننا لا نستخدم الفلاتر في فن البكسل)ويسمى هذا النوع من الفنون Oekaki و هو من الفنون الجميلة ،كما يمكنك صنع اشكال ولوحات بكسلية مشابهه للواقع Photorealism.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ مراحل عمل لوحة من نوع Oekaki

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ مجموعة من الصور المبكسلة للممثل جوني ديب من نوع Photorealism ++

:: تقنية الرسم ::

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ تقنية الرسم خطوة بخطوة ++

:: حفظ الملفات ::

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

:: لا تتوقع النجاح من المرة الأولى ::

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


الدرس الثاني: التعامل مع الخطوط و المنحنيات + ورشة عمل

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ الطريقة الصحيحة لرسم الخطوط ++

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

:: الخطوط المستقيمة ::

هناك زوايا عديدة يتم استخدامها لرسم الخطوط منها الزوايا المعروفة كالزاوية 0، 90، 180، 270 وهي عبارة عن خطوط مستقيمة افقية أو رأسية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]













-----{ يتبع }-----
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hoob.forumalgerie.net
اماني

المديرة
اماني


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ousouo12

عدد المشاركات : 4313
تاريخ التسجيل : 21/02/2009
نقاط التقييم : 144
عدد نقاط : 37510
الجنس : انثى
عرفت منتدانا من :
  • صديقة

المزاج : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Pi-Ca-26
اميرتك المفصلة : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 70564
فتاة الانمي : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Episode22gif52ld3
mms : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 01268641190
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ououo10
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Wessam1


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Empty
مُساهمةموضوع: رد: فن البكسل خطوة بخطوة...للمبتدئات في البكسل   فن البكسل خطوة بخطوة...للمبتدئات في البكسل I_icon_minitimeالجمعة 3 سبتمبر 2010 - 3:35




-----{ عدت لكم مع التكملة }-----


المجموعة الثانية من الخطوط هي التي تكون بقياس 45، 135، 225، 315 درجة ويتم رسمها بوضع نقاط البكسل بالشكل التالي


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





بكل بساطة تستطيع رسم اي خط مستقيم إذا عرفت ميله ( درس في الرياضيات ) مثلا لرسم خط ميله نصف تستطيع ان تقول ان لكل نقطة رأسية نرسم نقطتين افقيتين


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ هنا امثلة على خطوط ذات ميول مختلفة ++

:: الخطوط غير المستقيمة ::

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

:: رسم المنحنيات ::

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





:: رسم الدوائر ::

هنا مجموعة من أشكال الدوائر بأقطار مختلفة، تذكر فقط انه عند رسم دائرة يجب ان تكون جميع أجزائها متماثلة


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

:: ورشة عمل ::

ما رأيكم ان نبدأ بالعمل الآن. سنقوم برسم شكل بسيط باستخدام البكسل .. سنرسم ابتسامات مذهل

اولا كل ما سنحتاجه هو برنامج الفوتوشوب فقط لا غير
فلنفتح البرنامج ..
ثم لنفتح ملفاً جديداً بمساحة 20x20..


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





بتلاحظون ان مساحة العمل وايد صغيييييرة .. لازم نكبرها .. يالله نمسك العدسة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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

.. و نضغط على اللوحة عدة مرات .. لنكبرها لأقصى حد و هو 1600%

:: تجهيز الفوتوشوب ::

قبل ان نكمل يجب ان نجهز برنامج الفوتوشوب لكي يسهل علينا التعامل مع البكسل .. هناك امران اساسيان

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

نقوم باختيار أمر Window>Arrange>New Window for ...


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





سنلاحظ ان ملفا جديدا قد فتح .. نتركه جانبا .. الآن اي تغيير يحدث في الملف الأول سيظهر في الملف الثاني

سيكون شكل مساحة العمل لديكم كالتالي


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





الثاني: نجهز الخطوط المساعدة التي تساعدنا على رسم البكسل و تسمى Grids وهي فقط للمساعدة و لا تظهر عند حفظ الرسمة

نقوم باختيار امر View>Show>Grid


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





في حال ظهرت لك الخطوط كالشكل التالي:


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hoob.forumalgerie.net
اماني

المديرة
اماني


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ousouo12

عدد المشاركات : 4313
تاريخ التسجيل : 21/02/2009
نقاط التقييم : 144
عدد نقاط : 37510
الجنس : انثى
عرفت منتدانا من :
  • صديقة

المزاج : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Pi-Ca-26
اميرتك المفصلة : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 70564
فتاة الانمي : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Episode22gif52ld3
mms : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 01268641190
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ououo10
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Wessam1


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Empty
مُساهمةموضوع: رد: فن البكسل خطوة بخطوة...للمبتدئات في البكسل   فن البكسل خطوة بخطوة...للمبتدئات في البكسل I_icon_minitimeالجمعة 3 سبتمبر 2010 - 3:36




-----{ التكملة }-----


فكل ما عليك فعله هو الذهاب لقائمة Edit>Preferences>Guides, Grid & Slices


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





وتقوم بتغيير الخيارات التالية


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





الأن اصبح كل مربع يمثل بكسل واحد ..


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





:: بدء الرسم ::

والآن أضف طبقة جديدة و لنبدأ برسم الإبتسامة عليها

نختار أداة قلم الرصاص


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ لاحظ الفرق بين فرش أداة الفرشاة (على اليمين) و فرش أداة قلم الرصاص (على اليسار) ++

نرسم اولا الوجه باستخدام اللون رقم #604810



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





ثم نرسم العينان و الفم باستخدام اللون رقم #403010


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





:: تصحيح الأخطاء ::

من الطبيعي ان يقع الإنساء في الخطأ .. فإذا اخطأت يمكنك ان تمسح ما اخطأت فيه باستخدام اداة الممحاة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]







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








__________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hoob.forumalgerie.net
اماني

المديرة
اماني


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ousouo12

عدد المشاركات : 4313
تاريخ التسجيل : 21/02/2009
نقاط التقييم : 144
عدد نقاط : 37510
الجنس : انثى
عرفت منتدانا من :
  • صديقة

المزاج : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Pi-Ca-26
اميرتك المفصلة : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 70564
فتاة الانمي : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Episode22gif52ld3
mms : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 01268641190
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ououo10
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Wessam1


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Empty
مُساهمةموضوع: رد: فن البكسل خطوة بخطوة...للمبتدئات في البكسل   فن البكسل خطوة بخطوة...للمبتدئات في البكسل I_icon_minitimeالجمعة 3 سبتمبر 2010 - 3:37




-----{ التكملة }-----


:: التلوين ::


ولتلوين الإبتسامة نقوم بتعبئة المنطقة باللون التالي #FFE020

هناك طريقتان للتعبئة ..
1- إما ان تقوم بتلوين المساحة نقطة نقطة وهي تعطي نتائج افضل


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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







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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





++ هنا استخدمت أداة magic wand
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





لعمل تحديد و من ثم قمت بتعبئة التحديد باللون .. لاحظ النقاط الإضافية ++

في هذه الحالة يجب عليك ان تقوم بحذف النقاط الإضافية

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


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

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



(( هنا سناخذ استراحة لنتعرف على اساسيات التلوين ))
:: أساسيات التلوين ::

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

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

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

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

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

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

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

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hoob.forumalgerie.net
اماني

المديرة
اماني


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ousouo12

عدد المشاركات : 4313
تاريخ التسجيل : 21/02/2009
نقاط التقييم : 144
عدد نقاط : 37510
الجنس : انثى
عرفت منتدانا من :
  • صديقة

المزاج : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Pi-Ca-26
اميرتك المفصلة : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 70564
فتاة الانمي : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Episode22gif52ld3
mms : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 01268641190
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ououo10
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Wessam1


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Empty
مُساهمةموضوع: رد: فن البكسل خطوة بخطوة...للمبتدئات في البكسل   فن البكسل خطوة بخطوة...للمبتدئات في البكسل I_icon_minitimeالجمعة 3 سبتمبر 2010 - 3:38




-----{ التكملة }-----


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

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

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- احفظ الصورة واستخدم التدرج في اعمالك


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



==============================

(( هنا انتهت استراحتنا ونعود الان الى الدرس ))

الدرس << يتبع





__________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hoob.forumalgerie.net
اماني

المديرة
اماني


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ousouo12

عدد المشاركات : 4313
تاريخ التسجيل : 21/02/2009
نقاط التقييم : 144
عدد نقاط : 37510
الجنس : انثى
عرفت منتدانا من :
  • صديقة

المزاج : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Pi-Ca-26
اميرتك المفصلة : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 70564
فتاة الانمي : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Episode22gif52ld3
mms : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 01268641190
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ououo10
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Wessam1


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Empty
مُساهمةموضوع: رد: فن البكسل خطوة بخطوة...للمبتدئات في البكسل   فن البكسل خطوة بخطوة...للمبتدئات في البكسل I_icon_minitimeالجمعة 3 سبتمبر 2010 - 3:39




-----{ نعود الان الى تكملة الدرس }-----


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

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

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





__________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hoob.forumalgerie.net
اماني

المديرة
اماني


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ousouo12

عدد المشاركات : 4313
تاريخ التسجيل : 21/02/2009
نقاط التقييم : 144
عدد نقاط : 37510
الجنس : انثى
عرفت منتدانا من :
  • صديقة

المزاج : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Pi-Ca-26
اميرتك المفصلة : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 70564
فتاة الانمي : فن البكسل خطوة بخطوة...للمبتدئات في البكسل Episode22gif52ld3
mms : فن البكسل خطوة بخطوة...للمبتدئات في البكسل 01268641190
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Ououo10
فن البكسل خطوة بخطوة...للمبتدئات في البكسل Wessam1


فن البكسل خطوة بخطوة...للمبتدئات في البكسل Empty
مُساهمةموضوع: رد: فن البكسل خطوة بخطوة...للمبتدئات في البكسل   فن البكسل خطوة بخطوة...للمبتدئات في البكسل I_icon_minitimeالجمعة 3 سبتمبر 2010 - 3:41

-----{ وصلنا الان الى الجزء الاخير من درسنا}-----




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

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

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

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

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

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

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

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

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

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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

سنقوم هنا بعمل مثال بسيط على التدثير (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 .+.


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





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


=============================

شكرا على حسن الاستماع وارجوا ان يكون الدرس اثار اعجابكم واهتمامكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hoob.forumalgerie.net
 
فن البكسل خطوة بخطوة...للمبتدئات في البكسل
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» رسم على التوب خطوة بخطوة
» كبة البطاطس المحشوة و الصور خطوة بخطوة
» كيفية تلوين الانمي خطوة بخطوة
» ***كيكة فاخرة بنكهة اللوز ومحشوة بالشكلاطة***خطوة خطوة بالصور***
» حصريا: خطوة خطوة طريقة وضع المكياج للعروسة المحجبة(بالصور والشرح) ღ

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: °•°قسم التصميم و الجرافيكس°•° :: دروس الفوتوشوب :: دروس البكسل-
انتقل الى: