منتديات مرسا اسكندرية
دعوه للانضمام لاسره مرسا اسكندرية
عزيزى الزائر الكريم.... زيارتك لنا أسعدتنا كثيرا....ولكن لن تكتمل سعادتنا الا بانضمامك لاسرتنا لذا نرجو منك التسجيل لتصبح من أسره منتدانا المتواضع منتديات مرسا اسكندرية........
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  7c2d5d03c

انضم إلى المنتدى ، فالأمر سريع وسهل

منتديات مرسا اسكندرية
دعوه للانضمام لاسره مرسا اسكندرية
عزيزى الزائر الكريم.... زيارتك لنا أسعدتنا كثيرا....ولكن لن تكتمل سعادتنا الا بانضمامك لاسرتنا لذا نرجو منك التسجيل لتصبح من أسره منتدانا المتواضع منتديات مرسا اسكندرية........
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  7c2d5d03c
منتديات مرسا اسكندرية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اذهب الى الأسفل
limonaa
limonaa
 
 
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  P60tur5o60jd
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Pi-ca-41
انثى
عدد المساهمات : 494
نقاط : 989
التقييم : 39
تاريخ التسجيل : 21/02/2013
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  7nz6mhlbcx0l

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

الإثنين 25 مارس 2013, 7:35 am
دورة تعلم التصميم ببرنامج الـ 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
 
 
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  P60tur5o60jd
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Pi-ca-41
انثى
عدد المساهمات : 494
نقاط : 989
التقييم : 39
تاريخ التسجيل : 21/02/2013
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  7nz6mhlbcx0l

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

الإثنين 25 مارس 2013, 7:38 am

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

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


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

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

دورة تعلم التصميم ببرنامج الـ 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


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

والـ 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

مرسا
مرسا
 
 
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  P60tur5o60jd
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Pi-ca-19
انثى
عدد المساهمات : 4195
نقاط : 8169
التقييم : 14
تاريخ التسجيل : 23/02/2011
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  26518_61190046852
العمل/الترفيه العمل/الترفيه : https://mrsa.hooxs.com/

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

الثلاثاء 16 أبريل 2013, 4:18 am
شكرا لكى على الدرس
The Hunter245
The Hunter245
 
 
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Oooooo10
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Pi-ca-24
ذكر
عدد المساهمات : 74
نقاط : 118
التقييم : 0
تاريخ التسجيل : 07/05/2013
دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Img_1311621148_231

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

الإثنين 20 مايو 2013, 9:46 am
بسم الله الرحمن الرحيم

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

بارك الله فيك وجزا ك خيرا واسأل الله

ان يحبب إليك الإيمان ويزينه في قلبك

ويكره إليك الكفر والفسوق والعصيان

ويجعلك من الراشدين
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى