اذهب إلى المحتوى

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

إنشاء حركة متتابعة باستخدام المسارات المستقيمة

مسارات الحركة من الأدوات الفعّالة التي تتيح مرونة كبيرة للمستخدم، فباستخدام نوع واحد بسيط من مسارات الحركة يمكننا تصميم العديد من الحركات المبتكرة.

على سبيل المثال، يمكننا استخدام مسار الخط المستقيم (مع حركات أخرى) لتحريك العنصر بشكل متتابع كما في الصورة أدناه:

1-مثال-حركة تتابع.gif

قد تبدو هذه الحركة معقّدة لوهلة، لكنّها في الحقيقة بسيطة يمكن إنشاؤها باستخدام ثلاث أنواع من الحركات فقط، وبالطريقة التالية:

بعد أن ندخل النصوص بشكل تعديد نقطي، نرسم شكل السهم من معرض الأشكال:

2-رسم شكل السهم.png

نحدد السهم ونطبّق الحركة الأولى على الشكل، وقد اخترنا حركة الدخول Fly In لهذا الشكل:

3-حركة دخول.png

من قائمة خيارات التأثير نختار الاتجاه من اليمين:

4-حركة من اليمين.png

نقلل سرعة حركة الدخول بزيادة المدة من 0.5 إلى 1 ثانية في حقل Duration:

5-زيادة المدة.png

بعد ذلك نضيف حركة لتحريك السهم من النقطة الأولى إلى النقطة الثانية، من قائمة Add Animation نختار مسار الحركة Lines:

6-خط مستقيم.png

سنلاحظ أنّ طول المسار أكبر من المسافة بين النقطتين، لذا سنقلل الطول بسحب نقطة النهاية الحمراء إلى الأعلى مع الضغط على مفتاح Shift لنحافظ على المسار مستقيمًا:

7-تقليل طول المسار.gif

أصبح السهم يتحرّك بشكل مستقيم من النقطة الأولى إلى النقطة الثانية. ولكي نجعله يتحرّك من النقطة الثانية إلى النقطة الثالثة، نحدد شكل السهم من جديد ثم نطبّق الحركة Lines من قائمة Add Animation.

الآن لدينا ثلاثة حركات: الحركة 1 (الدخول)، والحركتين 2+3 (مسار مستقيم). سنفتح جزء الحركات Animation Pane ليسهل علينا تحديد الحركات:

8-جزء الحركات.png

نحدد الحركة 3 من جزء الحركات، ثم نسحب نقطة البداية الخضراء ونضعها أمام نقطة النص الثانية، ونسحب نقطة النهاية الحمراء ونضعها أمام نقطة النص الثالثة (مع الضغط على مفتاح Shift أثناء السحب):

9-تغيير طول المسار.gif

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

10-مسارات الحركة.png

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

11-pulse.png

نقلل سرعة الحركة بزيادة المدّة إلى 1 ثانية من حقل Duration، وستصبح الحركة لدينا كالتالي:

12-نتيجة الحركة.gif

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

13-ترتيب الحركات.gif

بعد ذلك ننقر على كل حركة مسار (الأشرطة الزرقاء) بزر الفأرة الأيمن ونختار Start After Previous لتبدأ حركة السهم الحالي بعد حركة السطر السابق:

14-البدء بعد السابق.png

وبهذه الخطوة نكون قد وصلنا إلى النتيجة المطلوبة:

15-النتيجة النهائية.gif

استخدام مسارات الحركة مع العناصر المتراكبة

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

16-مثال-2.gif

يمكنا تحريك العناصر بهذا الشكل بالخطوات التالية:

نقوم أولًا بإدراج العناصر التي نريد تحريكها. في هذا المثال نريد تحريك ثلاث صور، لذا سنرسم شكلًا مربعًا مدور الحواف وننسّقه بالشكل المرغوب. بعد ذلك ننسخ الشكل مرّتين (Ctrl+ D) ليصبح لدينا ثلاثة أشكال بنفس الحجم والتنسيق:

