Professional Motion Graphic Applications

Step-by-Step Motion Graphic Ad Design

Motion Graphics & Animation4.7(98)5h 22m33 lectures5 sections

What you'll learn

  • Learn the steps for creating motion graphics ads
  • Divide scenes and prepare images
  • Set the overall vision of scenes with a Story board
  • Write the script and prepare the voice over
  • Design scenes and prepare their elements for animation
  • Set scenes on the Time Line and make transitions
  • Animate scene elements and characters
  • Design Explosion Shapes
  • Use the Squash and Stretch script
  • Add effects and background music and export the film

About this course

This course teaches how to design a complete motion graphics advertisement from the idea to the final film, through a practical advertising project. It starts with the steps for creating motion graphics ads, dividing scenes and preparing images, and setting the overall vision of the scenes with a Story board, then writing the script and preparing the voice over. After that the learner designs six scenes step by step and prepares the design elements for animation. The course then moves to After Effects, where the voice over file is added, the scenes are set on the Time Line, transitions are made, and then scene elements and characters are animated. The course also reviews add-ons and scripts such as Animation Composer, Bouncer Script, Liquid Effects and Squash and Stretch, along with designing Explosion Shapes and adding sound and visual effects and background music. It suits designers and anyone who wants to learn motion graphics ads. By the end, the learner can produce a complete animated advertisement and export it.

Expected outcomes

  • Ability to design professional motion graphic videos.
  • Mastering the use of texts and shapes to enhance scene quality.
  • Adding voiceovers and effects creatively.
  • Producing videos ready for publication on multiple platforms.
  • Handling ready resources like animation templates and effects.

Learner reviews

These reviews are from learners who bought the content and completed at least 50% of it — there are no reviews from anyone who hasn't gone through the material.
4.7
★★★★★
98 reviews
5★
79
4★
13
3★
6
2★
0
1★
0
  • ★★★★★براهيم ا.·منذ 5 شهرشاهد 100٪

    رائــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــع جـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــدا شكرا استاد أحمد

  • ★★★★★عبد ا.·منذ 5 شهرشاهد 100٪

    الدورة الجيدة في الموشن جرافيك لا تجعلك تحفظ الأدوات، بل تجعلك قادراً على إنتاج عمل يبدو احترافياً ويحل مشكلة حقيقية للعميل أو المشروع.

  • ★★★☆☆كوثر ا.·منذ 5 شهرشاهد 100٪

    مكتبة غنية ومتنوعة، أستطيع استخدامها في العديد من التصاميم. شكراً على جودة الخدمة.

تم عرض كل التقييمات (3)

Course content

1

The Idea and Preparation

3 lectures
  1. Steps to Create Motion Graphic AdsExplains the steps to produce a motion graphics ad: writing a script with intro, body and closing, then voiceover, preparing scenes in Illustrator, and animating them in After Effects with sound effects.14:58
  2. Scene Division and Image PreparationExplains splitting the script into scenes and searching Freepik for suitable images using English keywords, then downloading AI or EPS files to open in Illustrator and prepare for animation.7:36
  3. General Vision for Scenes StoryboardExplains preparing scenes in Illustrator by creating one Full HD file with all scenes on Artboards, unifying colors and backgrounds, trimming edges with Trim View, then saving each scene as a separate file.22:43
2

Scene Design Step by Step

