Skip to main content
Y
yuval krispin
Participant
February 4, 2019
Answered

how to add animation on top of a video

  • February 4, 2019
  • 3 replies
  • 5762 views

hey , I wish to add an animation on top of a video clip (around 1:05 sec)

And I intended to animate it frame by frame.

thanks for the help 

      This topic has been closed for replies.
      Correct answer _keyframer

      Based on my experience doing exactly this we have to assume you are using the video as a guide only. Import your video file into the timeline and expand the timeline as needed. Follow the import wizard when doing this. Make sure the imported video is added as a Graphic symbol on the main timeline. Create a new layer and draw on top of the video on this new layer. Animate using the video as your guide.

      When done, export your animation and if you need alpha transparency, you can export to MOV file and select "ignore background color/generate alpha" option.

      Then you can import your exported file to Premiere Pro and overlay it on to something else or the original high quality video you animated over.

      3 replies

      _keyframer
      Community Expert
      _keyframerCommunity ExpertCorrect answer
      Community Expert
      February 6, 2019

      Based on my experience doing exactly this we have to assume you are using the video as a guide only. Import your video file into the timeline and expand the timeline as needed. Follow the import wizard when doing this. Make sure the imported video is added as a Graphic symbol on the main timeline. Create a new layer and draw on top of the video on this new layer. Animate using the video as your guide.

      When done, export your animation and if you need alpha transparency, you can export to MOV file and select "ignore background color/generate alpha" option.

      Then you can import your exported file to Premiere Pro and overlay it on to something else or the original high quality video you animated over.

      Animator and content creator for Animate CC
        kdmemory
        kdmemory
        Inspiring
        February 5, 2019

        Hi yuval

        If you are targeting HTML5 Canvas do  as JoãoCésar recommends in his answer to this post: Animation Layers over video component in Animate

        Else if you are targeting AS3, import your video as MP4 (File -> Import Video...) and select Load external video with Playback Component. It will be placed into a layer of your Timeline and you can create another layer on top to make your frame by frame animation.

        Klaus

        Joseph Labrecque
        Community Expert
        Joseph LabrecqueCommunity Expert
        Community Expert
        February 4, 2019

        Do you mean using the video as a guide or have animation play over the video once published? What is your target platform? If HTML5 Canvas, the video is always going to appear above any animation.

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices