filmora-go-square
Filmora For Mobile

تطبيق تحرير فيديو سهل الاستخدام

appstore
قم بالتحميل من APP STORE
احصل عليه من Google Play

كيفية إنشاء صور متحركة GIF في After Effects

author

Jan 10, 2024• حلول مجربة

كيفية إنشاء صور متحركة فى After Effects

محرر سهل ولكنه قوي

مؤثرات متعددة للاختيار من بينهم

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

تحميل نسخة Win تحميل نسخة Mac

كانت ملفات GIF موجودة منذ فترة من الوقت ، ولكن مع استمرار تدفق المحتوى على منصات التواصل الاجتماعي الشهيرة مثل Facebook أو Instagram ، سيستمر الطلب على صور GIF في الازدياد.

لسوء الحظ ، لن تتمكن من إنشاء صورة gif في After Effects مباشرة ، إلا إذا كان ذلك بمساعدة مكون إضافي مثل GIFGun.

قبل المضي قدمًا ، ضع في اعتبارك أن استخدام Adobe Media Encoder هو طريقة أسهل لضغط الصادرات بدلاً من أي ضاغط تابع لجهة خارجية.

في هذه المقالة ، ستجد أنه من السهل اتباع الطرق التي يمكنك من خلالها إنشاء صور GIF في After Effects في غضون دقائق.

الجزء 1 معرفة عامة حول الرسوم المتحركة GIF

01What is a GIF?

يرمز اختصار GIF إلى تنسيق تبادل الرسومات ويتم إنشاء الملف بتنسيق صورة نقطية. تم تطوير هذا مرة أخرى في عام 1987 من خلال العمل في CompuServe.

كان هذا التنسيق ناجحًا بشكل لا يصدق على الويب نظرًا لمزاياه مثل حجم الملف الصغير ، والدعم الأوسع ، والتوافق السهل مع أنظمة التشغيل.

ومع ذلك ، فإن صور GIF هي أكثر ملاءمة مثل الرسومات والشعارات البسيطة بدلاً من مقاطع الفيديو الحية مع حدود لوح الألوان الخاصة بها التي تبلغ 256 لكل صورة.

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

يمكنك البدء بإنشاء رسوم متحركة أساسية سهلة في Photoshop ثم رفعها باستخدام After Effects.

02لماذا تنشئ ملف GIF؟

إليك بعض الأشياء التي يمكنك مراقبتها إذا كنت قد بدأت للتو في إنشاء صور GIF ؛

عروض توضيحية بسيطة للمنتج. باستخدام صور GIF بسيطة من 3 إلى 4 خطوات ، يمكنك تقديم خطوات مختصرة حول كيفية استخدام المنتج.

يمكنك تقديم التعليمات في فترة زمنية قصيرة.

يستخدم مصممو تجربة المستخدم صور GIF لعرض أداء تجارب رقمية معينة.

يمكنك تقديم ملفات GIF على صفحتك للحفاظ على تفاعل المتابعين.

يمكنك عرض بعض الأشياء الرائعة على موقع الويب الخاص بك.

الجزء 2 Difference between making GIFs in After Effects and Photoshop

يعد إنشاء صور GIF في After Effects و Photoshop هو ذاته ولكن قد تختلف النتائج اعتمادًا على اختيار الأدوات والميزات التي تناسبك بشكل أفضل.

الآن ، بالنسبة لأولئك الذين يتعلمون Photoshop و After Effects لأول مرة ، لفهم الفرق في النتائج بين هذين البرنامجين ، دعونا نتعرف على ميزاتهما باختصار.

01ما أوجه التشابه؟

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

02مجموعات (PS) وتكوين (AE) المتداخل

في Photoshop ، يمكنك تجميع الطبقات معًا وتطبيق الأنماط والمزج والتحولات معًا. ومع ذلك ، في After Effects ، يسمى هذا بالتداخل.

كلاهما متشابهان بطريقة ما مع بعضهما البعض ، لكن التكوين المتداخل يمنح المستخدمين المزيد من الوظائف لأنها تفسر التراكيب المحتملة أثناء عملية التداخل.

