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

1. ‫إعداد‬
‫التدريب‬ ‫للحقائب‬ ‫رؤية‬ ‫شركة‬
‫ية‬
‫جرافيك‬ ‫الموشن‬
‫باوتون‬ ‫وتطبيق‬

2. ‫جرافيك‬ ‫الموشن‬ ‫مفهوم‬
•
‫بواطننطة‬ ‫دام‬ ‫اطننت‬ ‫يننتو‬ ‫رامنند‬ ‫فننن‬ ‫نننو‬ ‫جرافيننك‬ ‫الموشننن‬
‫لفكن‬ ‫التنرويا‬ ‫او‬ ‫متنتا‬ ‫او‬ ‫دمنة‬ ‫ل‬ ‫فكرة‬ ‫اليضاح‬ ‫االلد‬ ‫الحاطب‬
‫رة‬
‫واشنكا‬ ‫والنوان‬ ‫وركنة‬ ‫منن‬ ‫فين‬ ‫بمنا‬ ‫الررافينك‬ ‫دام‬ ‫باطنت‬ ‫ما‬
‫الفكرة‬ ‫لتوضح‬
.
•
‫جرافينك‬ ‫فينديو‬ ‫او‬ ‫فينديو‬ ‫انفوجرافيك‬ ‫او‬ ‫جرافيك‬ ‫موشن‬ ‫اذن‬
،
‫لكنن‬ ، ‫االنفنوجرافيكل‬ ‫او‬ ‫المولوماتينة‬ ‫للرطنوم‬ ‫شنبيهة‬ ‫ند‬
، ‫تصوري‬ ‫فيديو‬ ‫لق‬ ‫ل‬ ‫االنيماشين‬ ‫او‬ ‫الفيديو‬ ‫دام‬ ‫باطت‬
‫بوكنل‬
‫الفيديو‬ ‫لق‬ ‫ب‬ ‫للمصمو‬ ‫تسمح‬ ‫بحيث‬ ‫التفاعلية‬ ‫الرطوم‬
‫والنتحكو‬
‫نح‬‫ن‬‫عل‬ ‫نر‬‫ن‬‫متح‬ ‫نديو‬‫ن‬‫في‬ ‫نح‬‫ن‬‫ال‬ ‫ناع‬‫ن‬‫والمولوم‬ ‫ناع‬‫ن‬‫البيان‬ ‫نب‬‫ن‬‫وتحوي‬ ، ‫ن‬‫ن‬‫ب‬
‫انفوجرافيك‬ ‫نيئة‬
.

3. ‫االنفوجرافيك‬
‫جرافيك‬ ‫الموشن‬
‫بالصو‬ ‫المولومة‬ ‫إيصا‬ ‫فن‬
‫ر‬
‫أ‬ ‫الفيديو‬ ‫عن‬ ً‫ا‬‫عوض‬ ‫والرموز‬
‫و‬
‫المتتالية‬ ‫الكتابة‬
.
‫المولومة‬ ‫عن‬ ‫التوبير‬ ‫فن‬
‫تحريك‬ ‫خال‬ ‫من‬ ‫والبياناع‬
‫شك‬ ‫شكب‬ ‫فد‬ ‫والرموز‬ ‫الصور‬
‫ب‬
‫تحر‬ُ
‫م‬ ‫فيديو‬
.
‫جرافيك‬ ‫والموشن‬ ‫االنفوجرافيك‬ ‫بين‬ ‫الفرق‬
:

4. ‫جرافيك‬ ‫الموشن‬ ‫داماع‬ ‫اطت‬
‫االنفوجرافيك‬ ‫تقتية‬ ‫ند‬ ‫جرافيك‬ ‫الموشن‬ ‫فد‬ ‫الرئيسد‬ ‫الرزء‬
:
‫الترارية‬ ‫بالوالمة‬ ‫الوعد‬ ‫زيادة‬
.
‫علح‬ ‫المتابوين‬ ‫انتباه‬ ‫جذب‬
‫االجتماعية‬ ‫الشبكاع‬
.
‫المبيواع‬ ‫وصة‬ ‫زيادة‬
.
‫جديد‬ ‫متتا‬ ‫إطالق‬ ‫عتد‬
.
‫وجولها‬ ‫رطالتك‬ ‫تبسيط‬
‫ومحددة‬ ‫مفهومة‬
.
‫الوالية‬ ‫التكاليف‬ ‫لترتب‬
.
‫فريدة‬ ‫إعالنية‬ ‫دعاية‬ ‫لومب‬
.
‫جديدة‬ ‫تسويقية‬ ‫اتاة‬ ‫علح‬ ‫للحصو‬
.
‫التراح‬ ‫من‬ ‫ا‬ً
‫د‬‫مزي‬ ‫لتحقيق‬
.