17-ادراج.png

نحدّد كل شكل على حدة ونختار نوع التعبئة Picture من تبويب Format السياقي، ثم نختار الصور التي نريد إدراجها:

18-تعبئة-صورة.png

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

الخطوة التالية هي ترتيب الصور حسب أولوية الظهور. وبما أننا نريد أن تظهر صورة برج العرب في المقدمة، ننقر عليها بزر الفأرة الأيمن ونختار Bring to Front:

19-جلب إلى المقدمة.png

وننقر على صورة برج إيفل بزر الفأرة الأيمن ونختار Send Backward لأننا نريدها أن تكون الصورة الوسطية:

20-إرسال إلى الخلف.png

وأخيرًا ننقر على صورة برج شجرة السماء بزر الفأرة الأيمن ونختار Send to Back لإرساله إلى خلف الصورتين السابقتين:

21-ارسال إلى الخلف.png

بعد ذلك نحدد الصور الثلاث معًا، ومن قائمة Align في تبويب Format السياقي نختار Align to Center لمحاذاة جميع الصور حول مركز واحد وAlign Middle لمحاذاتها إلى الوسط (نتأكّد من تأشير Align Selected Object لكي تتم المحاذاة نسبة إلى الصور وليس نسبة إلى الشريحة):

22-محاذاة.png

أصبحت جميع الصور الآن متراكبة، وهذا الأمر سيجعل عملية تحديد كل صورة وتطبيق الحركة عليها أمرًا معقّدًا. لذا سننقر على صورة المقدمة ثم نفتح جزء التحديد Selection Pane من تبويب Format السياقي:

23-جزء التحديد.png

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

من جزء التحديد ننقر على اسم صورة برج العرب لتحديدها (يمكن تسمية كل عنصر بالنقر عليه مرتين متتاليين وليس بشكل مزدوج ثم إدخال الاسم، وقد قمنا بذلك قبل أن نرتّب الصور)، ثم نذهب إلى تبويب حركات Animation ونطبّق حركة الدخول Zoom:

24-حركة تكبير.png

بعد ذلك ننقر على Add Animation ونختار Lines لإضافة حركة المسار المستقيم:

25-مسار مستقيم.png

من قائمة Effect Options نختار اتجاه الحركة إلى اليسار:

26-اتجاه الحركة.png

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

27-إخفاء الصورة وتحديد.png

نطبّق نفس الخطوتين السابقتين باختيار حركة Zoom ثم إضافة حركة Lines، لكن هذه المرة نختار الاتجاه إلى اليمين:

28-اتجاه الحركة-يمين.png

نغلق العين أمام صورة إيفل، نحدد الصورة الأخيرة ونطبّق عليها الحركة Zoom فقط لنكون قد انتهينا من إضافة الحركات.

نغلق جزء التحديد، لكن قبل ذلك نتأكّد من إظهار الصور المخفية بالنقر على أيقونة العين المغلقة.

الخطوة الأخيرة هي تعديل تأثيرات الحركة إن كانت هناك حاجة إلى ذلك. في هذا المثال نريد تقليل سرعة الحركة Zoom، لذا سنفتح جزء الحركة ونحدّد هذه الحركة للصور الثلاث بالنقر عليها بزر الفأرة الأيسر+ الضغط على مفتاح Ctrl، ومن مجموعة Timing وبالتحديد في حقل Duration نقوم بزيادة المدة من 0.5 إلى 0.75 ثانية:

29-تحديد الحركات.png

بهذه الخطوة نحصل على النتيجة المرغوبة:

30-النتيجة النهائية.gif

خاتمة

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

أسئلتكم وتعليقاتكم مرحّبٌ بها في صندوق التعليقات.

تم التعديل في بواسطة يوغرطة بن علي


تفاعل الأعضاء

أفضل التعليقات

لا توجد أية تعليقات بعد



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...