خطوات تصميم فيديو موشن جرافيك - التصميم الرقمي - ثالث ثانوي
الفصل الأول: تصميم الاتصال المرئي Design Communication Visual
الفصل الثاني: تصميم الهوية Identity Design
الفصل الثالث: تصميم الإعلانات Design Advertisements
الفصل الرابع: تصميم التغليف Design Packaging
الفصل الخامس: التصوير الرقمي Photography Digital
الفصل السادس: تصميم واجهات الموقع الإلكتروني Web Site Interface Design UX UI
الفصل السابع: تصميم الشخصيات Design Character
الفصل الثامن: موشن جرافيك تحريك الرسومات Graphics Motion
الفصل التاسع: النمذجة ثالثية الأبعاد Modeling D3
الفصل العاشر: تصميم الواقع الافتراضي والمعزز Reality Augmented & Reality Virtual
3-8 خطوات تصميم فيديو موشن جرافيك رابط الدرس الرق www.ien.edu.sa المفاهيم الرئيسة الرسوم الأولية - التصدير - أفتر إفكت - اليستريتور أهداف الموضوع يتوقع من الطلبة بعد دراسة هذا الموضوع أن يكونوا قادرين على: 1. التعرف على برامج تصميم الموشن جرافيك. 2. تحديد الفكرة وتنفيذ الرسوم .3. تحريك الرسوم وتصدير الفيديو الهدف الأول - أن يكون الطلبة قادرين على التعرف على برامج تصميم الموشن جرافيك. تصميم الموشن جرافيك هو عملية إبداعية تتطلب العديد من الخطوات واستخدام تقنيات مختلفة، ويمكن إنتاج عمل رقمي يعتمد على الحركة محققًا هدف الرسالة الاتصالية فيه باستخدام برامج متعددة. برامج تصميم الموشن جرافيك تتعدد برامج التصميم المتاحة لتصميم الموشن جرافيك منها: أدوبي أفتر إفكت. أفتر إفكت Adobe After Effects أدوبي اليستريتور Adobe Illustrator . مايا Maya سينما فور دي. Cinema 4d بلندر Blender على سبيل المثال لتصميم فيديو موشن جرافيك بتحريك كلمة تصميم فيديو موشن جرافيك لتحريك كلمة بشكل إبداعي تم استخدام برنامج أدوبي إليستريتور، وأدوبي أفتر إفكت: 275 وزارة التعليم tion 2024-1446
برامج تصميم الموشن جرافيك
أهداف درس خطوات تصميم فيديو موشن جرافيك
المفاهيم الرئيسية لدرس خطوات تصميم فيديو موشن جرافيك
الهدف الثاني - أن يكون الطلبة قادرين على تحديد الفكرة و تنفيذ الرسوم. وتقوم على عدد من المراحل، وهي كالآتي: 1 تجميع الأفكار مرحلة تجميع الأفكار هي المرحلة الأولى والأكثر أهمية في عملية تصميم الموشن جرافيك، وتهدف هذه المرحلة إلى تحديد الرسالة والهدف الذي يجب توصيله من خلال الموشن جرافيك وتحديد الجمهور المستهدف والأفكار التي سيتم تنفيذها في المحتوى لتوضيح الموضوع العام للفيديو والرسالة الاتصالية فيه، ويمكن استخدام العديد من الطرق لجمع الأفكار، مثل: القيام ببحث موسع وجمع للمصادر المختلفة التي تتعلق بالموضوع المطلوب، ومراجعة الأفكار السابقة المستخدمة في المجال نفسه. إجراء اجتماع مع الفريق الإبداعي والعمل على توليد أفكار مختلفة، واختيار الأفكار التي تناسب الرسالة المطلوبة. استخدام تقنيات العصف الذهني والتفكير الإبداعي لتوليد الأفكار الجديدة. 2 الرسوم الأولية مرحلة الرسوم الأولية هي مرحلة مهمة جدًا قبل البدء في تصميم الموشن جرافيك، وتهدف إلى تحويل الأفكار والمفاهيم إلى رسوم بسيطة يمكن تنفيذها وتمهد الطريق للعمل على المشروع. مثال: 276 وزارة التعليم Ministry of Education 2024-1446
مراحل تصميم فيديو موشن جرافيك: الرسوم الأولية:
مراحل تصميم فيديو موشن جرافيك: تجميع الأفكار:
.3 رسم القصة المصورة Storyboard drawing مرحلة رسم storyboard في الموشن جرافيك هي عملية رسم سلسلة من الرسوم التوضيحية أو الصور الثابتة التي تصور ترتيب المشاهد والأحداث في الموشن جرافيك وتستخدم لتحديد تدفق العمل والتأكد من سلامة القصة والتنسيق بين المشاهد، ويمكن استخدام الرسوم التوضيحية البسيطة أو النصوص المختصرة لتوضيح الفكرة الأساسية للمشهد وترتيبها في السيناريو. المشهد الأول المشهد الثاني المشهد الثالث شكل رقم (82) مشاهد الرسوم التوضيحية البسيطة 277/⠀⠀ وزارة التعليم Ministry of Education 2024-1446
مراحل تصميم فيديو موشن جرافيك: رسم القصة المصورة Storyboard drawing:
.4 تصميم الرسوم في برنامج Illustrator: تصميم الرسوم في برنامج Illustrator هو خطوة مهمة في تصميم الموشن جرافيك وتتمثل هذه المرحلة في الخطوات الآتية: 1 إنشاء ملف جديد يتم إنشاء ملف جديد في برنامج Illustrator باختيار "File" ثم "New" واختيار حجم ونوع الصفحة المناسبة للعمل. وزارة التعليم 2024-1446 ation New Document Recent Saved Mobile Web Print Fim & Video Art & Illustration More Templates PRESET DETAILS New file BLANK DOCUMENT Open Home Learn VILAS Your files Shared with you Deleted truge رمضان Hide suggestions With A 1920 px Pheels Height Orientation Autboards HOV 73 1280 x 720 HOVIHDTV 1000 1620 x 1080 px ACUND 40x2160 p ICFUND 1000 px 1600 x 4830 pm. Bleed and more Set a new HDTV 1000 document 1000 1000 pe VIEW AFTERES Tept 0px 0 pxx TEMPLATES (6) Left H 0px 0 px Advanced Options Color Mode ecent Fles RGB Color Raster Elect Charming Wedding T. FREE Lively Lower Thinks FREE News The Graphics FREE News Bugs Set FREE Screen (72 ppi) Q Find more tempinion Adobe Stok G Preview Mode Default Close Create Untitled-Lal makkah (Recoveredjal 3 seconds ago 37 seconds ago phone (Recoveredjal 43 seconds ag Directions Sal 12 seconds ag 505.g yesterday 111 2. إضافة الرسوم الأولية إلى ملف العمل : يتم إدراج الصور الأولية التي سبق تصميمها إلى البرنامج. Adobe Ilustrator 2022 Usembed Sage Trace Mast Cropmage Opacity 100 P Topure Dimet Selestion 943.0053 763-3121 Laver 1 540 px Clix Acton Crop smage Arange Mask Image Trace 278
مراحل تصميم فيديو موشن جرافيك: تصميم الرسوم في برنامج Illustrator: إنشاء ملف جديد يتم إنشاء ملف جديد في برنامج Illustrator باختيار " File " ثم " New" واختيار حجم ونوع الصفحة المناسبة للعمل.
مراحل تصميم الرسوم في برنامج Illustrator: إضافة الرسوم الأولية إلى ملف العمل: يتم إدراج الصور الأولية التي سبق تصميمها إلى البرنامج.
3. اختيار الأدوات المناسبة لتنفيذ التصميم: يتم اختيار الأدوات المناسبة للعمل، مثل الأداة Pen أو الأداة Brush أو الأداة Shape ،وغيرها حسب نوع المشروع. 117776 Pen Tool Adobe Illustrator 20122 570.95 Archir Layers Tiarature 1815.584 170.95 pt 1001 Sun Clotut d 344 .4 ترتيب العمل ليكون جاهزًا للتحريك : يتم في هذه المرحلة فصل التصميم إلى طبقات عدة وحذف صور الرسوم الأولية. 279 وزارة التعليم Ministry of Education 2024-1446 Shite 37.07% INCE/Preview امتنان على ال RIES. Adobe Rustrator 2012 found Opacity 100N Document Setu Preferences ea Properties Libraries Layers Laver 3 Laver 4 9 Laver S 0 Laver S 0 Laver 7 D Laver & Hater & Crus فصل طبقات التصميم رینن حذف صوره الرسوم الأولية Shap Options Preferences Cds Anwards Preview Scale Carrers Scales & fects Diturment Setve Preferences
مراحل تصميم الرسوم في برنامج Illustrator: اختيار الأدوات المناسبة لتنفيذ التصميم: يتم اختيار الأدوات المناسبة للعمل، مثل الأداة Pen أو الأداة Brush أو الأداة Shape وغيرها حسب نوع المشروع.
مراحل تصميم الرسوم في برنامج Illustrator: ترتيب العمل ليكون جاهزا للتحريك : يتم في هذه المرحلة فصل التصميم إلى طبقات عدة وحذف صور الرسوم الأولية.
5 تصدير العمل: يتم تصدير العمل من برنامج Illustrator إلى برنامج After Effects باختيار "File" ثم "Export" ثم Export As" واختيار الصيغة المناسبة للعمل كملف Ai أو EPS أو PDF A Applicat Desktop Documents Downloads Creative Cloud Dr. PWC G.. Adobe Illustrator 2022 3. Round Opacity 100 Document Set Preferences رمضان . رمضان Save As Save Cloud Document Form Adobe Illustrator (a) New Folder حفظ الملف بالصيغة التالية Cancel Save Properties Urattes 78534 Gaiden Seas Cuties Sowe Cermers 1 Let Arboards Sc & Mer Preferences الهدف الثالث 3 أن يكون الطلبة قادرين على تحريك الرسوم و تصدير الفيديو. يتطلب تصميم موشن جرافيك في برنامج After Effects عدة خطوات، منها: 1. إنشاء مشروع جديد وإضافة التصاميم الأساسية: يتم إنشاء مشروع جديد في برنامج After Effects، وتحديد الإعدادات اللازمة مثل حجم الفيديو ومعدل الإطارات في الثانية وتحديد لون الخلفية وغيرها، ثم يتم استيراد التصاميم الأساسية وزارة التعليم Ministry of Education 2024-1446 المراد استخدامها وتحريكها. لمتابعة التفاصيل شاهد الفيديو من خلال المسح على رمز الاستجابة 280
خطوات تصميم موشن جرافيك في برنامج After Effects: إنشاء مشروع جديد وإضافة التصاميم الأساسية
مراحل تصميم الرسوم في برنامج Illustrator: تصدير العمل: يتم تصدير العمل من برنامج Illustrator إلى برنامج After Effects باختيار File" ثم "Export" ثم "Export As" واختيار الصيغة المناسبة للعمل كم
281 وزارة التعليم 2024-1446 Auche Ather 2022-P ☐ Snapping & 20 Defaux Review Learn Small Screen Standand 01 Search Help Project Effect Controls (none) is Compostion (none) = Footage (none) Layer (none) ints Audio Preview Effects & Presets Libres Character Hame San frame to. Paragraph B 16 Tracker New Composition New Composition From Footage Track Cames Track Mutun Motion Source Noce Comet Track Nove Tick Type Sue Wow Statdeer Mabillis Mation Render Queue () Current Render Render Project => Effect Controle () فتح مشروع جديد وإضافة التصاميم (-of-) 1 Elapsed: Started Render Tine Recents A Applicati Tutay Desktop Documents A Nove Frarme Fa. Downloads Creative Rando 7009 iCloud Dri PHCG a Madie Music Photos BMovies فتح مشروع جديد وإضافة التصاميم الا رمضان Option Snapping & رمضان . Remaining Motion Tarpt Edit Terpet Optoma Mustpe 4ND Amort Any Content-Aware Fill Blender Queue in AME Default Review Leam Small Screen Standard Search Help info Q Searcl Audio Preview Effects & Presets Lilvaris Character Paragraph Tracker Track Comes flow Mettbe Hallivan Matton Motion Source None Enable: All Acceptable Files Format: Ilustrator/PDF/EPS Import As: Composition Create Composition Sustrator/PDF/EPS Sequence Force wh Cancel Open Comment See Track Type Mi Mitte Target Content-Aware Fil Apply
خطوات توضح إنشاء مشروع جديد وإضافة التصاميم الأساسية
Project Effect Controls Default رمضان | 1920x1080 (100) 4000:07:00 30.00 Compostion رمضان a Compestion Adobe After Effects 3022enties Pe Default Footage (none) Layer (none) Review Looms Smal Sowen Standard Search Help Info Audio Preview Composition Settings Compostion Name Jay Mabille Sonan Basic Advanced 30 Senderer Preset Custom Width: 1520 px Lock Aspect Ratia to 16:9 (178) Height: 1000 px Pael Aspect Ratin Square Pixels None Frame Aspect Ratio 169 (179) Frame Rate 30 frames per second Drop France On Stalflive تحديد وضبط إعدادات الفيديو Resolution Full 1920x1080 7.9 MB por com Start Timecode 0:00.00.00 0.000000 se 30 KAREEM Duration 0:00-07:00 00:07:00 Be30 Background Color White 200% (Full) PEA Render Queue رمضان 0:00:00:00 P. Layer Nurt Pawn & Link 1 2) Layer 3 None Layer & None Layer None Layer 6 None Layer 7 None 4 Layer 8 None Layer 9 None Layer 10 Nome Layer 2 None Preview Composition Settings Lea Cancel OK 1615 2 إضافة الحركة والتأثيرات: يتم إضافة الحركة والتأثيرات المختلفة على العناصر؛ لجعلها تتحرك وتظهر بشكل جذاب وجميل، ويمكن إضافة الحركة بطرق مختلفة مثل: الانتقال، والتدوير والتكبير والتصغير من خلال نافذة التحريك. وزارة التعليم 2024-1446 ation Project Effect Contra Layer 10 رمضان | 1920 1080 (1001 & 0.00 07:00, 1000 Type Layers Glady Composition Folder Stame To. رمضان Composition مرحلة تحريك التصميم Rander Queve 0:00:0 005 CM Lager Norve Masks Efects Transform (Full) Reset Layer None Masks -Effects Transfarm Reset C. Layer L None Masks Maits ansform Reset Layer 2 A None Alte Antar Effects 2012 Awman Oveted Project ap ☐ Snapping 90 Default Leam Small Screen Standard D. Search Help Foutage (none) Layer (none) 950 1340+00 5000 05.551 01 per 05:357 0:00:01:29 Audio Preview Effects & Presets Libraries Character Peregraph Tracker Tack Camere Wa Manduw Hands Motow Tack Manue Motion Source None Cekate Pack Type Se Rotation ☐ Scale Motion Tapet 630 Taart Opfers Auice AS Keel Content-Aware Fill Apply G3:35F WAST 8455 bo pot 38:19 0 por 06 1st 070 282
إنشاء مشروع جديد وإضافة التصاميم الأساسية: اختیار Composition Settings
خطوات تصميم موشن جرافيك في برنامج After Effects: إضافة الحركة والتأثيرات
3 معاينة وتصدير الفيديو: يتم معاينة الفيديو للتأكد من جودته وعدم وجود أخطاء فيه، ومن ثم يتم تصديره بصيغة معينة وحفظه للاستخدام اللاحق من خلال اختيار File > Export > Render > Output Module Setting ok. Project Effect Controls Layer رمضان رمضان Compesoon رمضان 1920 x 1080 (1.000) A00007 06 00 ☐ Snapping & Default Review Learn Small Screen Standard Search Help Footage (sone) Layer (none) Vife Audic Output Madure Settings Main Options Color Management Preview Effects & Presets Libraries Twe Sien رمضان I Lovers Congestion Folder Tiome to.. 32 Format QuickTime Post Render Action None nate Project Link Character Include Source XMP Metadata Paragraph Vises Output Tracker Oamels BGB Depth Mons of Colors Color Premultiplied (Matte) Starting Now Comp Froome Number Format Options Track Camer Apple Poles 422 woip bataee Hebdon Maslow Matton Source None Gerrent Track Pave Render Queue ضبط إعدادات التصدير Current Bander رمضان (80.496) WA Hugh Link As(17) Reslie 31 1920 №1000 Audio Output Auto Reise Chually High Trad Sam DY.COM D Needs Output Rander Settings Output Module Best Sellings Audio will be output only if the composition has wado 48.000 kHz 16 Bt Stereo Format Options High Quality Cancal OK essage RAM: Renders Started: Total Time Elapsed: ining Mation Target Epton AANS Contern-Awere Fill Render Quer in AME Notify when queue completes نشاط - 1 صمم إعلانا توعويًا، مثلا: يعالج إحدى مشكلات البيئة من حولنا، مستخدما في تصميمه تحريك الصور أو الرسومات ومستفيدًا مما اكتسبته من مهارات في درس الإعلانات وارسم القصة المصورة Storyboard بحيث لا تتجاوز ثلاثة مشاهد. 283 وزارة التعليم 2024-1446 نشاط - 2 طبق خطوات إعداد تصميم بالموشن جرافيك لتصميم اسمك.
خطوات تصميم موشن جرافيك في برنامج After Effects: معاينة وتصدير الفيديو
وزارة التعليم Ministry of Education 2024-1446 أمثلة لمشاريع بعد أن يتقن الطلبة مهارة تصميم الموشن جرافيك يمكن الاستفادة من أفكار المشاريع التالية لعمل مشروع التخرج 1 فيديو تعليمي لشرح مفهوم معين : يمكن للطلاب استخدام الموشن جرافيك لإنشاء فيديو يشرح مفهومًا معينًا، مثل شرح العمليات الكيميائية أو الفيزيائية، كما يمكن تصميم فيديو تعليمي يشرح مفاهيم درس معين، مثل شرح الرياضيات أو العلوم أو اللغات ...... 2 فيديو ترويجي لحملة إعلانية: يمكن للطلاب استخدام الموشن جرافيك لإنشاء فيديو ترويجي لحملة إعلانية لمنتج أو خدمة معينة، حيث يمكن استخدام تقنية تحريك الرسوم والنصوص لجذب انتباه المستخدمين وتحفيزهم على التفاعل. ........................................... تحريك شعار مؤسسة تجارية: يمكن للطلاب استخدام الموشن جرافيك لإنشاء فيديو متحرك لشعار يمكن الاستفادة منه في الفيديوهات الدعائية على وسائل التواصل الاجتماعي. ...... ...... 4 فيديو تقريري لعرض بحث أو تقرير: يمكن للطلاب استخدام الموشن جرافيك لإنشاء فيديو تقريري يعرض بحثًا أو تقريرًا عن موضوع معين، حيث يمكن استخدام الرسوم المتحركة والنصوص لجذب انتباه الجمهور وتوضيح المفاهيم بشكل أكثر فعالية. ..... ..... ..... 284