5. ‫جرافيك‬ ‫الموشن‬ ‫انواع‬
‫ثتائي‬ ‫متحركة‬ ‫رطوم‬
‫ة‬
‫األبواد‬
2D
‫ثالثية‬ ‫متحركة‬ ‫رطوم‬
‫األبواد‬
3D
‫إيقافية‬ ‫متحركة‬ ‫رطوم‬
Stop Motion
‫متحركة‬ ‫تصاميو‬
Aimation

6. ‫الفوتوشوب‬ ‫دام‬ ‫إطت‬
‫والمرالع‬ ‫الكتب‬ ‫أغلفة‬ ‫تصميو‬
.
‫صية‬ ‫الش‬ ‫الكروع‬ ‫تصميو‬
.
‫الشواراع‬ ‫تصميو‬
.
‫الرطمية‬ ‫األوراق‬ ‫تصميو‬
.
‫دى‬ ‫السح‬ ‫أغلفة‬ ‫تصميو‬
.
‫البوطتر‬ ‫تصميو‬
.

7. ‫الفوتوشوب‬ ‫أدواع‬
‫يمكن‬ ‫أدواع‬ ‫انو‬ ‫نتا‬ ‫طتذكر‬ ‫ولكن‬ ‫الفوتوشوب‬ ‫برناما‬ ‫فد‬ ‫جدا‬ ‫كثيرة‬ ‫أدواع‬ ‫توجد‬
‫دامها‬ ‫اطت‬
:
‫السيلكشن‬ ‫أداة‬
Selction Tool Quick
‫او‬ ‫دمر‬ ‫المراد‬ ‫الرزء‬ ‫بتحديد‬ ‫تقوم‬ ‫األداء‬ ‫نذه‬
‫بحذفها‬ ‫نقوم‬ ‫ثو‬ ‫علي‬ ‫و‬ٌ‫ل‬‫ونو‬ ‫وذف‬
.

8. ‫ا‬ ‫أداة‬
Burning
‫ب‬ ‫تسير‬ ‫ثو‬ ‫باالداة‬ ‫باالمسا‬ ‫اإلضاءة‬ ‫تزيد‬ ‫انها‬ ‫أي‬ ‫بالغمقان‬ ‫اإلضاءة‬ ‫فد‬ ‫للتحكو‬ ‫أداة‬ ‫وند‬
‫الضغط‬
‫التالد‬ ‫الشكب‬ ‫فد‬ ‫تري‬ ‫كما‬ ‫الصور‬ ‫علد‬ ‫بالماوس‬
:
‫االضاءة‬ ‫ابب‬ ‫الصورة‬ ‫ند‬ ‫نذه‬ ‫اإلضاءة‬ ‫بود‬ ‫الصورة‬ ‫ند‬ ‫نذه‬

9. ‫االليسترتور‬ ‫مفهوم‬
‫اليسننتريتور‬
Illustrator
،‫موجهننة‬ ‫راميننة‬ ‫رطننوماع‬ ‫إلنشنناء‬ ‫برننناما‬ ‫نننو‬
‫رطنو‬ ‫صنياع‬ ‫ش‬ ،‫توضنيحية‬ ‫أشنكا‬ ‫لرطو‬ ‫غالبا‬ ‫البرناما‬ ‫نذا‬ ‫دم‬ ‫يست‬
،‫مية‬
‫شواراع‬ ‫و‬ ‫بيانية‬ ‫رطوم‬
.
‫المول‬ ‫نزن‬ ‫ت‬ ‫التند‬ ‫عادينة‬ ‫صور‬ ‫يتتا‬ ‫ال‬ ‫لكت‬
‫ومناع‬
‫الرياضني‬ ‫المونادالع‬ ‫دم‬ ‫يسنت‬ ‫اليستريتور‬ ، ‫شبكية‬ ‫نقط‬ ‫شكب‬ ‫علح‬
‫لرطنو‬ ‫ة‬
‫دون‬ ‫ناس‬‫ن‬‫المق‬ ‫نر‬‫ن‬‫لتغي‬ ‫نة‬‫ن‬‫اابل‬ ‫نوماع‬‫ن‬‫الرط‬ ‫نب‬‫ن‬‫يرو‬ ‫نا‬‫ن‬‫م‬ ‫نذا‬‫ن‬‫ون‬ ‫نكا‬‫ن‬‫األش‬ ‫ناا‬‫ن‬‫وإنت‬
‫الرودة‬ ‫خسارة‬
.

