Radial Repeater

[Henry_1]

Im trying to make a GUI that was used in black mirror as shwon below, but I am not sure how to add randomness to the radial repeater.Or if there is better way to do this I would appreaciate it! 

I am kind of new to AE 

Thanks Henry

[Mike_Abbott · Accepted solution]

You need to set up a shape layer like this:

An ellipse  (circle) : )

Trim paths: Set end to 2%
Repeater: Set copies to 40,  'transform repeater' position offset to 0.

Wiggle transform: Correlation : 0, Transform: rotation: to maybe around 2 revolutions.

Adjust all above parameters to taste : )

If you want to get really clever...

you can add another repeater at the bottom: Copies: 4, Position: 0, Scale 110%, Rotation: 90 degrees.

then drag the stroke out of the top Ellipse group and place it right at the bottom of the stack.

Result:

RadialRepeater.mp4 

[Rick Gerard]

Your screenshot is showing images. The easiest thing to do is to have all images selected, move the anchor point of all images to somewhere below the bottom of the image and centered horizontally, then add a null and then shift + Parent all of the images to the null. This will snap the anchor point of every image to the position (anchor point) of the null. Now you can either expose the rotation properties of all the layers and manually keyframe each layer so that it moves around the circle the way you want or add an expression that looks at the layer above it and adds something to the rotation value. If you put the null on the top then added an expression control slider to the null you could add this expression to the image layers below and use the slider to fan the images out like a deck of cards. 

r = thisComp.layer("Null 1").effect("Slider Control")("Slider") ;
rv = index;
r * rv

You would end up with something like this if you added the expression to the first image layer, copied the expression only, then pasted it to all of the other layers.

You could play with the math or even add some randomness with another slider and get things to move just about any way you want them to.

[Henry_1]

Hi, that video is perfect, ive just made it thankyou very much one quick thing how did you make the edges of the sections smooth

[Rick Gerard]

The layers are just a single small solid with a simple expression added to Hue so the color changes every time a layer is duplicated. All layers are set to 100% scale. They are all identical. This is everything I did to the layers.

Here's the project file: https://www.dropbox.com/s/6eh4cfam5bhe3vk/circular%20pattern.aep?dl=0

(note: If your browser adds a .txt extension to the AEP file just delete it)

[Mike_Abbott]

In the stroke settings - set the line caps to round.