• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Tracing and Animation

Explorer ,
Mar 16, 2018 Mar 16, 2018

Copy link to clipboard

Copied

Hello After Effects Community,

Could someone direct me to the easiest way to trace and animate lines in an image so that they appear on the screen sequentially?

Wondering if I should create paths in Illustrator first or if I can do everything in After Effects.

Thanks so much!

Views

1.8K

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

Engaged , Mar 16, 2018 Mar 16, 2018

Hi Monica

I would import the movie into photoshop, then make a layer to draw on for each frame. You can bring that layered photoshop file into AE for sequencing the frames out as a movie.

Hope this helps,

Steve

Votes

Translate

Translate
Engaged ,
Mar 16, 2018 Mar 16, 2018

Copy link to clipboard

Copied

Hi Monica

I would import the movie into photoshop, then make a layer to draw on for each frame. You can bring that layered photoshop file into AE for sequencing the frames out as a movie.

Hope this helps,

Steve

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
Explorer ,
Mar 16, 2018 Mar 16, 2018

Copy link to clipboard

Copied

Hi Steve,

Thanks! So when I trace in Photoshop using the pen tool After Effects and then what do I do to make them look drawn onto the screen again? I haven't used AE in a while and I"m rusty!

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
People's Champ ,
Mar 16, 2018 Mar 16, 2018

Copy link to clipboard

Copied

You could also use AE paint tool/effect in write on mode. Using write on mode creates start and end keyframes for each stroke which you can adjust after the fact.

You could also draw the paint strokes in constant mode and then paste each stroke's path information onto a shape layer which you can then apply trim paths to.  The advantage to this method is shapes that look truly hand draw...because they actually are.

~Gutterfish

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
Valorous Hero ,
Mar 16, 2018 Mar 16, 2018

Copy link to clipboard

Copied

Use masks directly on the image or on a Solid. Then, apply Effect>Generate>Stroke and choose the options there to suit your needs. Another option is to draw the paths on a Shape Layer and use the Shape Layer Operator, Trim Paths.

Motion Graphics Brand Guidelines & Motion Graphics Responsive Design Toolkits

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
Explorer ,
Mar 18, 2018 Mar 18, 2018

Copy link to clipboard

Copied

Hello Everyone!

Both responses were incredibly helpful, thanks so much! Still playing with this, but will post when finished.

Thanks so much!

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
Adobe Employee ,
Mar 22, 2018 Mar 22, 2018

Copy link to clipboard

Copied

LATEST

Hi MonicaW,

Did you complete this effect yet? What did you end up doing?

Thanks,
Kevin

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