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

البحث في الموقع

المحتوى عن 'motion paths'.

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المحتوى


التصنيفات

  • الإدارة والقيادة
  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • السلوك التنظيمي في المؤسسات
  • عالم الأعمال
  • التجارة والتجارة الإلكترونية
  • نصائح وإرشادات
  • مقالات ريادة أعمال عامة

التصنيفات

  • مقالات برمجة عامة
  • مقالات برمجة متقدمة
  • PHP
    • Laravel
    • ووردبريس
  • جافاسكربت
    • لغة TypeScript
    • Node.js
    • React
    • Vue.js
    • Angular
    • jQuery
    • Cordova
  • HTML
  • CSS
    • Sass
    • إطار عمل Bootstrap
  • SQL
  • لغة C#‎
    • ‎.NET
    • منصة Xamarin
  • لغة C++‎
  • لغة C
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • لغة Rust
  • برمجة أندرويد
  • لغة R
  • الذكاء الاصطناعي
  • صناعة الألعاب
  • سير العمل
    • Git
  • الأنظمة والأنظمة المدمجة

التصنيفات

  • تصميم تجربة المستخدم UX
  • تصميم واجهة المستخدم UI
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب GIMP
    • كريتا Krita
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • نصائح وإرشادات
  • مقالات تصميم عامة

التصنيفات

  • مقالات DevOps عامة
  • خوادم
    • الويب HTTP
    • البريد الإلكتروني
    • قواعد البيانات
    • DNS
    • Samba
  • الحوسبة السحابية
    • Docker
  • إدارة الإعدادات والنشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
    • ريدهات (Red Hat)
  • خواديم ويندوز
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • شبكات
    • سيسكو (Cisco)

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • استسراع النمو
  • المبيعات
  • تجارب ونصائح
  • مبادئ علم التسويق

التصنيفات

  • مقالات عمل حر عامة
  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • العمل الحر المهني
    • العمل بالترجمة
    • العمل كمساعد افتراضي
    • العمل بكتابة المحتوى

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
    • بريستاشوب
    • أوبن كارت
    • دروبال
  • الترجمة بمساعدة الحاسوب
    • omegaT
    • memoQ
    • Trados
    • Memsource
  • برامج تخطيط موارد المؤسسات ERP
    • تطبيقات أودو odoo
  • أنظمة تشغيل الحواسيب والهواتف
    • ويندوز
    • لينكس
  • مقالات عامة

التصنيفات

  • آخر التحديثات

أسئلة وأجوبة

  • الأقسام
    • أسئلة البرمجة
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات

التصنيفات

  • كتب ريادة الأعمال
  • كتب العمل الحر
  • كتب تسويق ومبيعات
  • كتب برمجة
  • كتب تصميم
  • كتب DevOps

ابحث في

ابحث عن


تاريخ الإنشاء

  • بداية

    نهاية


آخر تحديث

  • بداية

    نهاية


رشح النتائج حسب

تاريخ الانضمام

  • بداية

    نهاية


المجموعة


النبذة الشخصية

