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




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



( هذا الدرس مفصل مشابة لأحد الدروس التي وضعتها لتصميم بانر بأسهل الطرق وأسرعها وتم تنسيقه مرة أخرى ليكون سهل للمبتدئين )

رآبط الدرس مفصل :: http://dzbatna.net/vb/showthread.php?t=490479



اليوم راح نطور من مستوانا في التصميم وذلك بتعلم تصميم نص متحرك

ويمكن تشوفون الدرس مفصل طويل ، لكن هو أبسط مما تتصورون ولكني شرح طريقةت لكم الدرس مفصل بشكل مفصل حتى اللي مايعرف شي عن الفوتوشوب راح يطبقه

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

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

طبعا قبل لا نبدأ بأي شي أبي أطلب من الجميع الانتباه جيدا

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

يعني اليوم راح نتعلم أولا تكوين حركة عن طريق طبقات التصميم بغض النظر عن الحركة





أول شي : نتخيل تصمميمنا من كم حركة أو من كم نص متحرك


مثلا نريد تصميم بطاقة خالية ، يخرج لنا نص مكتوب ( سبحان الله وبحمده ) ثم يختفي وثم يظهر لنا نص ( سبحان الله العظيم )




اذا تقسيمنا للحركة هي 4 خطوات (فريمات) نستخدم فيها 3 طبقات فقط ::

1- الحركة الأساسية تكون فيها خلفية
2- يظهر لنا نص ( سبحان الله وبحمده )
3- يختفي النص الأول وتظل الخلفية فقط
4- يظهر لنا نص ( سبحان الله العظيم )


نتذكر بأن الخلفية ستكون ظاهرة في كل الخطوات


وستكون لدينا ثلاث طبقات ( طبقة الخلفية ، طبقة النص الأول ، طبقة النص الثاني ) وراح تكون لنا أربع حركات ( خلفية ، خلفية+نص أول ، خلفية ، خلفية+نص ثاني )


( انتبه لعلامة العين بجانب كل طبقة )





بسم الله نبدأ بالتطبيق العملي ::



أولا نقوم بـفتح تصميمنا أو عملنا ::







ثم نقوم بـكتابة النص الأول ( سبحان الله وبحمدة ) وإذا أردنا تنسيقه ووضع ظل وحدود لا مشكلة







ثم نزيل علامة العين بجانب طبقة النص ( لكتابة نص آخر )







الان نقوم بـكتابة النص الثاني ( سبحان الله العظيم )







نكرر الخطوات السابقه في حال رغبتنا بكتابة نصوص كثيره

بعد ذلك نقوم بـإزالة علامة العين من النص الثاني أيضا ونترك فقط الخلفية







الان نريد أن نحول العمل إلى برنامج الإيمج ردي والمرافق للفوتوشوب ، نضغط كما بالصوره التاليه ::







انتظر قليلا إلى حين يتم نقل العمل إلى البرنامج ؛؛

وحين نقله سوف نجد نافذة من نوافذ البرنامج وتسمى Animation بالأسفل

( اذا لم تكن موجوده النافذه اضغط من شريط القوائم على Windo ws وبعدين Animation )

من نافذة Animation نضغط على الأمر

make frames from layers = جعل فريمات من الطبقات ، عشان يكون لنا حركه







سيتكون لنا بعد ذلك ثلاث فريمات على عدد الطبقات







وبعدها ولما نكون محددين على الفريم الاول نشيل العين من طبقه الخلفيه وبعدين نرجعها

عشان نطبق الخلفيه على جميع الفريمات

شوفوا الصوره المتحركه







الحين ما يبقى لنا الا نختار وقت بقاء كل فريم ::







انا حددت ثانيتين للفريم الثاني والثالث

بعد ذلك نحفظ التصميم من برنامج الإيمج ردي

( نضغط من شريط القوائم File ثم Save Optimized As.. ونختار صيغة حفظ الملف Gif )


نـتيجة العمل







...................؛*؛*؛*؛*؛*؛*؛*؛*؛*؛............ .......



ولمن أراد تنسيق الحركة زي ماقلنا أول شي أربع حركات ( خلفية ، خلفية+نص أول ، خلفية ، خلفية+نص ثاني )

يضيف فريم بين الفريمين الثاني والثالث


ويحدد الزمن له ( صفر ثانية No Delay )


تابع الصورة المتحركة








ثم نزيل علامة العين لطبقة النص الأول

لتصبح النتيجة









بكذا نكون إنتهينا من الدرس مفصل

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

وطبعا بالنسبة لعدد الفريمات وظهور الطبقات هذا شي حنا نتحكم فيه

وللي فهم هذا الدرس مفصل تمام راح يقدر يسوي أي حركة أو فكرة متحركة يدويا وبشكل مميز

طبعا نلخص أي تصميم متحرك إلى مكونات أساسية له

1- الطبقات : تعبر عن حركات معينه
2- الفريمات: وهي لترتيب وتنسيق الطبقات باظهارها واخفائها + وقت بقاء كل حركة





إن شاء الله إن الدرس مفصل ماكان صعب عليكم





لــــتــــحــــمــــيــــل الــــــــــــدرس مفصل



رآبط آلدرس مفصل آلأصلي في منتديآت وهــج
http://www.waahg.com/vb/showthread.php?t=1197

تــــقــــبــــلــــــوا تــــحــــيــــاتــــــــي





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©