Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Forums Adobe After Effects Pie wedge with Shape Layers

  • Pie wedge with Shape Layers

     Roei Tzoref updated 10 months ago 4 Members · 8 Posts
  • Navarro Parker

    August 23, 2013 at 6:54 pm

    Is there a simpler way of doing this? Trim Paths on a Ellipse doesn’t give the shape I want.

    I’m using two rectangles to subtract from the circle.

  • John Hudson

    August 23, 2013 at 7:35 pm

    You could create your pie pieces in Illustrator and then import as a composition or copy/paste them into a shape layer. This would also give you the ability to divide up the pie chart portions in the exact amounts you are looking for.

    If this doesn’t make sense let me know. I am not the most proficient at illustrator but could give you basic steps how to do this.

    John

  • Navarro Parker

    August 23, 2013 at 7:58 pm

    I thought of that. But I think I need shape layers so I can animate the size of the wedge (1/4 to 2/3’s wedge).

    Tried Radial Wipe, but it’s a 3D layer so the effect goes wonky when I collapse transforms in another comp.

  • John Hudson

    August 23, 2013 at 8:40 pm

    Hmmmm. I’ll have to give this some more thought. In the mean time…

    I haven’t used BorisFX “Red” but it claims to have this ability to animate pie charts.
    https://www.borisfx.com/red/charts.php

    or

    I did find this script that builds pie charts. It allows you to animate from one percent to the other and move that 2D shape 3D. It doesn’t appear to give you the ability to have any extruded depth to your shape.

    https://www.videocopilot.net/forum/viewtopic.php?f=33&t=26942

  • Roland R. Kahlenberg

    August 25, 2013 at 8:00 pm

    You should look at using Merge Paths, NOT Trim Paths. Another important tip is to re-position the Anchor Point for the Rectangle Shape prior to animating its rotation since you will want the rotation to be anchored to the center of the circle.

    HTH
    RoRK

    Intensive mocha & AE Training in Singapore and Other Dangerous Locations

    Imagineer Systems (mocha) Certified Instructor
    & Adobe After Effects CS6 ACE/ACI

  • Roland R. Kahlenberg

    September 14, 2013 at 6:29 pm

    I think I may have found the simplest way to do this. Start by creating a Shape Layer with the ellipse Shape Tool. Remove Fill and set the value for Stroke until the ellipse is filled by the stroke width/color. Then apply Trim Paths and you’re set to go.

    HTH
    RoRK

    Intensive mocha & AE Training in Singapore and Other Dangerous Locations

    Imagineer Systems (mocha) Certified Instructor
    & Adobe After Effects CS6 ACE/ACI

  • Roei Tzoref

    February 6, 2021 at 4:33 pm

    several ways to do this, I prefer this option which I discovered recently.
    add the trim path over the elipse, then add offset path set to half the ellipse size (not you would need to reduce the ellipse size to half to retain the original size), then add your fill or stroke. if you use a stroke make sure you set it to round join. like this:

    what I like about this method is that the fill is a fill and the stroke is a stroke

  • Roei Tzoref

    February 7, 2021 at 1:27 am

    BTW the trim path + offsetpath method I showed is courtesy of Max Spreen and Paul Congiliaro from the Mograph Slack Group. Here’s another method by Stephen Dixon using all expressions. put this in the shape path parameter:

    <pre data-stringify-type=”pre”>let theRadius = effect(“radius”)(“Slider”);
    let startAngle = effect(“start”)(“Angle”);
    let endAngle = effect(“end”)(“Angle”);
    let pts = (endAngle – startAngle >= 360)? [] : [[0, 0]];
    for (let i = startAngle; (i < endAngle && i < startAngle + 360); i++){
    pts.push([Math.sin(degreesToRadians(i)), 0-Math.cos(degreesToRadians(i))] * theRadius);
    }
    createPath(pts, inTangents = [], outTangents = [], closed = true);

    and create 3 expression controls: 2 angle controls named “start” and “end” and another slider control named “radius” and you are good to go 🙂
    May be an image of screen

Viewing 1 - 8 of 8 posts

Log in to reply.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy