دروس Premiere Pro

كيف تصنع تمريرًا سلسًا لموقع ويب في Premiere Pro

التقط صفحة ويب كاملة كصورة واحدة وحرّكها في Premiere Pro باستخدام إطارات Transform الرئيسية وEase Out وتمويه الحركة لتمرير سلس.

Motion GraphicsPremiere Pro
Website page shown in the Premiere Pro Program Monitor for a smooth scrolling animation

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

شاهد الشرح

الخطوة 1: ثبّت إضافة لقطة الشاشة للصفحة الكاملة

للحصول على الصفحة كاملة في صورة واحدة تحتاج إلى إضافة للقطات الشاشة الكاملة للصفحة. يستخدم الشرح إضافة Chrome المجانية GoFullPage - Full Page Screen Capture ورابطها في وصف الفيديو. ثبّتها من Chrome Web Store وستظهر في قائمة الإضافات في متصفحك.

إضافة GoFullPage - Full Page Screen Capture في Chrome Web Store

الخطوة 2: التقط صفحة الويب

افتح الموقع الذي تريد عرضه، وانقر على أيقونة Extensions ثم على أيقونة الكاميرا الخاصة بـ GoFullPage. تلتقط الإضافة عدة لقطات للصفحة بأكملها وتدمجها في صورة طويلة واحدة. عند الانتهاء يمكنك تنزيلها بصيغة PDF أو PNG. اختر Download image (PNG).

زر Download image (PNG) في إضافة GoFullPage

الخطوة 3: ضع الصورة في Premiere Pro

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

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

الخطوة 4: أضف تأثير Transform وإطار Position رئيسيًا

ابحث عن Transform في لوحة Effects (Video Effects > Transform) واسحبه على الصورة. في Effect Controls افتح قسم Transform وحرّك رأس التشغيل إلى البداية وانقر على ساعة الإيقاف بجانب Position لإنشاء أول إطار رئيسي. ثم تقدّم في الخط الزمني واسحب الصورة للأعلى، أو غيّر قيمة Position، حتى تصل إلى جزء الصفحة الذي تريد الانتهاء عنده. يضيف Premiere Pro الإطار الرئيسي الثاني تلقائيًا.

ساعة إيقاف Position في تأثير Transform في Effect Controls في Premiere Pro

الخطوة 5: سلّس التمرير باستخدام Ease Out

حدّد الإطارات الرئيسية وانقر بزر الماوس الأيمن على أحدها واختر Temporal Interpolation ثم Ease Out. يبدأ التمرير الآن بأقصى سرعة ويتباطأ حتى يتوقف برفق، وهذا يبدو أكثر طبيعية بكثير من حركة خطية مستقيمة.

قائمة Temporal Interpolation مع Ease Out في Premiere Pro

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

الخطوة 6: اضبط منحنى السرعة وأضف تمويه الحركة

للتحكم الكامل، وسّع السهم بجانب Position وانقر على إطار رئيسي لإظهار مخطط السرعة ومقابضه. اسحب المقابض لتشكيل منحناك الخاص. فقط لا تسحب المقابض للأعلى، لأن ذلك يجعل الصورة تتجاوز الهدف ويفسد الحركة. لمزيد من الواقعية ألغِ تحديد Use Composition's Shutter Angle في تأثير Transform وزِد قيمة Shutter Angle لإضافة تمويه الحركة أثناء تمرير الصفحة.

مخطط سرعة Position مع المقابض في Effect Controls في Premiere Pro

نصائح

  • التقط في نافذة عريضة. نافذة المتصفح الأكبر تعطي صورة أكثر حدة عند تكبيرها في Premiere Pro.
  • مرّر في أقسام صغيرة. في الصفحات الطويلة جدًا أضف مزيدًا من الإطارات الرئيسية لتتوقف الصفحة عند كل جزء.

الأسئلة الشائعة

كيف أجعل موقع ويب يتمرر في Premiere Pro؟

التقط الصفحة كاملة في ملف PNG واحد، وأضف تأثير Transform، وحرّك Position بالإطارات الرئيسية من أعلى الصورة إلى أسفلها، ثم سلّس الإطارات الرئيسية.

لماذا يبدو التمرير متقطعًا؟

الإطارات الرئيسية خطية افتراضيًا. طبّق Ease Out أو منحنى تسهيل وأضف بعض تمويه الحركة عبر إعداد Shutter Angle.

هل أحتاج إلى تأثير Transform؟

هذه هي الطريقة الموصى بها. يعمل Position فيه على الصورة نفسها ويمنحك Shutter Angle لتمويه الحركة.

هل تبحث عن عناصر متحركة لعرضها بجانب صفحتك؟ تصفّح قوالب الموشن غرافيك لدينا.