Scribd Logo
Upload

Welcome to Scribd!

  • Motion Design: The Principles and Process For Creating A Motion Design Project

    Uploaded by

    Rui Manuel
    6 views3 pages
    This document outlines a lesson plan for teaching motion design principles and the process of creating a motion design project. The lesson introduces students to animation concepts and has them storyboard, record a voiceover, import assets into After Effects to create an animatic that syncs to the audio. Students then apply animation techniques and principles to the animatic before exporting their final motion design project to share. The multi-stage process takes students through planning, production and distribution of their work.

    Original Description:

    Original Title

    MotionDesignClassLessonPlan.pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document outlines a lesson plan for teaching motion design principles and the process of creating a motion design project. The lesson introduces students to animation concepts and has them storyboard, record a voiceover, import assets into After Effects to create an animatic that syncs to the audio. Students then apply animation techniques and principles to the animatic before exporting their final motion design project to share. The multi-stage process takes students through planning, production and distribution of their work.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    6 views3 pages

    Motion Design: The Principles and Process For Creating A Motion Design Project

    Uploaded by

    Rui Manuel
    This document outlines a lesson plan for teaching motion design principles and the process of creating a motion design project. The lesson introduces students to animation concepts and has them storyboard, record a voiceover, import assets into After Effects to create an animatic that syncs to the audio. Students then apply animation techniques and principles to the animatic before exporting their final motion design project to share. The multi-stage process takes students through planning, production and distribution of their work.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    MotionDesign:

    ThePrinciplesandProcessForCreatingAMotionDesignProject
    ClassLessonPlan
    Page1of3

    Aim:
    Theaimofthislessonistointroducestudentstothemotiondesignprinciples,andtheprocess
    forcreatingmotiondesignprojects.Thisisamulticlass/weekproject,andcanbeusedasafull
    unitinasemesterlongprogram.Thislessonisintendedforstudentsthathavealreadyhad
    exposuretoAdobeIllustratorandPhotoshop.

    Objectives:
    Attheendofthislesson,studentswill:
    Understandthekeyanimationprinciples
    Understandtheprocessforadesignproject:fromscriptthroughtofinalanimation
    GainfoundationalskillinAdobeAuditionandAfterEffects
    Shareafinalprojectwiththeclass

    Resources:
    Accesstotheinternet,includingYoutubeorVimeo
    AccesstoAdobeapplications,includingIllustrator,Photoshop,Audition,AfterEffects
    andMediaEncoder
    Sharedclassfilefoldertouploadprojectsforsharingthroughouttheprocess(Dropbox,
    GoogleDrive,etc.)

    LessonActivitiesforMotionDesignProject:

    Creatingthescript,voiceoverandobjectsforanimation:
    Identifyatopicforanimationcomposethescript,anddevelopalistofillustrations
    neededtosupportthescript.

    ViewanintroductorycourseonAdobeAudition(linkisprovided)andrecordvoiceover.
    IntrotoAudition:
    https://helpx.adobe.com/audition/howto/whatisauditioncc.html?set=auditiong
    etstartedoverview
    Recordingaudio:
    https://helpx.adobe.com/audition/howto/auditionrecordaudiofilecc.html?set=a
    uditionfundamentalsessentialtasks

    DevelopyourillustrationobjectsforyouranimationinIllustrator,takingcaretoputeach
    objecttoanimateinaseparatelayer

    MotionDesign:
    ThePrinciplesandProcessForCreatingAMotionDesignProject
    ClassLessonPlan
    Page2of3

    CreatingtheStoryboard:
    Viewatutorialonstoryboards/artboardsinIllustrator(linkbelow)anddevelopthe
    storyboardusingtheobjectspreviouslycompleted.
    https://www.youtube.com/watch?v=inMj6HBYIjM

    ViewafewintroductorycoursesinAfterEffects,focusingoncompositionsetupand
    keyframing(classwide)canutilizeLynda.comifyourschoolhasasubscriptionoryou
    canusethefollowinglinks:
    Intro:
    https://helpx.adobe.com/aftereffects/howto/whatisaftereffectscc.html?se
    t=aftereffectsgetstartedoverview
    Createyourfirstproject:
    https://helpx.adobe.com/aftereffects/howto/aftereffectscreatefirstprojectcc.ht
    ml?set=aftereffectsgetstartedessentialbeginners

    ViewatutorialonpreparingartboardsforAfterEffectsandthenimportingartboardsto
    AfterEffects.Afterviewingtutorial,prepareartboardsandimportingintonewAEproject.
    https://www.youtube.com/watch?v=gUnKhkqB9yo

    CreatingTheAnimatic:
    InthenewAEproject,importvoiceoverfile(WAVorMP3).

    Createanewcompositionwiththevoiceoverfile.Addtheartboardstothecomposition
    intheorderofthestoryboard.Timetheartboardstoappearinthecompositioninline
    withthevoiceover.
    ThereareseveraltutorialsonLynda.comoryoucanfindtutorialsforthison
    YouTube.
    Thecomposition,whencomplete,istheanimatic.Theanimaticshowstheflow
    ofthestoryboardsandthevoiceoverwithoutanyanimationapplied.

    MotionDesign:
    ThePrinciplesandProcessForCreatingAMotionDesignProject
    ClassLessonPlan
    Page3of3

    CreatingTheFinalMotionDesignProject:
    ViewatutorialonbasicanimationtechniquesinAfterEffects:
    https://helpx.adobe.com/aftereffects/howto/aftereffectsanimatingwithkeyframe
    scc.html?set=aftereffectsgetstartedessentialbeginners

    ViewatutorialonunderstandinganimationprinciplesinAfterEffects:
    https://helpx.adobe.com/aftereffects/howto/aftereffectsunderstandinganimation
    cc.html

    ViewanddiscusstheMotionDesignprinciples,usingseveralvideostodemonstrate:
    https://vimeo.com/160036008
    https://vimeo.com/105436855
    https://vimeo.com/74033738
    ApplyanimationtotheexistinganimaticprojectinAfterEffectsusinganimation
    techniquesandMotionDesignprinciples.
    ReviewatutorialonexportingaprojectfromAfterEffects:
    https://helpx.adobe.com/aftereffects/howto/rendervideo.html?set=aftereffects
    fundamentalsessentialtasks

    ExporttheMotionDesignprojectintoanMP4filesavedonthecomputer.

    Ifpreferred,uploadMotionDesignprojectfiletoYouTubeorVimeoforsharing.Ifthere
    isasharedGooglefolderorDropboxfolder,uploadtothatfolderforsharingwiththe
    class.

    You might also like