درس (( الصورة المتحركة في البنر ))

[أرض الرافدين]

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



اليوم سوف نقوم بتصميم بنر وفي داخله صورة متحركة

والعملية تتم في الفوتوشوب والأميج ردي


نتوكل على الله ونبدأ معكم الدرس

*********************

1 ) أفتح ملف وبأي خلفية

وبأداة الــ Rounded Rectangle Tool وبلون اسود وحسب الزاوية المطلوبة

نرسم الشكل ونسمي اللاير ( الشكل الأول )....

ومن ثم كليك يمين على اللاير ونختار الأمر Rasterize Layer


http://i225.photobucket.com/albums/dd244/altaei/1-9.jpg


2 ) مرة ثانية وبنفس الأداة نرسم الشكل ونسمي اللاير ( الشكل الثاني )

وبلون آخر مثلا هنا أختار الأبيض


http://i225.photobucket.com/albums/dd244/altaei/2-8.jpg


نضغط على زر Ctrl ونقرة على لاير ( الشكل الثاني ) الغاية للتحديد

ثم نفعل لاير ( الشكل الأول ) ونضغط على زر Delete

نلاحظ إن الشكل الأول أصبح كأطار محاط حول الشكل الثاني

نضغط على اي استايل لديك وبأختيارك


http://i225.photobucket.com/albums/dd244/altaei/3-7.jpg


3 ) والان أختار صورتك المفضلة كوبرا مثلا :smailes109:


http://i225.photobucket.com/albums/dd244/altaei/4-8.jpg


قم بتعديلها وأجعل عرض الصورة بقدر عرض البنر لديك

وأضف لاير لأفعى وأختار باترن جميل لديك وقم بتغير لاير المود


http://i225.photobucket.com/albums/dd244/altaei/5-8.jpg


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

وأضغط من لوحة المفاتيح على Ctrl + Alt + G الغاية لأدخال الصورة في البنر


http://i225.photobucket.com/albums/dd244/altaei/6-6.jpg


4 ) الان ننتقل الى الأميج ردي

نلاحظ ظهور فريم في الأنيميشن

نضيف فريم ومن أزرار الكيبورد وهي عبارة عن أسهم نضغط وبأستمرار

على السهم المتجه الى الأعلى ( الغاية لتحريك الصورة الى أقصى حد للأعلى )


http://i225.photobucket.com/albums/dd244/altaei/7-6.jpg


ونضغط على أيقونة Tween من الأنيميشن ونكتب القيم التالية


http://i225.photobucket.com/albums/dd244/altaei/8-7.jpg


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

ونضغط على أيقونة Tween من الأنيميشن ونكتب نفس القيم السابقة



http://i225.photobucket.com/albums/dd244/altaei/9-7.jpg



والنتيجة كما تعلمون كوبرا أمامكم



http://www.up700.com/uploads/543577f94e.gif




ملاحظة هامة :

ممكن أستعمال صورتين او ثلاثة وتقوم بدمجهم بشكل عامودي



http://i225.photobucket.com/albums/dd244/altaei/ok2.gif


ومني لكم دوما وأبدا تحياتي وسلامي

وبالتوفيق للجميع

[سنـا]

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

بارك الرّحمن بك أخي الكريم " أرض الرّافدين "،
وكتب أجرك.

ما شاء الله!

شرح جدّ طيّب!

بحوله تعالى؛ أتمكنّ من تطبيقه.

لا حُرمت الأجر.

والله يحفظكم،
أختكم في الله/ سنا.

[أمجـاد]

ما شاء الله

مشكور اخي ارض الرافدين
درس جميل جدا كالعادة ومتميز
بارك الله فيك اخي

وان شاء الله لي عودة بالتطبيق

[ahmad shadeed]

مشكور اخي ارض الرافدين على الدرس الجميل والمتمبز
ننتظر جديد دروسك
تحياتي لك

[أمجـاد]

مشكوووور اخوي
وهذا تطبيقي

http://i232.photobucket.com/albums/ee287/n3na3a/Untitled-5-2.gif

بانتظار جديد دروسك

[بحبك يا غايب]

10/10
مشكور
...........

[أرض الرافدين]

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

بارك الرّحمن بك أخي الكريم " أرض الرّافدين "،
وكتب أجرك.

ما شاء الله!

شرح جدّ طيّب!

بحوله تعالى؛ أتمكنّ من تطبيقه.

لا حُرمت الأجر.

والله يحفظكم،
أختكم في الله/ سنا.

أهلا وسهلا بك حياك الله
ومشكور لتواجدك الكريم
تحياتي وسلامي لك

ما شاء الله

مشكور اخي ارض الرافدين
درس جميل جدا كالعادة ومتميز
بارك الله فيك اخي

وان شاء الله لي عودة بالتطبيق

هلا بنعناعة الطيبة
مشكور لحضورك الدائم
ألف تحية وسلام

[أرض الرافدين]

مشكور اخي ارض الرافدين على الدرس الجميل والمتمبز
ننتظر جديد دروسك
تحياتي لك

هلا بالغالي أخي العزيز

وأنا اشكرك لتواجدك معنا
وبالتوفيق لك

[أرض الرافدين]

مشكوووور اخوي
وهذا تطبيقي

http://i232.photobucket.com/albums/ee287/n3na3a/Untitled-5-2.gif

بانتظار جديد دروسك

الله عليك نعناعة
تصميم جميل للغاية
أنا اضع صورة أفعى وانت تضعين صورة للفراشات :smailes60:

ألف شكر لك مرة ثانية

[ana3sola]

مشكوراخى ارض الرافدين
درس سلس ومتميز كالعاده
ربى لا يحرمنا منك
دمت بود

[Gold Shadow]

درس رائع ومنسق
ألف شكر أخي العزيز .

[as_foula2006]

شكرا لك أخي على هذا الدرس الرائع
والسهل
مشكوووووووووووووور

[:المحب لله:]

درس رائع ومنسق
شكرأ لك أخى الغالى

[الماحوزي999]

مجهود تشكر عليه اخي الكريم
يعطيك العافية

[khalil_9592]

مشكور اخي ارض الرافدين على الدرس الجميل والمتمبز
ننتظر جديد دروسك
تحياتي لك
$

[mwaamh]

شكراااا علي الموضوع الجميل ده

[web120]

machkorrr akhiii

[أرض الرافدين]

الله يعطيكم العافية جميعا

وبالتوفيق لكم دوما

[AMOR_ALX]

مشكووووووووووووووووووور
مع تحيات منتديات شله كول
http://shelacool.com/vb

[yusef_mod]

مشكوووووووووووووووووووووووووووووووووووووووووووووور

[وجدى التونى]

مشكور .............................................مشكور
مشكور... ......مشكور......................مشكور.........مشك ور
مشكور.............مشكور............ ..مشكور............... مشكور.

[طلال حمدان]

مشكور اخوي درس روعة

[سامح عين القط]

مشكوووووووووووووووووور

[غريب عن الكون]

مشكووووور الخوي على الدرس الحلو

وجاري التطبيق

ولا تحرمنا من جديدك

تحياتي

[ابيشان]

الله يزيدك من علمه وينفعك بما علمك

[الــBoss]

مشكووووووووووووور

[google adsensee]

مشكووووووووووووور

[غـ~ـربة مـشـٍآعـٍر]

يسلموووووو

[محمد على عبد النعيم]

درس جميل ومميز

[ماسح الجوخ]

شكرا جزيلا لك
ننتظر جديد مواضيعك بفارغ الصبر