دوشه نت اكبر تجمع عربي_ منتدى منوع .اسلامي .ثقافي .فني .كل الحصريات تجدها في دوشه نت.نحن نعمل على إرضاء جميع الاذواق
 
آخر المواضيع

شاطر

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

avatarlimonaa

عضو رائع
عضو رائع

 
انثى
عدد المساهمات : 303

نقاط : 387

اإلتقََـِِيِِيِِم : 0

تاريخ التسجيل : 04/03/2013

العمر : 37
رسالة
مُساهمةموضوع: دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2    دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Emptyالثلاثاء مارس 26, 2013 2:52 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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
avatarlimonaa

عضو رائع
عضو رائع

 
انثى
عدد المساهمات : 303

نقاط : 387

اإلتقََـِِيِِيِِم : 0

تاريخ التسجيل : 04/03/2013

العمر : 37
رسالة
مُساهمةموضوع: رد: دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2    دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Emptyالثلاثاء مارس 26, 2013 2:53 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


الواجب العملي [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]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
avatarhazen

عضو متألق
عضو متألق

 
ذكر
عدد المساهمات : 84

نقاط : 90

اإلتقََـِِيِِيِِم : 0

تاريخ التسجيل : 31/01/2013

العمر : 34
رسالة
مُساهمةموضوع: رد: دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2    دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Emptyالسبت أبريل 06, 2013 1:42 am

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

عضو متألق
عضو متألق

 
ذكر
عدد المساهمات : 75

نقاط : 75

اإلتقََـِِيِِيِِم : 0

تاريخ التسجيل : 31/01/2013

العمر : 34
رسالة
مُساهمةموضوع: رد: دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2    دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Emptyالسبت أبريل 20, 2013 8:31 pm

بارك الله
فيك شكرا على موصوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
avatarmrakpye

عضو نشيط
عضو نشيط

 
ذكر
عدد المساهمات : 241

نقاط : 249

اإلتقََـِِيِِيِِم : 0

تاريخ التسجيل : 31/01/2013

العمر : 34
رسالة
مُساهمةموضوع: رد: دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2    دورة تعلم التصميم ببرنامج الـ Gimp / الدرس 8 / الصور المتحركة 2  Emptyالخميس يونيو 20, 2013 12:52 am

شكرا على الموضوع الرائع
الف شكر على المجهود المميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
الردود السريعة :
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» بالصور منى زكي تكشف حقيقة الصور الفاضحة -منى زكي لم انزعج من صورتي العارية,وتكشف الصور المزيفه
» التسجيل في تصميم دوره التصميم في الفوتوشوب اون لاين
» اتصال حلا الترك ببرنامج شوجي @ shoojy.com
» طريقه استرجاع الصور المحذوفه من الجوال و طريقه مسح الصور المحذوفه نهائيا من الموبايل
» قص صورة ونقلها لصورة اخرى التصميم السريييييييييييييييييع
الرد على الموضوع

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