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

Tracing and Animation

Explorer ,
Mar 16, 2018 Mar 16, 2018

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!

2.1K
Translate
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

Translate
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

Translate
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

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!

Translate
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

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
Translate
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

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.

Very Advanced After Effects Training | Adaptive & Responsive Toolkits | Intelligent Design Assets (IDAs) | MoGraph Design System DEV
Translate
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

Hello Everyone!

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

Thanks so much!

Translate
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
LATEST

Hi MonicaW,

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

Thanks,
Kevin

Kevin Monahan - Sr. Community & Engagement Strategist – Pro Video and Audio
Translate
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