10. ‫االليسترتور‬ ‫داماع‬ ‫اطت‬
2
3
4
5
6
7
1
‫الشواراع‬ ‫تصميو‬
(
‫اللوجوناع‬
.)
‫خرائط‬ ‫رطو‬
.
‫كرتونية‬ ‫صياع‬ ‫ش‬ ‫رطو‬
.
‫االنفوجرافيك‬
(
‫بالتفصيب‬ ‫الوقا‬ ‫طتشرو‬
)
‫اغلفة‬ ‫تصميو‬
.
‫الكرتونية‬ ‫المباند‬ ‫رطو‬
.
‫واالنهار‬ ‫الربا‬ ‫رطو‬
‫الكرتونية‬ ‫والبيئة‬
.

11. ‫االليسترتور‬ ‫أدواع‬ ‫أنو‬
‫االختيار‬ ‫أداة‬
:
‫ونو‬ ‫الكيبورد‬ ‫فد‬ ‫اختصار‬ ‫ولها‬
V
‫باالمسا‬ ‫تقوم‬ ‫أداة‬ ‫وند‬ ‫السود‬ ‫السهو‬ ‫وشكب‬
‫وتحريك‬ ‫بالوتصر‬

12. ‫افيكت‬ ‫االفتر‬ ‫توريف‬
•
“
‫إفكتل‬ ‫أفتر‬ ‫أدوبد‬
”
Adobe After Effects
‫مؤثراع‬ ‫برناما‬ ‫نو‬
‫فند‬ ‫دم‬ ‫سنت‬ُ
‫ي‬ ،‫أدوبند‬ ‫شنركة‬ ‫منن‬ ‫متحركة‬ ‫ورطوم‬ ‫رامية‬ ‫بصرية‬
‫المتح‬ ‫نب‬
‫ن‬‫والفواص‬ ‫نرية‬
‫ن‬‫البص‬ ‫نؤثراع‬
‫ن‬‫الم‬ ‫نتاعة‬
‫ن‬‫وص‬ ‫نديو‬
‫ن‬‫الفي‬ ‫نر‬
‫ن‬‫تحري‬
‫نة‬
‫ن‬‫رك‬
‫إ‬ ‫نافة‬‫ن‬‫باإلض‬ ‫نة‬‫ن‬‫التلفزيوني‬ ‫ناع‬‫ن‬‫واإلعالن‬ ‫نراما‬‫ن‬‫الب‬ ‫ند‬‫ن‬‫ف‬ ‫دمة‬ ‫نت‬‫ن‬‫المس‬
‫نح‬‫ن‬‫ل‬
‫والتلفزيون‬ ‫السيتمائد‬ ‫اإلنتاا‬ ‫بود‬ ‫ما‬ ‫مرولة‬ ‫فد‬ ‫دام‬ ‫اطت‬
‫د‬
.
•
‫فد‬ ‫الطبقاع‬ ‫نظام‬ ‫يوتمد‬ ‫برناما‬ ‫بأن‬ ‫إفكتل‬ ‫أفتر‬ ‫يتميز‬
،‫التحرينر‬
‫عتصر‬ ‫فلكب‬
(
‫صنوع‬ ،‫فينديو‬ ،‫صنورة‬
)
‫نو‬ ‫ت‬ ‫التند‬ ‫اصنة‬ ‫ال‬ ‫طبقتن‬
‫للم‬ ‫يتيح‬ ‫أن‬ ‫كما‬ ،‫متفرد‬ ‫بشكب‬ ‫عليها‬ ‫التوديب‬ ‫دم‬ ‫المست‬
‫دم‬ ‫ست‬
‫ثتن‬ ‫المحنيط‬ ‫فند‬ ‫الفتينة‬ ‫والمنواد‬ ‫الوتاصنر‬ ‫ودما‬ ‫وتحريك‬ ‫تحرير‬
‫ائد‬
‫األبواد‬ ‫وثالثد‬
.