الكائنات الذكية المستخدمة في PS قابلة للمقارنة أيضًا بالتركيبات المتداخلة حيث يمكنك تطبيق فلاتر على إحداها أثناء تطبيق التأثيرات على أخرى.

03الرسوم المتجه والأشكال

يمكنك استخدام أداة القلم أو أداة الشكل في كل من PS و AE التي تنشئ طبقات الشكل بدون فقدان أي تكامل. يدعم كلا التطبيقين نقاط Bezier التي يتيح لك التحكم في المنحنيات بين نقاط الربط في PS والرؤوس في AE.

04تأثيرات التدمير

لا يوفر لك After Effects تأثيرات مدمرة بينما في Photoshop يمكنك تطبيق فلاتر غير مدمرة. يمكنك أيضًا دمج عدة طبقات لتطبيق التغييرات أو تشويه صورك ولكن لا يمكن إجراء هذه التغييرات الدائمة في After Effects.

ستلاحظ أيضًا أنه على الرغم من وجود العديد من أوجه التشابه ، إلا أن هناك أدوات وميزات لا يتم مشاركتها بين كلا التطبيقين. قد تختلف أنواع فئات الأدوات أيضًا. كما هو الحال مع After Effects ، يمكنك إنشاء فقرات وأنماط للأحرف يمكنك تطبيقها على النصوص.

الجزء 3 كيفية إنشاء صور متحركة فى After Effects

After Effects يعمل على تحرير الفيديو أكثر من خيارات الرسوم المتحركة الأساسية التي يمكنك تجربتها في Photoshop. عند إنشاء ملف GIF ، قد ترغب في الاستفادة من مجموعة الأدوات المتوفرة في كل من After Effects و Photoshop.

دعنا ندخل أولاً في كيفية إنشاء فيديو متحرك على After Effects ثم تحويله إلى صورة GIF متحركة في Photoshop.

01الرسوم المتحركة في After Effects

الخطوة 1: افتح After Effects ، وانتقل إلى "Composition" وأنشئ "New Composition". ستحتاج إلى ملء الأبعاد والمواصفات الخاصة بمشروعك في النافذة المنبثقة. على سبيل المثال ، 300 × 250 بكسل بمعدل 30 إطارًا في الثانية ومدة 6 ثوانٍ.

تكوين جديد في After Effects

الخطوة 2: يمكنك استيراد الأصول عن طريق السحب والإفلات ، أو بالانتقال إلى "لوحة المشروع" في مساحة عمل After Effects كما هو موضح في الصورة.

لوحة المشروع في After Effects

الخطوة 3: الآن ، يمكنك البدء في تحريك الأصول الخاصة بك. اسحبهم وأضفهم إلى لوحة "التكوين" أو لوحة "المخطط الزمني". وضعهم في أي منهما سيجعلهم يظهرون على كليهما. اضبط الطبقات وفقًا للطبقة العلوية على اللوحة.

لوحة المخطط الزمني

حدد مقياس كل رسم متحرك إلى 0٪ بحيث يمكن تحريكه بتسلسل متزايد. حدد الطبقة التي ترغب في تعديلها وانقر على "Transform". انقر فوق "Scale" لمنح تلك الطبقة علامة نشطة على المخطط الزمني. اضبط المقياس على 0٪.

ضبط المقياس في After Effects

يمكنك الآن البدء في تحريك العنصر الأول عن طريق تحريك مؤشر الوقت الحالي إلى 06f (الإطار السادس على المخطط الزمني 30 إطارًا في الثانية). عدّل حجم العنصر إلى 100٪ وستظهر العلامة مرة أخرى.

ضبط المقياس في After Effects

كرر هذا للعناصر الأخرى. ضع في اعتبارك أن كل عنصر به مسافة 06f بينهما لتعديلها لاحقًا.

كرر العملية

اكتملت معادلتك الآن وكل ما تبقى للقيام به هو تحريك زر CTA. اضبط موضع الطبقة العليا في CTA الخاص بك واضبط مؤشر الوقت الحالي لبدء الوقت على الرسوم المتحركة للزر. انقر فوق "الموضع" لإعداد علامة على الجدول الزمني الخاص بك. مرر للأمام 04f ثم ادفع الزر والعكس مرة أخرى إلى الموضع الأصلي بحيث يبدو وكأنه زر النقر على الرسوم المتحركة.

