منتديات ستار ديزاين
عزيزي الزائر ..

نتمى منك التسجيل منتدانى المتواضيع

تحيات طاقم الإدارة

اهلا وسهلا بك
منتديات ستار ديزاين
عزيزي الزائر ..

نتمى منك التسجيل منتدانى المتواضيع

تحيات طاقم الإدارة

اهلا وسهلا بك

منتديات ستار ديزاين

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

 

 دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2

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

limonaa


تاريخ التسجيل : 23/02/2013
عدد المساهمات : 511
نقاط : 41837
الجنس : انثى
العمر : 37

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Empty
مُساهمةموضوع: دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2    دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Empty25/03/13, 02:26 pm

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Hemm_gimp%201

.... وبفضل من الله وصلنا للدرس 8
وأسأل أن يكون فيما سبق نفعٌ وقضاء وقتٍ مفيد وممتع لكن غالياتي ♥
ودرسنا لهذا اليوم أتمنى يكون خفيف وممتع وهو ـــامتداد للجزء الأول من الصور المتحركة ..

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

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

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D9%2581%25D8%25A7%25D8%25B5%25D9%2584

المثال الأول
صورة مضيئة أو متوهجة كما يحلو لكم تسميتها ^^
ندخل صورة للعمل عليها ونحجمها كما نريد ونكتب بها جملة أو حسب مانرغب

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25A7%25D9%2584%25D8%25B5%25D9%2588%25D8%25B1%25D8%25A9


سنكتب مثلاً سبحان الله
ونكرر طبقة الكتابة كما تعلمنا كيف نكرر أي طبقة ..

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25B7%25D8%25A8%25D9%2582%25D8%25A7%25D8%25AA%2520%25D8%25A7%25D9%2584%25D8%25B5%25D9%2588%25D8%25B1%25D8%25A9

وبآداة النقلدورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AA%25D8%25AD%25D8%25B1%25D9%258A%25D9%2583نحرك النص المكرر أسفل النص الأول ونقلل الشفافية كما في الصورة ↑
ثم ندمج الطبقات بالضغط بزر المؤشر الأيمن على أي طبقة وتخرج لنا قائمة نختار منها :
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25A7%25D8%25AF%25D9%2585%25D8%25AC%2520%25D8%25A7%25D9%2584%25D8%25B7%25D8%25A8%25D9%2582%25D8%25A7%25D8%25AA

ادمج الطبقات المرئية - أي جميع الطبقات تكون فيها العين مفعله وباللغة الإنجليزية :

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Layer%25203

ثم تخرج لنا هذه النافذة الصغيرة نوافق عليها

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AF%25D9%2585%25D8%25AC%2520%25D8%25A7%25D9%2584%25D8%25B7%25D8%25A8%25D9%2582%25D8%25A7%25D8%25AA%2520

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Layer%25204

ثم نكرر الطبقة
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AA%25D9%2583%25D8%25B1%25D8%25A7%25D8%25B1%2520%25D8%25A7%25D9%2584%25D8%25B7%25D8%25A8%25D9%2582%25D8%25A9

والآن نعمل مسح لإحدى الطبقتين بهذه الآداة
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25A2%25D8%25AF%25D8%25A7%25D8%25A9%2520%25D8%25A7%25D9%2584%25D8%25AA%25D8%25AE%25D9%2581%25D9%258A%25D9%2581

ونختار فرشاة كبيرة

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D9%2581%25D8%25B1%25D8%25B4%25D8%25A7%25D8%25A9%2520%25D9%2583%25D8%25A8%25D9%258A%25D8%25B1%25D8%25A9%2520%25D9%2584%25D9%2584%25D9%2585%25D8%25B3%25D8%25AD

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

الآن لدينا أصبح طبقتين نحفظ الصورة كـ gif
وهذه هي النتيجة الجميلة والبسيطة :

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25B6%25D9%2588%25D8%25A1%2520%25D9%2584%25D9%2584%25D8%25B5%25D9%2588%25D8%25B1%25D8%25A9

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D9%2581%25D8%25A7%25D8%25B5%25D9%2584


المثال الثاني
نص متحرك ملون ( بدون خلفية أي خلفية شفافة )
وهنا العمل على طبقة النص
نبدأ بـ فتح عمل جديد :

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AC%25D8%25AF%25D9%258A%25D8%25AF

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  New

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25B5%25D9%2588%25D8%25B1%25D8%25A9%2520%25D8%25B4%25D9%2581%25D8%25A7%25D9%2581%25D8%25A9

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Now%2520f

ونختار من الخيارات المتقدمة بعد أن نكتب المقاسات التي نريدها املأ Fill with بـ شفافية =transparent

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25B9%25D9%2585%25D9%2584%2520%25D8%25B4%25D9%2581%25D8%25A7%25D9%2581

نكتب جملة مثلاً هنا : أحبكِ في الله
بأي لون نريد

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D9%2586%25D8%25B5%2520%25D9%2585%25D8%25AA%25D8%25AD%25D8%25B1%25D9%2583%2520

نكرر الطبقة ثلاث مرات - أو حسب رغبتنا

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AA%25D9%2583%25D8%25B1%25D8%25A7%25D8%25B1%2520%25D8%25A7%25D9%2584%25D8%25B7%25D8%25A8%25D9%2582%25D8%25A7%25D8%25AA