13. ‫افيكت‬ ‫االفتر‬ ‫داماع‬ ‫اطت‬
1
2
3
4
5
6
7
8
‫وال‬ ‫واالمطار‬ ‫والتار‬ ‫والسؤائب‬ ‫االنفراراع‬ ‫مثب‬ ‫البصرية‬ ‫المؤثراع‬ ‫عمب‬
‫رياح‬
.
‫الحركية‬ ‫المؤثراع‬ ‫عمب‬
(
‫االنميشن‬
)
‫صياع‬ ‫الش‬ ‫تحريك‬
.
‫طوط‬ ‫ال‬ ‫و‬ ‫االشكا‬ ‫تحريك‬
.
‫طوط‬ ‫ال‬ ‫علد‬ ‫التأثير‬
.
‫االلوان‬ ‫تداخب‬
.
‫األلوان‬ ‫تصحيح‬
.
‫المشاند‬ ‫تصوير‬ ‫فد‬ ‫دام‬ ‫اطت‬
‫والمسلس‬ ‫السيتمائية‬ ‫واألفالم‬
‫الع‬
‫التلفزيونية‬
.

14. 01
05
04 03
02
‫افيكت‬ ‫االفتر‬ ‫ادواع‬ ‫انو‬
‫الشكب‬ ‫طبقاع‬
Shape Layers
‫القلو‬ ‫أداة‬
/
‫األاتوة‬
Pen
tool –Masks
Track Mattes
‫التوديب‬ ‫طبقاع‬
Adjustment
Layers
‫الكاميراع‬
Cameras

15. ‫الباوتون‬ ‫مواع‬ ‫توريف‬
‫ب‬ ‫التقديمينة‬ ‫والوروض‬ ‫الفيديوناع‬ ‫بصتاع‬ ‫ويقوم‬ ‫االنترنت‬ ‫علد‬ ‫يومب‬ ‫لتطبيق‬ ‫مواع‬ ‫نو‬
‫اوترافين‬
‫بن‬ ‫واي‬ ‫ليدوينة‬ ‫وفنايز‬ ‫بناكل‬ ‫وطنتار‬ ‫كوكاكوال‬ ‫مثب‬ ‫الوالو‬ ‫فد‬ ‫الشركاع‬ ‫كبري‬ ‫دم‬ ‫وتست‬ ‫تامة‬
‫اي‬
‫التقتين‬ ‫دم‬ ‫تسنت‬ ‫التند‬ ‫الومالاة‬ ‫الشركاع‬ ‫من‬ ‫وغيرنا‬ ‫للشبكاع‬ ‫وطيسكو‬ ‫اونالين‬ ‫للشراء‬
‫الحديثنة‬ ‫ة‬
‫تقدمها‬ ‫التد‬ ‫دماع‬ ‫وال‬ ‫لمتتراتها‬ ‫للترويا‬
.

16. ‫الباوتون‬ ‫مواع‬ ‫فد‬ ‫التسريب‬ ‫كيفية‬
‫الطريقة‬ ‫واليك‬ ‫باوتون‬ ‫مواع‬ ‫الد‬ ‫الدخو‬ ‫تستطيع‬ ‫وتد‬ ‫التسريب‬ ‫عليك‬
:
‫األزرق‬ ‫الزر‬ ‫علد‬ ‫بالضغط‬
Start Now
‫لك‬ ‫طتظهر‬
‫لومب‬ ‫الصفحة‬ ‫تلك‬
SignUp

17. ‫باوتون‬ ‫مواع‬ ‫شرح‬
‫للباوتون‬ ‫الرئيسية‬ ‫الواجهة‬ ‫ند‬ ‫نذه‬

18. ‫مثال‬ ‫علد‬ ‫ضوط‬ ‫دون‬ ‫بالواوف‬
White Explainer
‫اختياران‬ ‫لك‬ ‫تظهر‬