4 Replies Latest reply on Nov 17, 2009 3:18 PM by roardigital

    After Effects equivalent to Illustrator shape blend effect?

    roardigital

      Hi Guys,

       

      I would like to create the Illustrator blend effect inside AE. Is there any way to do this? I would like to setup 2 (pref more) shapes and blend between their boundaries (using colour & shape parameters) so that I could then freely move these shapes around and the blend would continue to adjust with the shape changing/moving etc.

       

      Something such as this;

      Picture 1.png

      That I can then animate to by moving the circle shape to this;

      Picture 2.png

       

      Any ideas/suggestions?

        • 1. Re: After Effects equivalent to Illustrator shape blend effect?
          Mylenium Most Valuable Participant

          There is no such thing. It is a popular request for Shape layers, but so far does not exist. Currently your best bet is to use RevisionFX' RE:Fill. It can mend "holes" in a number of ways whihc can be used to create gradient mesh and blend gradations similar to AI. Basically you create the shapes in a pre-comp (for your example two masks with strokes), then apply the plug-in. Takes some fiddling to get it look right, but is doable.

           

          Mylenium

          1 person found this helpful
          • 2. Re: After Effects equivalent to Illustrator shape blend effect?
            Rick Gerard Adobe Community Professional & MVP

            As Mynelium stated there's no way to do this directly, but you can use a combination of Illustrator, AE and two expressions to do this. It's a simple process if you understand the Illustrator Release to Layers function.

             

            Here's how to do it.

             

             

             

            1. Create your blend in Illustrator
            2. Specify the number of steps or use smooth color for the blend
            3. Expand the blend appearance
            4. Select the grope that is created
            5. Use the Release to Layers Sequence command in the Layers Palette
            6. Select all of the released layers in the Layers Palette and drag them above the top layer.
            7. Save your Illustrator file
            8. Import your Illustrator file into AE as a Composition with Cropped Layers
            9. Name the top layer "top"
            10. Name the bottom layer "base"
            11. Apply the following expression to one of the other layers rotation property:
            12. 
              t = thisComp.layer("top");
              b = thisComp.layer("base");
              o = index/b.index;
              bp = b.rotation;
              tp = t.rotation;
              op = tp + (o * (bp - tp));
              
              op
              
              
              
            13. Copy the rotation expression only
            14. Lock the top and bottom layer
            15. Select all layers
            16. Paste the expression
            17. Add almost the same expression to any layer's position property:
            18. t = thisComp.layer("top");
              b = thisComp.layer("base");
              o = index/b.index;
              bp = b.position;
              tp = t.position;
              op = tp + (o * (bp - tp));
              
              op
              
              
            19. Copy the position property expression only
            20. Select all layers and paste

             

            Here's how the expression works. The layers order is turned into a percentage by dividing it's index (layer number) by the index of the bottom layer. The difference between the top layer's position and the bottom layer's position and rotation is calculated by subtraction and multiplied by the offset percentage then added to the top layers position and rotation. It's actually quite simple when you can visualize it.

             

            The end result looks something like this:

             

            • 3. Re: After Effects equivalent to Illustrator shape blend effect?
              Mylenium Most Valuable Participant

              Yes, release to layers... How could I forget about that! Thanks Rick, you once more saved the day!

               

              Mylenium

              1 person found this helpful
              • 4. Re: After Effects equivalent to Illustrator shape blend effect?
                roardigital Level 1

                That's an awesome solution! I've even plugged the expression into scale and that works too. Thanks for your help guys.