تعيين الموضع

الرسوم المتحركة الخاصة بك قد اكتملت الآن. انتقل الآن إلى "التكوين" وقلل الوقت في لوحة "المدة".

الخطوة 4: انتقل إلى التكوين. انقر فوق Pre-Render وسيظهر تحديد جديد. انقر الآن على "تقديم". سيكون الإخراج الخاص بك ملف .mov.

عرض after effects

إذا وجدت أن تصدير صور GIF من After Effects معقد للغاية ، فيمكنك أيضًا رفع مقاطع الفيديو وتكرارها باستخدام Wondershare Filmora Video Editor الذي يحتوي على العديد من ميزات تحرير الفيديو الرائعة الأخرى التي يمكنك سحبها وإفلاتها لإنشائها.

Wondershare Filmora - أفضل محرر فيديو لنظامي تشغيل Mac / Windows

تحميل نسخة Win تحميل نسخة Mac

5,481,435 شخص قد قاموا بتحميله.

إنشاء رسوم متحركة مخصصة فريدة بدون بذل أي جهد.

ركز على إنشاء قصص ملحمية واترك التفاصيل لميزات Filmora التلقائية.

ابدأ مغامرة إبداعية مع تأثيرات السحب والإفلات وإمكانيات لا نهاية لها.

يبسط Filmora الميزات المتقدمة لتوفير الوقت والجهد.

يقص Filmora التكرار حتى تتمكن من الانتقال إلى إنجازك الإبداعي التالي.

02تحويل الرسوم المتحركة إلى GIF في Photoshop

الخطوة 1: قم بإنشاء ملف جديد في Photoshop بذات المواصفات كما فعلت في After Effects. انتقل الآن إلى ‘File’ > ‘Import’ > ‘Frames to Layers’ واستورد ملف mov. المحفوظ.

استيراد ملف فوتوشوب

الخطوة 2: إذا كنت لا ترى المخطط الزمني تلقائيًا ، فانتقل إلى Windows > Timeline.

فوتوشوب المخطط الزمني

الخطوة 3: حدد عدد الحلقات التكرارية التي تريدها في الرسوم المتحركة الخاصة بك. بمجرد الانتهاء من ملف GIF الخاص بك ، انتقل إلى ‘File’ > Export. قم بتطبيق Legacy Save for Web واختر تنسيق GIF الخاص بك.

تصدير وحفظ ملف فوتوشوب GIF

الخطوة 4: في خيارات التصدير ، يمكنك الوصول إلى العديد من الإعدادات المسبقة لتطبيقها على صور GIF المتحركة الخاصة بك. كلما زاد عدد الألوان المعروضة في GIF ، زاد حجمها. يمكنك استخدام Dethering لتنعيم التدرجات والظلال. يتم أيضًا إيقاف تشغيل التكرار في Photoshop ولكن يمكنك تطبيق التكرار من "الخيارات" الموضحة في أسفل القائمة.

الجزء 1 أفكار ختامية:

تعد ملفات GIF نوعًا شائعًا من الوسائط وهي عصرية جدًا وسهلة الصنع باستخدام Adobe after effects أو Photoshop. يطلق على صور GIF تنسيق تبادل الرسومات ويُفضل استخدامه كصور رسومية بسيطة.

أنت بحاجة إلى مزيج من كل من Photoshop و After Effects ، على الرغم من أن كلاهما يشتركان في واجهات وأدوات وتأثيرات متشابهة. يمكنك تجميع التراكيب أو تداخلها ، وتطبيق الفلاتر أو التأثيرات ، وضبط المتجهات والأشكال.

يعد After Effects أفضل من Photoshop من حيث إنشاء مقاطع الفيديو ، لذا يمكنك أولاً إنشاء مشروع في AE ثم استيراد المشروع إلى PS بعد تصدير after effects إلى gif. يمكنك أيضًا استخدام Filmora للخطوة الأولى من هذه العملية.

avatar
Ahmed Absal
Ahmed Absal هو كاتب ومحب لكل شئ الفيديو