درس مفصل تصميم ظهور نص متحرك؟؟؟

[salima]

حبايب قلبي واخواني
اليكم اليوم درس مفصل اذا طبقته بتتعلم تصميم البنرات المتحركه
والنصوص...فقط طبق بتركيز

1- نقوم بفتح عمل بالمقاسات التي بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim1.jpg

2- نقوم بتعبئة العمل باللون الاسود كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim2.jpg

3- ننشئ طبقة جديده مثل ماهو بالصوره



http://ksacafe.net/droos/droosps7/text_animate1/textanim3.jpg

4- الان نخفي الطبقه الاولى او الخلفيه كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim4.jpg

5- نقوم برسم شكل بيضاوي داخل العمل حقنا كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim5.jpg

6-الان نقوم بانشاء طبقة جديده كما فعلنا بالخطوه الثالثه ونعبئها او نملأها باللون الاسود
ثم نخفي هذه الطبقة مثل ما فعلنا في الخطوه الرابعه

7- وللتأكد ان تعمل بصوره جيده الان بعد اخفاء الطبقه سوف يكون امامك
عمل فارغ بدون شئ كما يظهر لك في هالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim7.jpg

8- الان لديك طبقتين بللون اسود بينهم طبقه بها شكل بيضاوي باللون الفسفوري
http://ksacafe.net/droos/droosps7/text_animate1/textanim8.jpg

9- الان اكتب النص اللي تبي ولنأخذ مثلا ((زايد))
طبعا لازم يكون النص ثخين كبير
http://ksacafe.net/droos/droosps7/text_animate1/textanim9.jpg

10- الان نقوم بتحديد النص وذلك بالضغط بالماوس وزر الكنترول
http://ksacafe.net/droos/droosps7/text_animate1/textanim10.jpg

11- الان اذهب الى قائمة تحديد او
select
وطبق كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim11.jpg

سوف ينتج هذا الشكل كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim12.jpg

12- الان والتحديد موجود على النص نذهب للطبقة السوداء الاولى ونعمل كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim13.jpg

13- الان خطوة الانيميشن او التحريك فنقوم بتصدير عملنا الى برنامج
الايميح ريدي
image ready
كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim14.jpg

14- الان بعد فتح برنامج الايميج ريدي نقوم بتحديد طبقة الرسم البيضاوي الفسفوري
كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim15.jpg

نحرك بالسهم العلوي في لوحة المفاتيح الشكل او الكتابه الفسفوريه الى ان تختفي
في قمة اللون الاسود
http://ksacafe.net/droos/droosps7/text_animate1/textanim16.jpg

فيظهر لنا هذا الشكل...لاحظ اختفى اللون الفسفوري
http://ksacafe.net/droos/droosps7/text_animate1/textanim17.jpg


الان نقوم بانشاء فريم جديد كما بالصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim18.jpg

فيكون عندنا الشكل التالي
http://ksacafe.net/droos/droosps7/text_animate1/textanim19.jpg

بعد ذلك نعمل التأثير الحركي الذي سويناه من اعلى الى اسفل على الشكل
وهو مايسمى بالتوين كما بالصوره التاليه
http://ksacafe.net/droos/droosps7/text_animate1/textanim20.jpg

سوف يطلع لك الشكل التالي
http://ksacafe.net/droos/droosps7/text_animate1/textanim21.jpg

الان لتجربة عملك بعد كل هذا الجهد ولتشاهده قبل حفظه اليك الصوره
http://ksacafe.net/droos/droosps7/text_animate1/textanim22.jpg

الان لم يبقى الينا الا حفظ عملنا وهو طبعا بصيغة الحيف
GIF
http://ksacafe.net/droos/droosps7/text_animate1/textanim23.jpg


وبكذا ينتهي عملك ويكون عندك عمل طيب مفيد

وهذه النتيجة

http://ksacafe.net/droos/droosps7/text_animate1/textanim.gif

وهذا ملف psd مرفق بالموضوع حق هذا العمل هديه لكم
شرشحوه لين تفهموه

هذا كله هديه لجميع زوار منتدياتنا الغاليه
اخواني ارجو عسىاكم استفدتوا لان هذه منيتي وغايتي
راجيا دعواتكم لي ولوالدي


اخوكم
ابوفاتن



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©