6 lectures
  1. Design of the First SceneExplains preparing the first scene in Illustrator by separating its elements into independent layers using Cut and Paste in Place, and naming the layers clearly to make animating them in After Effects easier.9:18
  2. Design of the Second SceneExplains preparing the second scene in Illustrator using the Group Selection Tool and multiple clicks to select groups, then separating people and elements into independent named layers before animation.9:58
  3. Designing the Third SceneExplains designing the third scene, the most important in the ad, in Illustrator by changing colors, adding shape effects like Warp, writing the diploma names, then separating elements into named layers.15:43
  4. Designing the Fourth SceneExplains designing the fourth scene in Illustrator by separating the parts to animate, adding ready-made Freepik shapes and SVG icons for books, certificates, prices and exercises, then arranging and naming layers.15:15
  5. Designing the Fifth SceneExplains designing the fifth scene in Illustrator by separating the arm and body for animation, adding shapes and icons to display the diplomas, writing and styling their titles, then arranging and naming layers.10:35
  6. Designing the Sixth and Final SceneExplains designing the sixth and final scene in Illustrator by preparing a person image from Freepik and removing unwanted elements, separating the hands for animation, and splitting the logo and site address into named layers.6:21
3

Animation and Film Production

12 lectures
  1. Adding Voiceover File and Scene SegmentationExplains organizing an After Effects project with one folder, creating a main Composition, adding the voiceover after converting it to WAV, placing Markers to divide scenes, and trimming with Trim Comp to Work Area.15:19
  2. Adjusting Scenes on the Time LineExplains aligning scenes to the voiceover on the timeline, importing an Illustrator file as a Composition using Document Size or Layer Size and the difference between them, and organizing project folders.14:04
  3. Transitional Stages Part OneExplains Transitions between scenes and ways to add them, including animating Opacity with keyframes and using ready-made shape-based transition files with Track Matte and Markers.15:01
  4. Transitional Stages Part TwoExplains the third way to add transitions using the Animation Composer script in After Effects: installing it, choosing transitions such as Position & Scale, adding a sound effect, and removing a transition when needed.13:27
  5. Separating Audio and Re-adjusting TimingsExplains simplifying transitions, splitting the voiceover into a part for each scene by duplicating the layer and trimming with Trim Comp to Work Area, and extending Composition durations to add extra frames.22:43
  6. Synchronous Editing of Scene Elements and Animation StartsExplains synchronized editing between Illustrator and After Effects, and starting to animate the first scene by timing each element's appearance to the spoken word in the voiceover after arranging the layers.16:03
  7. Animating Scene ElementsExplains animating scene elements after setting their start times, such as Scale from zero with Easy Ease and Motion Blur, a random effect with the Stopwatch, and the Bouncer script for bounce motion.23:13
  8. Animating CharactersExplains animating characters with the loop expression to repeat motion and avoid a jump at the loop end, animating the head and hand, using the Puppet Pin tool to move the feet, and adding Motion Blur.21:24
  9. Explosion ShapesExplains designing Explosion Shapes in After Effects with Shape Layers: a circle scaling up, Stroke lines using Trim Paths and Round Cap, and random triangles built with Repeater.21:13
  10. Adding Sound and Visual EffectsExplains adding the ready-made explosion shapes from the course attachments and sound effects as icons appear, converting them with Pre-compose, and using MOV files with transparent backgrounds as animated backdrops.21:08
  11. Squash and Stretch Animation ScriptExplains using the Squash and Stretch script from the course attachments to animate icons and elements: installing it, setting squash and motion values, adding a sound, and repeating motion with loopOut in pingpong mode.16:04
  12. Adding Background Music and Film OutputExplains choosing suitable background music and its licensing from bensound.com, setting its level with gradual Fade in and Fade out, then exporting the final video as MP4 through Adobe Media Encoder.10:44
4

Add-ons

11 attachments
  1. Script and Voiceover
  2. Design Elements for Scenes
  3. Scenes After Final Design
  4. Format Factory
  5. Transition Effects
  6. Animation Composer
  7. Bouncer Script
  8. Explosion Shapes
  9. Liquid Effects
  10. Squash and Stretch Script
  11. My Project
5

The Comprehensive Guide to Motion Graphic Applications

1 attachments
  1. Download the Book

Instructor

Ahmed Hassan Khamis

Ahmed Hassan Khamis

He has developed computer science curricula for various Arab universities and taught at Alexandria University. He has authored over 120 educational books in computer science.
454.2K views42 courses

This course is part of the diploma

Related courses