بعد تكرار الطبقة النصية نغلق جميع الأعين بالضغط على العين التي على يمين الطبقة
ثم نفتح عين الطبقة النصية الثانية بالضغط أيضاً على شكل العين ..

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D9%2581%25D8%25AA%25D8%25AD%2520%25D8%25B9%25D9%258A%25D9%2586

ثم بـ آداة الكتابة

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25A7%25D8%25AF%25D8%25A7%25D8%25A9%2520%25D8%25A7%25D9%2584%25D9%2583%25D8%25AA%25D8%25A7%25D8%25A8%25D8%25A9

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

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AA%25D8%25BA%25D9%258A%25D9%258A%25D8%25B1%2520%25D9%2584%25D9%2588%25D9%2586%2520%25D8%25A7%25D9%2584%25D9%2586%25D8%25B5


ثم نغلق العين ونذهب للعين الثالثة ونفتح العين
ونغير اللون أيضاً
وكذلك بالنسبة لآخر طبقة
.. أخيراً نحذف أول طبقة الخلفية =Background
ثم نجرب العمل كما تعلمنا في الدرس السابق :
( مرشحات > حركة > إعادة التشغيل )
( Filters > animation > playback )
ثم نحفظها بصيغة gif
ووضعت قيمة التأخير بين المشاهد 300
وهذه النتيجة نص ملون بخلفية شفافة :

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D9%2586%25D8%25B5%2520%25D9%2585%25D8%25AA%25D8%25AD%25D8%25B1%25D9%2583
الرجوع الى أعلى الصفحة اذهب الى الأسفل
limonaa

limonaa


تاريخ التسجيل : 23/02/2013
عدد المساهمات : 511
نقاط : 41837
الجنس : انثى
العمر : 37

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Empty
مُساهمةموضوع: رد: دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2    دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Empty25/03/13, 02:31 pm



المثال الثالث والأخير ..

وإلا بودي أستعرض لكم أمثلة كثيرة حتى تأخذوا فكرة أكبر ..
لـ صنع الصور المتحركة لكن عسى ذلك بدروس مستقلة إن أردتن ذلك وتيسر الوقت ..


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

من خيار ادمج الطبقات المرئية

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25B5%25D9%2588%25D8%25B1%25D8%25A9%2520%25D8%25A7%25D9%2584%25D8%25AA%25D8%25B7%25D8%25A8%25D9%258A%25D9%2582%25203

و بعد الإنتهاء
نكررها الطبقة لـ 5 مرات

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AA%25D9%2583%25D8%25B1%25D8%25A7%25D8%25B1%2520%25D8%25A7%25D9%2584%25D8%25B7%25D8%25A8%25D9%2582%25D8%25A7%25D8%25AA%25205
ليصبح لدينا 6 طبقات
نبدأ بأول طبقة ونغلق جميع الأعين حتى نرى التأثير بوضوح

ثم ننتقل للمرشحات ونختار تمويه > بكسلة

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AA%25D9%2585%25D9%2588%25D9%258A%25D9%2587%2520%25D8%25A8%25D9%2583%25D8%25B3%25D9%2584%25D9%2587

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Pix

فتخرج لنا هذه النافذة :

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25A8%25D9%2583%25D8%25B3%25D9%2584%25D8%25A9%252010

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Pix2

وبالتدريج نختار
10
ثم نغلق العين الأولى وننتقل للثانية
ونفتحها ونبنفس الخطوات لكن نجعل البكسلة كما يلي :
الطبقة الثانية نجعلها
8
الطبقة الثالثة نجعلها
6
الطبقة الربعة نجعلها
4
الطبقة الخامسة نجعلها
2
ثم الأخيرة نتركها كما هي الصورة الأصلية ونكررها 4 أو 5 مرات
وهذا ملخص الطبقات للتوضيح أكثر :

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D9%2585%25D9%2584%25D8%25AE%25D8%25B5%2520%25D8%25A8%25D9%2583%25D8%25B3%25D9%2584%25D8%25A9

ثم نجرب العمل ونزيد الطبقة الأصلية إن أردنا
وذلك للوقوف عليها أكثر ..

ثم نحفظ العمل كـ gif كما تعلمنا في الدرس السابق ..
وتأخير المشاهد وضعته 300
وهذه هي النتيجة :


دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25AA%25D8%25B7%25D8%25A8%25D9%258A%25D9%258A%25D9%258A%25D9%2582%25203

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

.. بهذا انتهى الدرس ولا تترددوا بأي سؤال
أحبتي ()


دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D9%2581%25D8%25A7%25D8%25B5%25D9%2584


الواجب العملي [b]
- فقط تصميم صورة متحركة سواء من هذه الأمثلة أو طريقة مكتشفة وجداً نرحب بالإكتشافات ^__^

والـ 20 الأُوَّل سيحصلون على وسام عقد اللؤلؤ هذا
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  %25D8%25B9%25D9%2582%25D8%25AF%2520%25D8%25A7%25D9%2584%25D9%2584%25D8%25A4%25D9%2584%25D8%25A4



هذا وصلى الله وسلم على نبينا محمد
..

دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Hemm_gimp%202
[/b]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تعلم الاوراكل من الصفر الدرس الاول
» تعلم الاوراكل من الصفر الدرس الثانى
» طلبات الصور المتحركة مني *همسات أمل*
» دورة فن تعلم المكياج 1
» الدرس الاول شرح البرنامج

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ستار ديزاين :: دروس وتصاميمنا الاحترافية :: دروس التصميم-
انتقل الى: