FORUMS: list search recent posts

Creating lines like the Netflix logo animation

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Mike Gough
Creating lines like the Netflix logo animation
on Mar 24, 2019 at 5:52:48 pm

Hi,

Does anyone have tips for how to create a bunch of multi colored lines like in the new Netflix animation: https://vimeo.com/315781345

Thanks!


Return to posts index

Steve Bentley
Re: Creating lines like the Netflix logo animation
on Mar 24, 2019 at 9:27:37 pm

Sooooo many ways to make this. All need a camera to pass through the 3D "lines".
Particular would do a nice job of this. Boring old solids set in 3D space would too. The beam effect set on solids in 3D space, Element 3D would give you an extra little kiss of reflections that might be nice (ok you could do that too with 3D solids but I think it might be nicer with Element). 3D stroke would do it too with a number of layers each with a set of paths set at different camera depths. Its a nicely executed simple effect.



Return to posts index

Mike Gough
Re: Creating lines like the Netflix logo animation
on Mar 25, 2019 at 3:28:23 am

That's awesome. So, assuming I don't buy any 3rd party plugins, is it possible to make a ton of random colored lines without making them one by one?


Return to posts index


Joseph Francis
Re: Creating lines like the Netflix logo animation
on Mar 25, 2019 at 3:58:48 am

I’m not super experienced with AE but maybe you could take a thin, wide slice of some appropriate footage and scale it tremendously tall.


Return to posts index

Steve Bentley
Re: Creating lines like the Netflix logo animation
on Mar 25, 2019 at 5:43:50 am

First to mind: (assuming colored solids) make a 3D solid that is thin and tall. Next attach an expression that sets the z position to a random number with a large range (code later) and the x value to a random range the same size as the width of the comp (or width of some object you want to match like N in netflix). Set the color to a random value using an expression. Then duplicate like crazy: either keep bashing cntrlD, or do a few and then select them all and hit cntrlD and then grab all those and repeat again. You'll get huge numbers of layers in no time.
Make a 3D camera and fly into them. If they don't fit all the way to the top of the screen due to the solids being too far back, just precomp the whole thing and apply a motion blur effect or Gaussian blur and set the direction to 0 degrees, and crank up the blur effect until they do fill the frame.

Here's the expression that has to be on each layer:
Put expression on the Position attribute

seedRandom(5,true); // the number here can be anything really its just to get the seed started
zDistance=random(-5000,5000); //Set these numbers to something that works for your comp This value is basically how far away from the camera the solids can get - adjust as needed.
xDistance=random(0,1920);// this will place the solids between the left most side and right most side of frame in a 1920x1080 comp.
yDistance=940;// anchor point half way up the comp
finalPosition=[xDistance,yDistance,zDistance];// these are the three values of an xyz coordinate (don't forget the square brackets)

By using the seedRandom function every time you duplicate a layer that seed is changed so each layer gets a gets a different seed, and therefore a different random number within the range. The seed is tied to the index of the layer (the layer number). The "true" paramater in the first line keeps the random numbers for that layer the same for the whole timeline.
You can also use this type of thing on the transparency with a random time statement that brings the opacity level up at a random time so they don't all "turn on" at once.



Return to posts index

Mike Gough
Re: Creating lines like the Netflix logo animation
on Mar 25, 2019 at 4:35:47 pm

This is incredibly helpful. Thank you so much Steve! I will try this out tonight.


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2019 CreativeCOW.net All Rights Reserved
[TOP]