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

Advanced(?) Compound Path Manipulation

Explorer ,
Oct 21, 2019 Oct 21, 2019

Hello all, 

 

I am attempting to animate a letter in After Effects with a write-on effect. I know how to do it but am running into the problem that everyone runs into when doing it with scriptive letters and that problem is overlapping of strokes. 

So this A that someone signed as 2 intersections and I want to make it so there are none, as in, the path starts at where the person would naturally start writing an A, and end where it ends. So the path overlaps and does not intersect. Does that make sense?

I tried to use the scissor tool, but that would mess up the entire path and also change the bezier handles of the path. I have tried the knife tool which is not accurate enough and also led to undesirable results. I tried masking in After Effects but these intersections make it extremely difficult to make everything look right.

I want the write on effect to look good and I want to separate the letter the best way possible. What is the best way?

 

A.pngexpand image

B.pngexpand image

  

TOPICS
Draw and design , Tools , Type
660
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
Community Expert ,
Oct 21, 2019 Oct 21, 2019
▼ After Effects Beginners Course ▼ https://www.domestika.org/en/courses/2207-fundamentals-of-animation-in-after-effects/tierneytv A super-easy way to write-on text in Adobe After Effects CC 2017 Font: http://www.dafont.com/run-wild.font DON'T FORGET TO LIKE, SHARE, SUBSCRIBE! FOR MORE TIPS, TRICKS
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 ,
Oct 21, 2019 Oct 21, 2019

Yes, that is what I want to achieve, but the problem is when the stroke reaches a intersection, part of the intersecting line gets revealed before it should.

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
Community Expert ,
Oct 21, 2019 Oct 21, 2019

Maybe make the brush size of the effect that reveals the stroke smaller at that point, using keyframes?

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
Community Expert ,
Oct 21, 2019 Oct 21, 2019

I don't think you can solve that in Illustrator.

Maybe by a temporal mask in After Effects.

Did you check the AE forum with this question?

https://community.adobe.com/t5/After-Effects/bd-p/after-effects

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 ,
Oct 21, 2019 Oct 21, 2019

I was about to, but then switched gears to here, thinking it would be more of a question for the Illustrator forum. I will ask the same question in there. Thanks.

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
Community Expert ,
Oct 21, 2019 Oct 21, 2019

If you want a qualtiy write-on effect that is zoomed in on, you will need to cut the "A" into 2 paths. Draw a path to sue. as cutting tool, then use Pathfinder divide. In After Effects you will need 2 layers & stroke animations for the "A" and overlap where they meet

Screen Shot 2019-10-21 at 2.46.41 PM.pngexpand image

Screen Shot 2019-10-21 at 2.46.21 PM.pngexpand image

  

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
Community Expert ,
Oct 21, 2019 Oct 21, 2019

Another way is to use the holloow select tool & Join to get to this point.

Screen Shot 2019-10-21 at 2.55.32 PM.pngexpand image

Then use the penceil tool to round off the bottom right.

 

 

Screen Shot 2019-10-21 at 2.56.02 PM.pngexpand image

 

You woulf have a copy in the clipbaord of original to then do the same to the other half of the letter.

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 ,
Oct 21, 2019 Oct 21, 2019
LATEST

Thank you for your response Mike! The Pathfinder Divide method worked very well for my situation! Had to clean up those curved edges of the intersections and it looks great! I had a hard time what you meant by "sue." but I got it in due time. Now they are on all the separate layers and ready for AE. Again, 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