درس عمل صورة متحركة (GIF) بــ Photoshop ,, مهم جدااآ للمبتدئين ( شرح بالصور )

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

اليوم قررت أنوع قليلا في الدروس و طبعا أنا عمري ما عملت درس عن التصاميم ,,

سوى الفوتوشوب أو 3d max أو الفلاش وووو ...

لكن اليوم إن شاء الله راح أشرح لكم طريقة عمل الصور المتحركة التي نعرفها تكون دائما بإمتداد gif

و طبعا في البعض متخيل أن تصميمها صعب جدااا , بالعكس و الله لو تركز في الدرس و تحاول

سوف تحترف صناعة الصور المتحركة ( و يمكن حتى تصمم مسلسل كرتون هههه )

================================================== ======

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

أولا نفتح برنامج الفوتوشوب و ننتظر لحظات مثل هذه الصورة :

و الآن بعد الدخول يمكن تظهر معك نافذة لكن هي غير مهمة إغلقها من زر Close مثل هذه الصورة :

الآن نبدأ الشغل أولا إفتح أي صورة من عندك و ذلك عن طريق File و من ثم Open

أو إضغط من لوحة المفاتيح Ctrl+O أو إضغط مرتين على أي مكان في الفراغ مثل هذه الصورة :

و أنا أختر صورة من عندي مثل هذه الصورة :

الآن سوف نعمل طبقة جديدة أو ما تسمى بالأنجليزية و المعروفة بــ ( Layer ) مثل هذه الصورة :

بعد الضغط على تلك الأيقونة سوف تلاحظ طبقة جديدة قد أضافت مثل هذه الصورة :

و البعض يتسائل لماذا نعمل طبقة جديدة ؟

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

متحركة !!

و سوف نعرف جميعا بعد قليلا أو في آخر الدرس ما فائدة الطبقات ,,

المهم نكمل الدرس , بعدإضافة طبقة جديدة نكتب عليها أي شي و أنا كتبت أسمي مثل

هذه الصورة :

و من الذي لا يعرف يكتب ينظر إلى هذه الصورة :

نضغط على زر Horizontal و من ثم نرسم الحدود و نكتب فيها ,,

و إن أردت تحريك الكتابة إرجع إلى تحكم الماوس ( Move Tool ) :

أظن الجميع فهم طريقة الكتابة ,,

المهم بعد الكتابة و التعديل , نكتب جملة أو كلمة أخرى و أنا كتبت 3asfh مثل هذه الصورة :

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

و بعد كتابة كل شي سوف تلاحظ أن عدد الطبقات إزداد مثل هذه الصورة :

و تأكد أن الكلمات مفرقة ( يعني كل كلمة في طبقة لوحدها ) ,,

و الآن حان وقت الشغل الحقيقي :

ننتقل إلى برنامج ( ImageReady ) و هو دائما مرفق مع الفوتوشوب و هذه الأيقونة الخاصة به :

و طريقة الإنتقال هي الضغط على هذه الأيقونة في الفوتوشوب :

بعد الإنتقال سوف تجد البرنامج بهذه الطريقة :

و الآن سوف نظهر أهم شي في البرنامج و هو Animation و ذلك عن طريق الذهاب إلى القائمة

و من ثم نختر Window و من ثم Animation مثل هذه الصورة :

الآن سوف تظهر معك نافذة في الأسفل مثل هذه :

و هذه النافذة هي كل الشغل ,,

المهم نظهر المشروع في Optimized مثل هذه الصورة :

و الآن نفرق الطبقات و ذلك عن طريق الضغط على هذا الزر :

و من ثم نختر ( Make Frames From Layers )

الآن سوف يفككهم في نافذة Animation :

و الآن نذهب إلى الطبقات و نحدد الطبقة الرئيسية بالماوس ( يعني تصبح زرقاء )

و من ثم نذهب من القائمة إلى Layer و من ثم New و من ثم Layer via Copy مثل هذه الصورة :

أو إضغط على طول Ctrl + J

بعد ذلك سوف تلاحظ أن جميع الطبقات أصبح داخلها صورة الطبقة الرئيسية مثل هذه :

الآن تقريبااآ أنهينا المشروع لكن يجب أن نختبر سرعة التحرك و تجربته ووو ..

و لكي تجرب تحرك الصور إضغط زر بلاي ( Play ) مثل هذه الصورة :

و طبعا الأزرار واااضحة جداا لا تحتج شرح مثل زر التوقف و زر الخلف و زر الأمام وو ..

الآن سوف أشرح طريقة تغيير سرعة تحرك الصورة

و ذلك عن طريق الضغط على الطبقة المراد تغيير سرعتها ( يعني كم وقت يستغرق لتخطيها )

إضغط على الطبقة بالزر الأيمن للفأرة و سوف تظهر معك قائمة مثل هذه :

طبعا القائمة تعطيك من لا شي إلى ثانية و أنا إخترت 2 جزء بالمئة و لو تريد المزيد إختر Other

أنظر بعد الإختيار :

و الآن لم يبقى شي إلا جعل المشروع صورة متحركة من نوع GIF

و ذلك عن طريق الذهاب إلى القائمة و إختيار File و من ثم Save Optimized As

مثل هذه الصورة :

بعد الضغط على الإختيار راح تظهر معك نافذة الحفظ مثل هذه :

الآن أختر أي إسم تريده و تأكد أن الإمتداد Gif و إضغط Save أو بالفرنسية عندي Enregistrer

و خلااااااااااص مبررررووووك عليك الصورة و هذا مشروعي البسيط :

================================================== ==

و من الذي لا تظهر عنده الصورة أو شي هذا ملف يحتوي على جميع الصور

الرابط مباشر :

http://www.up.6y6y.com/uploads/8b1ba66de5.zip

الملف غير محمي بكلمة سر

الحمد لله أنهيت الدرس ,,

و إن شاء الله أي سؤال أو إستفسار في الموضوع أنا حاااااضر

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

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

درس آخر أحسن من هذا بكثيررررر ,,

و في حفظ الله ,,

===============