دروس Premiere Pro

كيف تصنع أنيميشن إشعار iPhone في Premiere Pro

ابنِ إشعارًا بأسلوب iPhone في Premiere Pro بشكل مستدير وطبقات نص وانزلاق ناعم للداخل والخارج مع حركة ضبابية.

Motion GraphicsPremiere Pro
Four steps of an iPhone style notification, from rounded shape to app icon, text and animation, built in Premiere Pro

شاهد الشرح

الخطوة 1: ارسم شكل الإشعار

اختر Rectangle Tool من شريط الأدوات، ثم انقر واسحب في Program Monitor لإنشاء شكل مستطيل. ضعه في أعلى الشاشة وحاذِه إلى المنتصف. ولتسهيل ذلك، اضغط مع الاستمرار على Ctrl (أو Cmd على Mac) أثناء السحب فيلتصق بالمنتصف.

افتح الآن لوحة Essential Graphics. ارفع Roundness إلى نحو 70 للحصول على الشكل المستدير المعتاد في iPhone. ثم ضمن Appearance غيّر لون Fill إلى رمادي فاتح.

مستطيل رمادي فاتح مستدير في أعلى Program Monitor في Premiere Pro بجانب لوحة Essential Graphics

الخطوة 2: أضف أيقونة التطبيق

اسحب صورة أيقونة التطبيق من لوحة Project إلى التايم لاين، فوق طبقة الشكل. مع تحديد طبقة الأيقونة، افتح Effect Controls وغيّر Scale وPosition حتى تستقر الأيقونة في أعلى يسار الشكل. قرّب بعجلة التمرير في Program Monitor لإجراء تعديلات دقيقة.

أسرع مع QuickPaste: انسخ الصورة والصقها مباشرة في التايم لاين باختصار واحد، دون حفظ ملف واستيراده أولًا. تعرّف على QuickPaste

الخطوة 3: أضف النص

اختر Type Tool (اضغط T)، وانقر على الشاشة واكتب اسم التطبيق. بدّل إلى Selection Tool، ثم غيّر الخط في Essential Graphics. تستخدم Apple الخط SF Pro Display لاسم التطبيق بالوزن العادي. تأكد من ضبط محاذاة النص إلى اليسار واضبط التعبئة على رمادي داكن. حرّك النص ليصطف تقريبًا مع منتصف أيقونة التطبيق.

لإضافة الوقت، اضغط مع الاستمرار على Alt (أو Option على Mac) واسحب طبقة اسم التطبيق مسارًا واحدًا إلى الأعلى لتكرارها. غيّر المحاذاة إلى اليمين، وحرّكها إلى الجانب الأيمن من الشكل وانقر عليها نقرًا مزدوجًا لكتابة now أو أي وقت تفضله.

نص المرسل الخاص بـ Adobe Basics موضوع تحت اسم تطبيق Messages على شكل الإشعار في Premiere Pro

بالنسبة إلى المرسل، اضغط T مرة أخرى، وانقر واكتب الاسم. حدد النص (Ctrl+A)، وغيّر الخط إلى عريض والتعبئة إلى الأسود الكامل. صغّره وضعه أسفل اسم التطبيق محاذيًا للأيقونة. وأخيرًا، كرّر طبقة المرسل بالضغط على Alt أو Option، واسحبها مسارًا واحدًا إلى الأعلى، واضغط على Shift أثناء سحبها إلى الأسفل في خط مستقيم، واضبط نوع النص على عادي واكتب رسالتك. للمسة إضافية، حدد طبقة الشكل وخفّض Opacity قليلًا لتجعل المربع شفافًا بعض الشيء.

الخطوة 4: ضمّ كل شيء في Nest وحرّك الانزلاق

اضغط مع الاستمرار على Shift وانقر لتحديد كل الطبقات، ثم انقر بزر الفأرة الأيمن واختر Nest. انقر OK. افتح لوحة Effects وابحث عن Transform وطبّقه على التسلسل المتداخل.

في Effect Controls، تأكد من أن مؤشر التشغيل عند بداية المقطع، ثم انقر على ساعة الإيقاف بجانب Position لإنشاء مفتاح. حرّك هذا المفتاح للأمام بنحو ثانية واحدة. بهذه الطريقة ينتهي الأنيميشن والإشعار في مكانه الطبيعي. ثم انتقل إلى المفتاح الأول وغيّر قيمة Position بحيث يختبئ الإشعار فوق الشاشة. هذا يمنحك أنيميشن انزلاق للداخل بسيطًا.

لتحريكه للخارج مرة أخرى، انتقل إلى علامة الثانيتين تقريبًا وأنشئ مفتاحًا للقيمة الحالية. تقدم ثانية أخرى وغيّر الموضع بحيث يصبح الإشعار خارج الشاشة من جديد.

الخطوة 5: اجعله ناعمًا بالتسهيل والحركة الضبابية

حدد كل المفاتيح، وانقر بزر الفأرة الأيمن، واختر Temporal Interpolation ثم Ease In. كرر ذلك واختر Ease Out.

قائمة Temporal Interpolation في Effect Controls في Premiere Pro مع Ease In وEase Out

أكثر سلاسة مع EaseFlow: حدد المفاتيح وطبّق منحنى تسهيل حقيقيًا بنقرة واحدة بدل النقر بزر الفأرة الأيمن عبر القوائم وسحب المقابض. تعرّف على EaseFlow

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

ولأنك استخدمت تأثير Transform، يمكنك أيضًا إضافة حركة ضبابية: ارفع Shutter Angle إلى 360.

مفاتيح Position مع رسم السرعة وضبط Shutter Angle على 360 في تأثير Transform في Premiere Pro

نصائح

  • استخدم خلفية داكنة للمعاينة. من الأسهل الحكم على بانر رمادي فاتح أمام خلفية سوداء أو فيديو داكن.
  • قرّب لضبط المحاذاة. مرر في Program Monitor لتتمكن من محاذاة النص والأيقونة بدقة.
  • غيّر النص مرة واحدة. بما أن كل شيء داخل Nest، يمكنك تكرار الـ nest واستبدال الرسالة لإنشاء سلسلة من الإشعارات.

FAQ

كيف أجعل الإشعار مستديرًا؟

حدد طبقة الشكل وارفع Roundness في لوحة Essential Graphics. قيمة تقارب 70 تعطي مظهر iPhone.

لماذا أضم الطبقات في Nest؟

يحوّل الـ Nest الشكل والأيقونة والنص إلى مقطع واحد، فلا تحتاج إلا إلى تحريك طبقة واحدة بدل تحريك كل طبقة على حدة.

هل يمكنني استخدام هذا لتطبيقات أخرى؟

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

تريد تخطي البناء؟ احصل على MOGRT أنيميشن الإشعار الجاهز واكتب نصك فقط.