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

[ayman]

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





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





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





نفتح عمل جديد بمقاس [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://www.gla5.com/vb/editpost.php?...postid=155404# (http://www.gla5.com/vb/editpost.php?do=editpost&postid=155404#)








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





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

في إنتظار تطبيقاتكم











الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif Gift.zip (http://www.traidnt.net/vb/attachment.php?attachmentid=397434&d=1249198052) (36.0 كيلوبايت)