شرح درس: تصميم المزاج للصور الثابتة والصور المتحركة [بالصور]

[مرووومة 2009]

بسم الله الرحمن الرحيم




[درس] تصميم المزاج للصور الثابتة والصور المتحركة




نبدأ على بركة الله




نفتح عمل جديد بمقاس [90] * [30] بكسل




كما بالصورة التالية:





http://gla5.com/up/uploads/images/1.JPG











بعد ذلك نختار هذه الأداة لرسم مستطيل بلا زوايا







http://gla5.com/up/uploads/images/2.jpg











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







http://gla5.com/up/uploads/images/3.jpg











ونرسم المستطيل داخل العمل كما بالصورة التالية:








http://gla5.com/up/uploads/images/4.JPG











بعد ذلك نضع حد باللون الأسود للمستطيل باستخدام هذا الخيار:







http://gla5.com/up/uploads/images/5.JPG











حجم الحد لا بد أن يكون [1]




ونختار اللون الأسود كما في الصورة التالية:





http://gla5.com/up/uploads/images/6.jpg











بعد ذلك نقوم بإدراج ابتسامة [smiles]




أنا اخترت هذه الابتسامة بصيغة

gif





http://gla5.com/up/uploads/images/77.GIF








حتى نقوم بإدراجها داخل العمل لا بد أن نقوم بإزالة القفل إن وجد




وذلك بوضع علامة صح على الخيار RGB Color كما بالصورة التالية:








http://gla5.com/up/uploads/images/8.JPG











ويتحول إلى لير




أو بالضغط دبل كلك على لير الصور والضغط على موافق ويتحول إلى لير




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





http://gla5.com/up/uploads/images/9.JPG











ملاحظة: إن وجدت خلفية بيضاء للابتسامات فأنصح باستخدام هذه الأداة لأزالتها بكل يسر وسهولة:







http://gla5.com/up/uploads/images/10.JPG












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




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




مثال:





http://gla5.com/up/uploads/images/11.JPG











إنتهى التصميم ^^!




لجعل التصميم أكثر إحترآفيه أنصحك باستخدام ستايلات Web2




مثال آخر بعد استخدام ستايلات ويب تو الإحترآفية:







http://gla5.com/up/uploads/images/12.JPG











مثال آخر:





http://gla5.com/up/uploads/images/13.JPG











صورة لقائمة الإستايلات وطريقة إستخدامها:





http://gla5.com/up/uploads/images/14.JPG











لاستخدام احد من هذه الاستايلات للخلفية







أضغط أولا على لير الخلفية كما بالصورة:







http://gla5.com/up/uploads/images/15.JPG












وبعد الضغط مباشره أذهب لقائمة الإستايلات وأختر ماتشاء


ولتحميل الاستايلات من خلال هذا الموضوع:
ستايلات Web 2 مقدمة من غلا فايف + نماذج للمشاهدة + طريقة التركيب (http://www.gla5.com/vb/showthread.php?t=7426)








ولون خط الكتابة بلون أفتح أو أغمق من لون الخلفية حتى يكون الشكل إحترآفي حسب ماتشاء



الآن تعلمنا تصميم المزاج للصور الثابتة







[ نأتي الآن لشرح تصميم المزاج للصور المتحركة والإحترافية ]







نعمل جميع الخطوات السابقة بإستثناء جلب الإبتسامة



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



-



بعد فتح العمل وتصميم الشكل كما بالصورة التالية:





http://gla5.com/up/uploads/images/16.JPG












نذهب للإيميج ريدي بالضغط على هذا الزر:





http://gla5.com/up/uploads/images/17.JPG












وتجده بالأسفل في قائمة Tools



بعد مايفتح برنامج الأيميج ريدي



نضغط دبل كلك في مكان خالي في مسرح التصميم أو من قائمة File – Open



او عن طريق السحب والإفلات



أجلب أي صورة متحركة داخل الإيميج ريدي





انا اخترت لكم هذه الصورة:




http://gla5.com/up/uploads/images/G35.gif









سوف نلاحظ في صندوق الليرات يوجد أكثر من لير كما في الصورة:







http://gla5.com/up/uploads/images/18.JPG












الآن نريد نقل هذه الليرات جميعها إلى العمل



نقوم بهذه الخطوة



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



المحدد باللون الأحمر





http://gla5.com/up/uploads/images/19.JPG









ونقوم بسحبها جميعاً بواسطة الماوس إلى عملنا



كما في الصورة التالية:





http://gla5.com/up/uploads/images/20.JPG









بكذا أنجزنا عمل رائع



تابع الآن وحاول فهم الشرح دون حفظه



بعد إفلات ليرات الابتسامة داخل العمل كما في الصورة السابقة



الآن أذهب إلى الأنيمشين وهو الإطار السفلي لصورة الابتسامة كما في الصورة التالية:





http://gla5.com/up/uploads/images/21.JPG









الآن نقوم بإنشاء أربع فريمات كما في الصورة السابقة + التوقيت لكل فريم تابع الصورة التالية:





http://gla5.com/up/uploads/images/22.JPG












ملاحظة جداً مهمه يا أخوان:



الفريمات نفس الليرات ,, يعني كل فريم له استخدام خاص



هذه النقطه مهمة جداً



أضغط على الفريم رقم [1]



وقم بإزالة العين عن باقي صور ليرات الابتسامة كما في الصورة التالية:





http://gla5.com/up/uploads/images/23.JPG












أضغط على الفريم رقم [2] كما في الصورة التالية:





http://gla5.com/up/uploads/images/24.JPG












لاحظ أزلنا العين عن اللير رقم [1]



أضغط على الفريم رقم [3] كما في الصورة التالية:




http://gla5.com/up/uploads/images/25.JPG











لاحظ أزلنا العين عن اللير رقم [1] واللير رقم [2]






أضغط على الفريم رقم [4] كما في الصورة التالية:





http://gla5.com/up/uploads/images/26.JPG









لاحظ أزلنا العين عن اللير رقم [1] واللير رقم [2] واللير رقم [3]




والحمد لله انتهينا



أضغط على هذا الزر لرؤية عملك




http://gla5.com/up/uploads/images/27.JPG












إذا عجبك العمل دون أخطاء أحفظ عملك ^^!



بالضغط على:



Ctrl+Shift+Alt+S



والحمد لله والصلاة والسلام على رسول الله



إن أصبت فـ من الله وإن أخطئت فـ من نفسي ومن الشيطان



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



ولا أرجو منكم سوى الدعاء لي ولوالدي ولجميع المسلمين



يوجد مرفق إهداء لكم



وشكراً





تطبيقي:




http://www.up.arjwan.com/up/arjwan_iC9fgbFX3.GIF









http://www.up.arjwan.com/up/arjwan_3aSouS2RgM.gif





منقوووول

[دلوعة رفحاء]

درس رائع .. الف شكر لك ..

[miss tito0o]

مشكوره على الدرس

تقبلي مروري وودي

[سكوت الحرف]

يسلموووو ع الدرس الحلو

[سكوت الحرف]

باكوو هذا تطبيقي


http://m002.maktoob.com/alfrasha/up/1657238879766909359.gif