كيفية استخدام Photoshop و After Effects لإنشاء رسومات متحركة

كيفية استخدام Photoshop و After Effects لإنشاء رسومات متحركة

يسمح لك برنامج Adobe بنقل مهام سير العمل والأصول من برنامج إلى آخر. في حين أن الاستخدام الأكثر شيوعًا لهذا العمل المشترك هو عبر Adobe Dynamic Link بين Premiere Pro و After Effects ، فإن After Effects يدعم أيضًا ملفات Photoshop ذات الطبقات.





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





في هذه المقالة ، سنوضح لك كيفية التقاط عدة صور في Photoshop ، ومعالجتها وتحضيرها في طبقات ، ثم استيرادها إلى After Effects للرسوم المتحركة.





كيفية قياس المساحة على خرائط جوجل

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

لنبدأ بإيجاد صور للرسم المتحرك النهائي.

لمشروعك الخاص ، يمكنك استخدام ما تريد. ولكن في دراسة الحالة هذه ، سيتم استخدام الصور من Pexels. هناك مجموعة واسعة من مواقع الويب التي تتيح لك تنزيل صور خالية من حقوق الملكية .



بمجرد العثور على الصور التي تريدها ، قم بإنشاء صورة جديدة في Photoshop. من الناحية المثالية ، تريد أن تتطابق أبعاد ملف Photoshop الخاص بك مع إخراج الفيديو الخاص بك. لذلك ، إذا كنت تنتج رسومًا متحركة بدقة عالية ، فستريد أن تكون أبعاد اللوحة القماشية 1،920 بكسل عرضًا و 1،080 بكسل طولًا.

بمجرد تحميل لوحة HD عالية الدقة ، قم بإحضار الصور التي تم تنزيلها. في هذا المثال ، تمت إضافة الصور الأساسية بالفعل.





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

بمجرد أن تصبح سعيدًا بعملية التحرير ، يجب أن يكون لديك مجموعة أساسية من الصور والطبقات.





تحضير الطبقات الخاصة بك

في هذا المثال ، نريد أن يضرب مخلب الكلب القطة المتهيجة على رأسها. دعنا نختار المخلب باستخدام أداة لاسو .

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

عند الحديث عن الطبقات ، يجب إعادة تسمية كل منها بوضوح. بعد ذلك ، ستعرف ما يتوافق مع ماذا. فيما يلي مثال على كيفية القيام بذلك:

أخيرًا ، تريد أن تتفاعل القطة عندما تتعرض لضربة على رأسها من مخلب الكلب. دعنا نكرر الطبقة المسماة Cat ، ونقوم بتسمية واحدة Cat_Normal ، والنسخة المكررة Cat_Bonked.

بالنسبة لطبقة Cat_Bonked ، تم رسم عيون googly لإضافة تأثير إضافي.

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

إحضار ملف Photoshop الخاص بك إلى After Effects

أول شيء أولاً: عليك التأكد من حفظ طبقاتك كملف .PSD. نجاح ملف> حفظ باسم . بشكل افتراضي ، سيتم حفظه بتنسيق .PSD. هذه هي الطريقة التي يتم استيرادها بعد ذلك إلى After Effects من Photoshop.

في هذا المثال ، سيتم تسمية الملف Dog_Cat_Animation.PSD.

بعد ذلك ، افتح After Effects. نجاح ملف> استيراد> ملف . انتقل إلى ملف .PSD الجديد الخاص بك ، حيث سترى بعد ذلك مربع حوار. في ال نوع الاستيراد القائمة المنسدلة ، حدد التركيب - الاحتفاظ بأحجام الطبقة .

سيؤدي هذا إلى استيراد جميع الطبقات الفردية لملف Photoshop الخاص بك ، مع الحفاظ على الأحجام متماشية مع الأبعاد (ولهذا السبب اخترت دقة HD في البداية). نجاح نعم .

يجب أن يكون لديك الآن تركيبة جديدة بنفس اسم ملف .PSD الخاص بك. انقر نقرًا مزدوجًا لفتحه. أصبحت كل طبقة من طبقات Photoshop الآن طبقة في مخططك الزمني للتكوين.

الآن ، يمكن أن تبدأ الرسوم المتحركة. ابدأ بتحريك نص العنوان خارج الشاشة - سيتم تحريك نص العنوان إلى 'السقوط' على الشاشة.

٪ localappdata٪ \ خادم وسائط من نوع plex \ المكونات الإضافية

دعنا أيضًا ننقل أصدقاءنا ذوي الفراء إلى أسفل ؛ سينتقلون تدريجياً إلى الإطار بينما يقع النص في مكانه.

لتوفير الوقت ، اضغط على طبقة> جديد> كائن فارغ ، وطبقات الأب Dog و Dog Paw و Cat_Normal و Cat_Bonk.

الآن ، أي حركة تقوم بتطبيقها على الكائن الفارغ ستنطبق على كل هذه الأشياء.

دعونا نحدد الحركة في الجزء السفلي من التكوين في الإطار 0 ، ونحصل على ارتفاع تدريجي خلال خمس ثوان.

لا تنس أنه يمكنك إضافة إطارات مفتاحية إلى ملفات حركة المعلمات بالنقر فوق ساعة التوقيف الرموز أيضًا.

بعد ذلك ، لنحرك مخلب الكلب ورد فعل القطة.

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

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

يمكنك العثور على مجموعة متنوعة من التأثيرات في ملف التأثيرات والإعدادات المسبقة لوجة. اسحبها وأسقطها على الطبقة لتطبيقها ، واضبط المعلمات لتحديد سرعة ومقدار دوران الطبقة.

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

حرك في النص وها هو ، لديك رسمك المتحرك! الآن يمكنك استخدامه أينما تريد.

على الرغم من صعوبة التوضيح بدون مثال على الفيديو ، يمكنك أن تطمئن إلى أن مخلب الكلب تضرب القطة بحماسة من الفرح.

استخدام Photoshop و After Effects معًا

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

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

يشارك يشارك سقسقة بريد الالكتروني أدخل البعد الثالث: العمل مع سير العمل ثلاثي الأبعاد في Adobe After Effects

إذا كنت ترغب في العمل مع طبقات ثلاثية الأبعاد في Adobe After Effects ، فسنعرض لك كيفية البدء.

اقرأ التالي
مواضيع ذات صلة
  • خلاق
  • كمبيوتر للرسوم المتحركة
  • أدوبي فوتوشوب
  • تصميم غرافيك
نبذة عن الكاتب لوري جونز(20 مقالة منشورة)

لوري محرر فيديو وكاتب ، عمل في البث التلفزيوني والسينمائي. يعيش في جنوب غرب إنجلترا.

المزيد من Laurie Jones

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك