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

Advanced(?) Compound Path Manipulation

Explorer ,
Oct 21, 2019 Oct 21, 2019

Copy link to clipboard

Copied

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.png

B.png

  

TOPICS
Draw and design , Tools , Type

Views

588

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

Copy link to clipboard

Copied

▼ 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

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

Copy link to clipboard

Copied

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.

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

Copy link to clipboard

Copied

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

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

Copy link to clipboard

Copied

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

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

Copy link to clipboard

Copied

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.

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

Copy link to clipboard

Copied

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.png

Screen Shot 2019-10-21 at 2.46.21 PM.png

  

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

Copy link to clipboard

Copied

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.png

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

 

 

Screen Shot 2019-10-21 at 2.56.02 PM.png

 

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

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

Copy link to clipboard

Copied

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!👍

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