Activity › Forums › Adobe After Effects › Pie wedge with Shape Layers
-
Pie wedge with Shape Layers
Posted by Navarro Parker on August 23, 2013 at 6:54 pmIs 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.
Roei Tzoref replied 4 years ago 4 Members · 7 Replies -
7 Replies
-
John Hudson
August 23, 2013 at 7:35 pmYou 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 pmI 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 pmHmmmm. 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.phpor
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 pmYou 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
RoRKIntensive 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 pmI 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
RoRKIntensive 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 pmseveral 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 amBTW 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 🙂
Reply to this Discussion! Login or Sign Up