تم العثور على 2 نتائج

  1. في الجزء الأول من هذا الدرس، تعرّفنا على مسارات الحركة في PowerPoint وعلى كيفية تطبيقها على العناصر لإنشاء حركات بسيطة ومركّبة. وفي هذا الجزء سنتعلّم طرقًا أخرى لاستخدام مسارات الحركة في تصميم حركات مميزة والحصول على عروض تقديمية مُلفتة لانتباه المشاهد. إنشاء حركة متتابعة باستخدام المسارات المستقيمة مسارات الحركة من الأدوات الفعّالة التي تتيح مرونة كبيرة للمستخدم، فباستخدام نوع واحد بسيط من مسارات الحركة يمكننا تصميم العديد من الحركات المبتكرة. على سبيل المثال، يمكننا استخدام مسار الخط المستقيم (مع حركات أخرى) لتحريك العنصر بشكل متتابع كما في الصورة أدناه: قد تبدو هذه الحركة معقّدة لوهلة، لكنّها في الحقيقة بسيطة يمكن إنشاؤها باستخدام ثلاث أنواع من الحركات فقط، وبالطريقة التالية: بعد أن ندخل النصوص بشكل تعديد نقطي، نرسم شكل السهم من معرض الأشكال: نحدد السهم ونطبّق الحركة الأولى على الشكل، وقد اخترنا حركة الدخول Fly In لهذا الشكل: من قائمة خيارات التأثير نختار الاتجاه من اليمين: نقلل سرعة حركة الدخول بزيادة المدة من 0.5 إلى 1 ثانية في حقل Duration: بعد ذلك نضيف حركة لتحريك السهم من النقطة الأولى إلى النقطة الثانية، من قائمة Add Animation نختار مسار الحركة Lines: سنلاحظ أنّ طول المسار أكبر من المسافة بين النقطتين، لذا سنقلل الطول بسحب نقطة النهاية الحمراء إلى الأعلى مع الضغط على مفتاح Shift لنحافظ على المسار مستقيمًا: أصبح السهم يتحرّك بشكل مستقيم من النقطة الأولى إلى النقطة الثانية. ولكي نجعله يتحرّك من النقطة الثانية إلى النقطة الثالثة، نحدد شكل السهم من جديد ثم نطبّق الحركة Lines من قائمة Add Animation. الآن لدينا ثلاثة حركات: الحركة 1 (الدخول)، والحركتين 2+3 (مسار مستقيم). سنفتح جزء الحركات Animation Pane ليسهل علينا تحديد الحركات: نحدد الحركة 3 من جزء الحركات، ثم نسحب نقطة البداية الخضراء ونضعها أمام نقطة النص الثانية، ونسحب نقطة النهاية الحمراء ونضعها أمام نقطة النص الثالثة (مع الضغط على مفتاح Shift أثناء السحب): نحدد السهم من جديد ونضيف حركة مسار مستقيم. وبنفس الطريقة أعلاه، نحدد الحركة الرابعة، ونسحب نقطة البداية الخضراء ونضعها أمام نقطة النص الثالثة، ونسحب نقطة النهاية الحمراء ونضعها أمام نقطة النص الرابعة. وهكذا نكرر هذه الخطوة حسب عدد نقاط النص. أصبحت مسارات الحركة لدينا كالتالي: بعد الانتهاء من ترتيب مسارات الحركة المستقيمة، نحدد مربّع النص ثم نطبّق إحدى حركات التأكيد من معرض الحركات. في هذا المثال اخترنا الحركة Pulse: نقلل سرعة الحركة بزيادة المدّة إلى 1 ثانية من حقل Duration، وستصبح الحركة لدينا كالتالي: ما سنقوم به الآن هو إعادة ترتيب الحركات في جزء الحركة، لأننا نريد أن تبدأ حركة Pulse للسطر بعد أن يصل السهم إلى ذلك السطر. نسحب حركات المسارات ونضعها بعد حركات التأكيد لكل سطر: بعد ذلك ننقر على كل حركة مسار (الأشرطة الزرقاء) بزر الفأرة الأيمن ونختار Start After Previous لتبدأ حركة السهم الحالي بعد حركة السطر السابق: وبهذه الخطوة نكون قد وصلنا إلى النتيجة المطلوبة: استخدام مسارات الحركة مع العناصر المتراكبة أحيانًا، أثناء تصميم الشرائح، نحتاج إلى ترتيب بعض العناصر بشكل متراكب وفي نفس الوقت تطبيق الحركات عليها. في هذه الحالة يمكننا استخدام مسارات الحركة لتحريك العنصر الأول وإزاحته إلى موضع آخر في الشريحة، ومن ثم تحريك العنصر الثاني، وهكذا، كما موضّح في المثال أدناه: يمكنا تحريك العناصر بهذا الشكل بالخطوات التالية: نقوم أولًا بإدراج العناصر التي نريد تحريكها. في هذا المثال نريد تحريك ثلاث صور، لذا سنرسم شكلًا مربعًا مدور الحواف وننسّقه بالشكل المرغوب. بعد ذلك ننسخ الشكل مرّتين (Ctrl+ D) ليصبح لدينا ثلاثة أشكال بنفس الحجم والتنسيق: نحدّد كل شكل على حدة ونختار نوع التعبئة Picture من تبويب Format السياقي، ثم نختار الصور التي نريد إدراجها: لقد قمنا بإدراج الصور بهذه الطريقة وليس بطريقة مباشرة لأننا نريد الحصول على حجم متماثل، فإنشاء الأشكال بنفس الحجم وتعبئتها هو في الحقيقة أسرع وأسهل من إدراج كل صورة على حدة ومن ثم تغيير حجمها. الخطوة التالية هي ترتيب الصور حسب أولوية الظهور. وبما أننا نريد أن تظهر صورة برج العرب في المقدمة، ننقر عليها بزر الفأرة الأيمن ونختار Bring to Front: وننقر على صورة برج إيفل بزر الفأرة الأيمن ونختار Send Backward لأننا نريدها أن تكون الصورة الوسطية: وأخيرًا ننقر على صورة برج شجرة السماء بزر الفأرة الأيمن ونختار Send to Back لإرساله إلى خلف الصورتين السابقتين: بعد ذلك نحدد الصور الثلاث معًا، ومن قائمة Align في تبويب Format السياقي نختار Align to Center لمحاذاة جميع الصور حول مركز واحد وAlign Middle لمحاذاتها إلى الوسط (نتأكّد من تأشير Align Selected Object لكي تتم المحاذاة نسبة إلى الصور وليس نسبة إلى الشريحة): أصبحت جميع الصور الآن متراكبة، وهذا الأمر سيجعل عملية تحديد كل صورة وتطبيق الحركة عليها أمرًا معقّدًا. لذا سننقر على صورة المقدمة ثم نفتح جزء التحديد Selection Pane من تبويب Format السياقي: سيساعدنا هذا الجزء على تحديد العناصر التي نريدها، وكما نلاحظ توجد أيقونة عين أمام كل عنصر في الشريحة، يمكننا النقر عليها لإخفاء العنصر الأمامي عندما نريد العمل على العنصر الخلفي. من جزء التحديد ننقر على اسم صورة برج العرب لتحديدها (يمكن تسمية كل عنصر بالنقر عليه مرتين متتاليين وليس بشكل مزدوج ثم إدخال الاسم، وقد قمنا بذلك قبل أن نرتّب الصور)، ثم نذهب إلى تبويب حركات Animation ونطبّق حركة الدخول Zoom: بعد ذلك ننقر على Add Animation ونختار Lines لإضافة حركة المسار المستقيم: من قائمة Effect Options نختار اتجاه الحركة إلى اليسار: انتهينا من تطبيق الحركات على الصورة الأولى، لذلك سننقر على أيقونة العين أمامها لإخفائها ثم نحدد صورة إيفل من جزء التحديد: نطبّق نفس الخطوتين السابقتين باختيار حركة Zoom ثم إضافة حركة Lines، لكن هذه المرة نختار الاتجاه إلى اليمين: نغلق العين أمام صورة إيفل، نحدد الصورة الأخيرة ونطبّق عليها الحركة Zoom فقط لنكون قد انتهينا من إضافة الحركات. نغلق جزء التحديد، لكن قبل ذلك نتأكّد من إظهار الصور المخفية بالنقر على أيقونة العين المغلقة. الخطوة الأخيرة هي تعديل تأثيرات الحركة إن كانت هناك حاجة إلى ذلك. في هذا المثال نريد تقليل سرعة الحركة Zoom، لذا سنفتح جزء الحركة ونحدّد هذه الحركة للصور الثلاث بالنقر عليها بزر الفأرة الأيسر+ الضغط على مفتاح Ctrl، ومن مجموعة Timing وبالتحديد في حقل Duration نقوم بزيادة المدة من 0.5 إلى 0.75 ثانية: بهذه الخطوة نحصل على النتيجة المرغوبة: خاتمة لقد تعرّفنا من خلال هذا الدرس على طرق مختلفة لتحريك العناصر باستخدام مسارات الحركة وأنواع الحركات الأخرى. والأمثلة التي ذكرناها هي مجرّد لمحة بسيطة عمّا يمكن القيام به باستخدام مسارات الحركة، فلا حدود للإبداع هنا، ونستطيع تصميم مختلف الحركات سواء كانت بسيطة أو معقّدة وتخصيصها بواسطة خيارات التأثير للحصول على نتائج جذّابة واحترافية. أسئلتكم وتعليقاتكم مرحّبٌ بها في صندوق التعليقات.
  2. مسار الحركة هو أحد تأثيرات الحركة المتوفرة في PowerPoint يُستخدم لتحريك العناصر على مسار محدد وقياسي، كخط مستقيم، قوس، دائرة...إلخ، أو على مسار نقوم برسمه يدويًا. يساعد مسار الحركة على إنشاء عروض تقديمية احترافية حيث من السهل استخدامه لتصميم حركات مخصصة والتلاعب بها. لقد تطرّقنا إلى مسارات الحركة سابقًا في درس تحريك العناصر بشكل مختصر، وفي هذا الدرس سنغطي طرق استخدام مسارات الحركة بمزيد من التفصيل. تطبيق مسار حركة بسيط وتخصيصه يمكننا استخدام مسارات الحركة المعرّفة مسبقًا لتطبيق بعض الحركات القياسية على العناصر مثل حركة مستقيمة، مقوّسة، متعرّجة، وغيرها. ويمكننا الوصول إلى مسارات الحركة هذه من تبويب حركات Animations> معرض الحركات> قسم Motion Paths: ويمكن الوصول إلى المزيد من هذه المسارات بالنقر على الخيار More Motion Paths. مثال 1: في الشريحة أدناه قمنا بإدراج صورة نجمة، ونريد تحريكها من الزاوية السفلية اليسرى إلى الزاوية العلوية اليمنى وبشكل مقوّس: سنقوم أولًا بتحديد الصورة ثمّ نذهب إلى تبويب Animations ونختار المسار المنعطف Turns: بشكل افتراضي، سيكون مسار الحركة من الأعلى إلى الأسفل، لذلك سنقوم بتغيير اتجاهها من قائمة خيارات التأثير Effect Options: نحرّك نقطة نهاية المسار بسحبها يدويًا إلى الزاوية العلوية اليمنى: سنقوم بتعديل شكل القوس لأنّنا لا نريده أن يكون بهذا الشكل، لذلك سننقر على المسار بزر الفأرة الأيمن ونختار تحرير النقاط Edit Points: نبدأ بتحرير النقاط إلى أن نحصل على المشكل المرغوب (لمعرفة المزيد حول كيفية تحرير النقاط تفضّل بالاطلاع على هذا الدرس): يمكننا أن نستخدم مسار القوس Arcs بدلًا من المنعطف ونعدّل عليه بتحرير النقاط كما في الخطوة أعلاه: دمج مسارات الحركة مع أنواع الحركات الأخرى يمكننا تصميم حركات إبداعية وجذّابة عندما ندمج مسارات الحركة مع أنواع الحركات الأخرى المتاحة. فبهذه الطريقة ستكون لدينا المزيد من المرونة لتحريك العناصر بالطريقة التي نرغب. مثال 2: في الشريحة أدناه قمنا بإدراج صورة سيّارة ونريد تحريكها على الطريق المبيّن: نحدد صورة السيارة ثم نطبّق عليّها مسار الحركة المستقيم: وبشكل افتراضي يكون اتجاه المسار من الأعلى إلى الأسفل، نقوم بتغييره من خيارات التأثير ليصبح من الأسفل إلى الأعلى: بعد ذلك نسحب نقطة النهاية الحمراء لتلتقي مع نهاية الطريق: ستصبح الحركة لدينا بالشكل التالي: كما نلاحظ ما تزال حركة السيارة غير منطقية، لأنّ حجم السيّارة في الحقيقة يجب أن يتقلّص كلّما ابتعدت السيّارة عن الناظر. لذا نحن بحاجة إلى إضافة حركة أخرى لتصغير حجم السيارة أثناء حركتها على المسار المستقيم. ننقر على أمر إضافة حركة Add Animation من تبويب Animation ونختار الحركة Grow/Shrink: التأثير الافتراضي لهذه الحركة هو زيادة حجم العنصر إلى حجم أكبر، لذا سنتلاعب بخيارات التأثير لجعل الحجم يتقلّص. ننقر على مشغّل مربّع الحوار خيارات التأثير: من قائمة Size نختار التأثير Smaller ونحدد نسبة التصغير 8% في حقل Custom ثم ننقر على OK: ولجعل حركة التصغير تشتغل بالتوازي مع حركة السيارة على المسار المستقيم، نفتح جزء الحركة Animation Pane ثم ننقر على الحركة الثانية بزر الفأرة الأيمن ونختار Start with Previous: ستصبح الحركة كالتالي: نلاحظ أنّ الحركة سريعة نوعًا ما، كما أنّ تأثير التصغير يكون سريعًا عند نقطة البداية والنهاية. لذا سنقوم سنغيّر إعدادات التأثير لتصبح الحركة ملائمة أكثر. من جزء الحركة نحدد الحركتين معًا بالضغط على مفتاح Ctrl أثناء التحديد، ومن مجموعة التوقيت Timing ندخل القيمة 5 sec في حقل المدة Duration لتصبح حركة الشكلين أبطأ: بعد ذلك نحدد الحركة الثانية فقط (حركة التصغير)، ننقر عليها بزر الفأرة الأيمن ونختار Effect Options: نقوم بإدخال القيمة 2.5 sec في حقلي Smooth Start وSmooth End، وهذا الأمر سيجعل تأثير التصغير أبطأ قليلًا عند البداية والنهاية: بعد ذلك نقوم بإضافة حركة اختفاء Disappear لنجعل السيارة تختفي عن الأنظار بعد أن تصل إلى نهاية المسار (أي تختفي عن الشريحة): وأخيرًا سنجعل حركة الاختفاء تبدأ بعد انتهاء الحركة السابقة Start after Previous: وهكذا نحصل على النتيجة النهائية: ملاحظة: ليست هناك قيم ثابتة للخيارات Size، Timing، Duration، وSmooth Start/End. فهي تعتمد على نوع الحركة التي تطبّقها والحركة النهائية التي تريد الحصول عليها. ولا يمكن معرفة القيم المناسبة سوى بالتجربة والخطأ حتّى تحصل على النتيجة المطلوبة. بهذا نكون قد انتهينا من الجزء الأول. في الجزء الثاني سنغطّي المزيد من الأفكار حول طريقة استخدام مسارات الحركة لإنشاء عروض تقديمية احترافية وتجذب انتباه المشاهدين.
×
×
  • أضف...