• Global community
    • Language:
      • Deutsch
      • English
      • EspaƱol
      • FranƧais
      • PortuguĆŖs
  • ę—„ęœ¬čŖžć‚³ćƒŸćƒ„ćƒ‹ćƒ†ć‚£
    Dedicated community for Japanese speakers
  • ķ•œźµ­ ģ»¤ė®¤ė‹ˆķ‹°
    Dedicated community for Korean speakers
Exit
1

how to add animation on top of a video

New Here ,
Feb 04, 2019 Feb 04, 2019

Copy link to clipboard

Copied

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 

Views

4.9K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Feb 06, 2019 Feb 06, 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

...

Votes

Translate

Translate
Community Expert ,
Feb 04, 2019 Feb 04, 2019

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Feb 05, 2019 Feb 05, 2019

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 06, 2019 Feb 06, 2019

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines