تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب

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

" كيفية تحريك الصورة بالفوتوشوب "

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

الصورة الأصلية هي التالية ..

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2859

و أنا قطعتها لثلاث صور ..

كالتالي ..

- 1 -

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2860

- 2 -

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2861

- 3 -

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2862

هنا قد أسأل سؤال ..

و هو ..

لماذا قطعت الصورة السابقة ؟؟

هههه سؤال صعب .. لكن إجابته موجودة ..

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

الطبقات ( الشفافيات ) ...

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

نتبع التالي من قائمة File نختار New او من لوحة المفاتيح Ctrl + N و نحدد المقاسات التالية ..

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2863

العرض : 467 بيكسل ( Width )

الطول : 286 بيكسل ( Hight )

و بتكون الصورة فارغة كالتالي ..

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2864

نبدأ الآن بتركيب الـ Layers أو الطبقات كما في الصورة التالية ..

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2865

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

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

هيا بنا معا لأهم نقطة و التي أنشيء من أجلها هذا الدرس ..

يوجد برنامج مرافق للفوتو شوب اسمه Adobe ImageReady ..

ما هذه البرنامج ؟؟

هذا البرنامج في غاية الأهمية و هو الذي سنقوم برسم الحركة به ان شاء الله ..

نريد أن ننتقل إلى هذا البرنامج كيف ؟؟

هذا سؤال في غاية الأهمية .. بعد أن قمنا بإعداد التصميم و تجهيزه أقول لك
انتقل إلى هذا البرنامج من خلال لوحة المفاتيح
Ctrl + Shift + M أو انظر
الصورة التالية

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2866

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2867

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

بقول له نعم و كلا البرنامجين يكملان بعضهم البعض ..

و هنا لدينا مشكلة ..

من أين سأقوم بإعداد الحركة ؟؟

أقول لك أخي الكريم .. أنه يتوجب عليك اظهار النافذة الخاصة بالحركة ..

و من أين أستطيع أن أظهر هذه النافذة ؟؟

أقول لك انظر للصورة التالية ..

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2868

و بعد تفعيل خيار الحركة او Animation ..

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

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2869

أسمع أحدكم يقول :

ماذا يقول هذا الشخص ؟؟

اقول لك أخي الكريم كن صبورا و اتبع الدرس معي و لا تقلق كل شيء سيكون على ما يرام بإذن الله ..

انظر الصورة التالية ..

.

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2870

بعد مشاهدة الصورة السابقة أريدك أن تضغط على زر التشغيل و ترى رسم الحركات ..

..

لكن .. كل طبقة بتظهر منفردة و أنا أبغي ان يكون فيه خلفية ثابتة

..تعالى معي و انظر ما سأقوم بفعله بالصور و الشرائح ..

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2871

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2872

حينما أفعل طبقة و أقوم بالضغط على مفتاحي Ctrl + J معناها أني أقول لها كوني طبقة ثابتة في الظهور مع جميع الطبقات أثناء العرض ..

و الآن اضغط على زر التشغيل و انظر نتيجة عملك ..

و لكن ..

ظهور الشرائح أو الطبقات سريع جدا أريد أن أبطيء السرعة من أين ؟؟

انظر الصورة التالية ..

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2873

كيف تقوم بحفظ العمل ؟؟

الإجابة : من قائمة File و تختار الأمر Save optimized as و حدد المسار
اللي تريد تحفظ فيه العمل و بيكون بامتداد Gif ثم اضغط Save و بتظهر لك
رسالة اجعلها Every time ثم اضغط Ok ..

و هذه هي النتيجة النهائية ..

تعلم كيف تعمل صورة متحركة باستخدام الفوتوشوب 2874

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

كل مانطلبه منكم الرد
_________________________________________________
____________________________________________
_______
[/size][/font][/color][/color][/color] cheers

تحياتى إدارة المنتدى

» تعلم الكتابة بأحتراف ((تعلم الخطوط ))
» حصريا جميع اصدرات الفوتوشوب المحمولة
» حصريا برنامج الفوتوشوب بحجم صغير ويدغم اللغه العربيه
» تعلم عمل توقيع احترافى
» تعلم الجمع بين الصور