Professional Documents
Culture Documents
Motion Graphic
Motion Graphic
:املحور الثاني
إستعماالته-
أهميته -
:املحور الثالث
-البرامج المستخدمة في الموشن الكرافيك
مصادر لتعلم الموشن كرافيك -
2
:خاتمة
مقدمة
أصبح عمل فيديو موشن جرافيك أحد أكثر الطرق
فعالية لجذب انتباه الجمهور ،هذا ألنه ال يحتوي
على نفس قيود و تكاليف الفيديو الحي مثل
الكاميرات و مكان التصوير ,بل يمكن تصميمه
وتنسيقه ليناسب أي عالمة التجارية,و كذا لسهولة
.تصميمه مقارنة مع الفيديو الحي
بداية من األفالم القصيرة إلى اإلعالنات المتحركة،
ودروس التوعية حول استخدام التطبيقات ،أصبحنا
نرى تصميم موشن جرافيك في كل مكان ،هذا ال
يعني أنها بدأت مؤخًر ا ،لكنها أصبحت أكثر قابلية
للتطبيق في عصر التحوالت الرقمية وتعظيم
.استخدام أساليب التسويق اإللكتروني
3
ماهو الموشن كرافيك ؟ :املحور األول
هو في األساس "رسومات ذات حركة ,يتضمن الموشن جرافيك إنشاء رسومات الموشن كرافيك
وتحريكها في الزمان والمكان لتحقيق هدف معين أو محتوى يعبر عن قصة ما بشكل مرئي ،حيث يتم
إضافة عناصر الموشن جرافيك في سلسلة من اإلطارات لعمل حركات وهمية ,فهو طريقة سهلة وجذابة
لتوضيح األفكار وإيصال الرسائل ببساطة وبطريقة شيقة ،من خالل تحريك الرسوم التي يمكن دمجها
مع صوٍت أو موسيقى
يتكون الموشن جرافيك من رسومات يتم إنشاءها عبر برامج خاصة للتصميم ,و يتم نقل هاته التصاميم
إلى مواقع أخرى خاصة بالتحريك حتى يتم إنتاج فيديوهات .أدى ظهور هذه التقنية في منتصف القرن
4
العشرين على يد إلى إحداث تحول في مجال التصميم الجرافيكي ،الذي كان يركز حتى ذلك الحين على
النشأة التاريخية :املحور األول
يعود ظهور الموشن كرافيك إلى عام 1923عندما قام " والت ديزني " بافتتاح ستوديو خاص للرسوم
المتحركة ,و سماهها شركة ديزني التي أصدرت أول فيلم كرتوني يحتوي على الصوت و أيضا إنتاج
أول فيلم كرتوني ملون ,و في عام 1960كانت البداية الفعلية لمصطلح " موش كرافيك" على يد "جون
ويتني " الذي بدوره أسس شركة سماها " الرسومات المتحركة " .
ثم بدأت شركات أخرى في الظهور كشركة وارنر التي أتاحت للرسامين ابتكار الشخصيا ت في إنتاج
األفالم الكرتونية ,حيث قامت بإنتاج فيلم " لوني تونز " الذي نال نجاحا واسعا .
مع تطور التكنولوجيا خالل القرن 21لم يعد المجال حكرا على الشركات التي تقوم بصنع هاته األفالم ,بل
ظهر ما يسمى بالفريالنس أي العمل الحر ,الذي تم منح الفرصة للتألق و إبتكار أفكار جديدة حتى أصبج 5
8
إستعماالته
9
موشن جرافيك تعليمي : 1
الهدف األساسي لهذا النوع من فيديوهات الموشن جرافيك هو تبسيط المعلومات أو شرح
فكرة ُم عينة ,شرحها عن طريق النص سيكون ممل أو يقتضي التوضيح
مثال بسيط للتوضيح :تطبيق" زينيو" لقراءة الكتب المحملة ebook
عبر األنترنت أصدر فيديو توضيحي لمستخدميها كدليل على كيفية اإلستعمال على جهاز
األيباد .
استعماالته
10
إستعماالته
يستعمل أيضا في إنشاء شعارات متحركة تلفت أنظار المشاهدين,إذ أن
الشعار هو أكثر من مجرد قطعة من التصميم الجرافيكي :فهو تمثيل مرئي لهوية
العالمة التجارية .يساعد إنشاء مقاطع تفاعلية علال تعزيز الهوية البصرية ,كما
.أنها تزيد من إمكانية التفاعل مع المحتوى و تقديم تجربة فريدة
11
إستعماالته
:الفيديوهات التوضيحية
في العصر الحالي أصبح الحديث عن قصر إنتباه اإلشخاص ,
بل و عدم رغبة الكثيرين في استهالك محتوى مكتوب ,
أصبحت الفيديوهات التوضيحية تشكل تكتيكا رائًع ا إلستغالل
هذه الفرصة ,و ذلك بإنتاج فيديوهات قصيرة لتوضيح قصص
.كبيرة
في دراسة أجريت تقول %69من المستهلكين إنهم يفضلون مشاهدة مقطع فيديو
للتعرف على خدمة أو منتج ما ،كما أن %84منهم قاموا بالشراء بعد مشاهدة مقطع
.فيديو توضيحي
12
إستعماالته
:الفيديوهات التوضيحية
يمثل هذا الفيديو مثال راْىعا لشركة Ahrefsإذ يسلط الضوء على الرسالة التي مفادها أن ,
الشركة موجودة لحل مشكلة حقيقية يعاني منها عمالْىها في توسيع القاعدة الجماهيرية و
.تحقيق زيارات و حل مشكلة الكلمات المفتاحية
13
أصبحت تعتبر الرسوم المتحركة التي يتم استعمالها في مجاالت
متعددة ذات أهمية كبيرة على مستوى ترويج األفكار ,إذ يوفر
وسيلة واضحة وسهلة لفكرة المنتج أو الخدمة المقدمة مما يحقق
الهدف المطلوب ,سنحاول عرض مجموعة من المميزات التي
أهميته يتوفر عليها الموشن كرافيك
تبسيط المعلومة : 1
يوفر الموشن كرافيك طريقة جذابة لتبسيط
المعلومات المعقدة و مساعدة الجمهور على فهمها
بسرعة ,فهو لن يضع المتلقي أمام وضعية صعبة
كقراءة نص أو محاولة فهم المعنى من صورة
.ثابتة
14
تبسيط المعلومة : 1
المعلومات المعقدة ال تعني بالضرورة أنه من الصعب فهمها؛ قد يعني أيًض ا
.معلومات حساسة أو محرجة تحتاج إلى نقلها بطريقة مرحة وجذابة
مثال :يتم عرض مجموعة من اإلحصاْىـيات بدون الحاجة لكتابتها في شكل أسطر ,في فيديو
:إنفوجرافيك قصير يشرح التكنولوجيا االجتماعية
أهميته
15
جذب اإلنتباه Grab Attention: 2
يمكن القول أن الغالبية العظمى من الشركات التي تقدم محتوى رقمي ,
أصبحت تتنافس على جذب أكثر عدد من المتابعين و العمالء ,و لهذا
كان من الضروري عليها العمل على تشتيت إنتباه الزائرين ,لكي يقومو
بإنطباعات أو حتى يظهروا إهتماهم و هذا هو الهدف األسمى حتى
أهميته .يتمكنوا من شراء خدمات أو اإلشتراك
الرسوم المتحركة تجعل مستخدمي وسائل التواصل
االجتماعي يالحظون المحتوى على الفور بدًال من التمرير
خلفهم .بفضل التصميم الجذاب الذي يظهر على شاشاتهم،
يمكنك توجيه انتباههم إلى منشورك .واألفضل من ذلك وهو
المراد ،أنهم قد يذهبون إلى صفحتك أو ملفك الشخصي
.عندما يكونون مهتمين حًقا بالمحتوى الذي تنشره
16
جذب اإلنتباه Grab Attention: 2
:مثال
أهميته
17
تعزيز تجربة المستخدم User Experience ::3
أصبح من الضروري على الشركات اإلستجابة لما يتطلبه الواقع من
تغيير على مستوى المجال الرقمي ,و ذلك بمواكبة حاجيات المستخدمين
الدين يبحون عن التجديد ,و هنا نتحدث عن التأثير النفسي الذي يساهم
بشكل كبير في التحكم بالمستخدمين ,إذ أن التحديثات المتتالية للمواقع
أهميته اإللكترونية و التطبيقات تشعر أغلبية المستخدمين بالثقة في العالمة
.التجارية و هكذا يستمرون في إقتناء الخدمات أو السلع
يتمحور التفاعل بين المستخدم والواجهة ،سواء كانت بشرية
أو رقمية ،حول مجموعة من اإلجراءات وردود الفعل.
باستخدام التصميم المتحرك ،يمكنك تحسين وإحداث
االتصال الصحيح بين هذه اإلجراءات ورد الفعل المتوقع
.للمستخدم
18
تعزيز تجربة المستخدم :2
:مثال
أهميته
19
قوة السرد القصصي البصري 4:
إذا كانت الصورة تساوي ألف كلمة ،فإن الصورة المتحركة تساوي أكثر؟
إذا كنت تريد أن تحكي قصة باستخدام صورة ،فإن الرسوم المتحركة ال
يمكنها تعزيز تلك القصة فحسب ،بل تقدمها في أنقى صورها ،مما يمنحك
التحكم الكامل في السرد .و يساهم أيضا في ترسيخها في ذهن
المتلقي ,حيث في المرة القادمة بمجرد رويته لمنتوج ما سيتذكر العالمة
التي سبق أن تعرف عليها في مواقع التواصل اإلجتماعي ,كما هو الحال
بالنسبة لنا مع جميع الشركات العالمية في ما يخص ما نستهلكه كالمالبس
.و غيرها من المنتوجات
20
مثال :شركة نايكي لألحذية نشرت فيديو طريف لإلحتفال
بحذاىْـها األيقوني Air Maxو ذلك باستعراض كيف يتم صنع أحذيتها .
21
توسيع القاعدة الجماهيرية 5 :
مع بروز الموشن كرافيك كحل بديل للكلمات المعبرة أو النص ,
فإنه تم تجاوز المشكالت المتعلقة باللغة ,و أصبح الشركات و
صناع المحتوى يركزون على الخاصية المشتركة التي ستتجاوز
أهميته معيقات اللغة كاألشكال التي من البديهي فهمها من طرف العامة و
تستهدف جمهور أوسع ,و تركز فيدوهات الموشن كرافيك على
استهداف أكبر عدد من المتتبعين أو المستخدمين من شتى بقاع
.العالم بإستعمال فيديو يفهمه الجميع
22
أهميته
:يمكن تلخيص أهمية الموشن في الصورة التالية
23
:املحور الثالث البرامج المستعملة في
الموشن كرافيك
الرسومات المتحركة :يعد استثنائًيا إلنشاء الرسومات المتحركة والرسوم المتحركة النصية
.والعناصر الرسومية ،والتي يمكن دمجها في المونتاج إلضافة اهتمام بصري ونقل المعلومات
التركيب والطبقات :يمّك ن البرنامج المستخدمين من وضع عناصر متعددة في طبقات ،وتطبيق
أوضاع المزج ،وتركيب المقاطع والتأثيرات المختلفة مًع ا لتحقيق مونتاج متماسك وجذاب
.بصرًيا
25
Adobe after effects واجهة اإلستخدام
ADD A FOOTER 26
البرامج المستعملة في
الموشن كرافيك
يعد حًال برمجًيا احترافًيا للنمذجة ثالثية األبعاد والرسوم المتحركة والمحاكاة
وكذلك العرض .مجموعة من االدوت السريعة والقوية والمرنة والمستقرة
تجعل سير العمل ثالثي األبعاد أكثر سهولة وكفاءة للتصميم والرسومات
المتحركة والمؤثرات البصرية والواقع المعزز/الواقع االفتراضي وتطوير
.األلعاب وجميع أنواع محترفي التصور
ADD A FOOTER 27
Cinema 4Dواجهة اإلستخدام
ADD A FOOTER 28
:املحور الثالث البرامج المستعملة في
الموشن كرافيك
29
:املحور الثالث البرامج المستعملة في
الموشن كرافيك
Power Point
Skillshare : 1
Udemy : 2
Youtube : 4
https://www.creativeblend.com.sa/%D8%A7%D9%84%D9%85%D9%88%D8%B4%D9%86-%D8%AC
%D8%B1%D8%A7%D9%81%D9%8A%D9%83/#:~:text=
%D9%85%D8%A7%20%D9%87%D9%88%20%D8%A7%D9%84%D9%85%D9%88%D8%B4%D9%86
%20%D8%AC%D8%B1%D8%A7%D9%81%D9%8A%D9%83%D8%9F,
%D8%A3%D9%88%20%D8%B1%D8%B3%D9%88%D9%85%D9%8B%D8%A7%20%D8%AB
%D9%84%D8%A7%D8%AB%D9%8A
%D8%A9%20%D8%A7%D9%84%D8%A3%D8%A8%D8%B9%D8%A7%D8%AF%203D.
https://dubnsub.com/difference-between-motion-graphics-and-animation/
https://en.wikipedia.org/wiki/Adobe_After_Effects
https://www.manypixels.co/blog/motion-design/importance#:~:text=Motion%20graphics%20offer%20an
%20engaging,a%20lighthearted%20and%20engaging%20manner
.
https://creatorkit.com/blog/what-is-motion-graphics/
ADD A FOOTER https://www.manypixels.co/blog/motion-design/areas-of-application
37
https://www.pikwhip.com/en/blog/motion-graphics-benefits
قائمة المراجع
https://creatorkit.com/blog/what-is-motion-graphics/
https://www.manypixels.co/blog/motion-design/areas-of-application
https://www.pikwhip.com/en/blog/motion-graphics-benefits
https://www.wyzowl.com/video-marketing-statistics/ا
https://en.wikipedia.org/wiki/Cinema_4D
https://www.upwork.com/resources/3d-modeling-in-blender#:~:text=Blender's%20open
%20source%20software%20has,using%20the%20Python%20programming%20language.
https://www.udemy.com/
https://www.alrab7on.com/learn-motion-graphics/
https://www.skillshare.com/en/browse?via=header
https://www.pikwhip.com/en/blog/motion-graphics-benefits
https://www.threadgroup.com/blog/how-short-attention-spans-equal-short-form-video-in-2021
#:~:text=Consumer%20Attention%20Spans&text=Even%20when%20skipping%20isn't,was%
20measured%20at%2012%20seconds
.
https://www.freepik.com/
ADD A FOOTER
https://explainerd.com/social-media-motion-graphics/
38
https://www.fintory.com/blog/why-is-motion-design-so-important-to-user-experience
قائمة المراجع
https://ifvp.org/content/why-our-brain-loves-pictures#:~:text=In
%20fact%2C%20the%20human%20brain,that%20we%20must
%20first%20recognise.
https://www.columnfivemedia.com/best-100-motion-graphic-examples/
https://www.sanabil.tv/blog/Arabic/motion-graphic/history-and-development/
2019/11/17
ADD A FOOTER 39