Sine Waves After Effects Tutorial
Vložit
- čas přidán 21. 07. 2024
- I love sine waves, and in Adobe After Effects there are a number of ways to do them, This tutorial I'll will cover 4 ways, 1 with a plugin, and 3 with expressions.
Path sine wave expression
gist.github.com/longlivemikey...
text layer expression selector code
S=(2*Math.PI/thisComp.duration)*30
Math.sin(time*S+textIndex)*100
If you need CC, Get Adobe Creative Cloud: cinemaspice.net/adobe-creative...
to help support this channel.
Don't forget to share this video. You never know who among your friends is a closet After Effects user. Thanks.
Twitter
/ longlivemikey
Facebook:
/ thecinemaspice
So for those of you who're getting an error for the 3rd example (sine waves on a path), first add 5 sliders. then rename them to 'Speed', 'Amp', ''Freq', 'Resolution', and 'Width'. also, make sure that the sliders are set to 0. set them to something like 0.01. once that's done, paste the code.
Hey Mickey, thanks for the tutorial. I'm a student and finding this super helpful. specially we've just been thrown into learning aftereffects on our own. Is there another tutorial for the last method where you've used the path?
been looking for this expression for the text, thank you
you're a hero, I have been looking for the exact solution at 18 minutes in for hours
Best sine wave tutorial ever. You’ve managed to help me solve two problems with one video, and taught me some cool tricks for future applications. Thanks 😊
Thanks for sharing these Mickey!
Not sure if this is too relevant (since i'm not an expression expert), but i wanted to add that we can also adjust the wavelength of the sine at 9:14
So this: Math.sin(time*S+textIndex)*100
becomes this: Math.sin(time*S+textIndex*3)*100 or Math.sin(time*S+textIndex*-2)*100 (basically multiplying textIndex)
Hope it helps :)
YES! I've been trying to figure this out all day and this video just solved my problem. Thank you kind sir
Awesome! Great stuff - this will come in handy.
I also came across using the zig zag operator on a shape layer as a quick and dirty way to create a sin wave, but that method doesn't offer nearly as much control as using expressions.
I probably should have talked about zig zag too, forgot. oops :)
Thank you so much! Insane tutorial, I was just making a new animation and I was stuck on something that included a changing wave, and you my friend just made my day!
Great tutorial! Is there a way to make path line more random?
I have tried A=effect("Amp")("Slider")/gaussRandom()
but they just equally change position. How to make each position random?
Thanks Mickey! Super useful and very clear.
Thank you! This helped me so much!
excellent tutorial Mikey! thank you
Hi thanks!!
if i want to rotate the sine line (not just very straight to move or control the points or want it follow a path movement. do you have any suggestion? Thanksss
Hey man, very good tutorial! Keep it up :)
I was looking for this feature in AE. Thanks a lot :-)
ooh holy shit thank you so much, ive been looking around for something like this all day
You sound like Patton Oswalt and it's adorable. Keep making great tutorials Remmy.
Thats a cool stuff thank you!
For some sidenote tho,
i added a Phase feature too to it, and also made the Speed goes with the time accordingly with whole numbers (so 1 sec is one Pii, so in sec2 we came back, i think its better this way)
here is it:
"
S=effect("Speed")("Slider")*Math.PI;
A=effect("Amp")("Slider");
F=effect("Freq")("Slider")/3.6;
R=effect("Resolution")("Slider");
W=effect("Width")("Slider");
Ph=effect("Phase")("Angle")*Math.PI/360
P=[];
for (i=0;i
Who doesn't love a good sine wave? :)
Mikey thank you for this, I think I'd like to see the circles as a "seamless wave". But I also realize, this is an old tutorial.
thanks, very useful
Thanks for sharing..
Thanks a ton!
For the sin wave applied to the line, how can you time it so it loops seamlessly?
I'm currently looking for a way to add path points using expressions, and in this video, I found the answer. But is it possible to adjust the position of each point?
Hello Mikey! Could you please help me to understand how to create the path with effects controls, I think I got lost where this path comes from, Thanks
Hello, I hope this helps you.
Once you have your line with the expression in Shape Layer 1 > Contents > Shape 1 > Path 1 > Path:
1. Go to Effects & Presets > Expression Controls > Slider Control
2. Drag the Slider Control to your Shape Layer (or double click on it to add it) 5 times
3. With a Slider Control selected, press the Enter key to rename it. Rename them to Speed, Amp, Freq, Resolution and Width
4. Change the values of the sliders to other than zero
wow, really cool, thanks for this great tutorial
Hello! I'm relatively new to after effects and had a question for you. On the last example, how did you setup the line/path? I drew a line and tried copying the expression in but get an error saying "Expression disabled. Error at line 1 in property 'Path' ... effect named 'Speed' is missing or does not exist. It may have been renamed..." Thanks for the help!
same!
add slider control and change the name to speed
@@raghada7300 Does not work
Yes it's annoying he doesn't explain even how to set it up in the first place. Even if you create all the slider controls, what is the initial setup of the path/shape layer?
@@snakedogman Not sure what he did but, I just went into the shape layer and deleted the actual shape. I then went to the Add: drop down menu and put a stroke on it.
Hi! When copy and pasting your last example, I'm told that createPath is an undefined function. Does anyone know how to solve this problem? Googling around hasn't helped much..
I'm sure you already found the solution, but this is also for any others who run into this issue. I ran into the same issue and found that I typed CreatePath instead of createPath with a lowercase C. That solved it >_
Nice
Hi Mickey, I applied this to a mask path and that works very well... except... it puts the path at 0,0 so the top part falls outside the soilid. How can I lower the y coordinate?
Added Y here: (R/F))*A+Y and a slider: Y=effect("Y-position")("Slider")*10
hello, for the path sine wave i've gotten an error about the speed, amp, frequency, etc. effects not being defined, do you know how to make sure they show up in effect controls?
Same issue
You have to add 5 slider controls to the shape layer and name each of them: speed, amp, freq, resolution, and width. Once you made that you have to make sure the sliders aren't at zero otherwise the expression for the sine wave won't work
Hi Mikey, awesome tutorial! I'm having some trouble creating the sine wave line (the third example). How do you go about creating it? I made a line path, added the control sliders and then applied the expression to the path property. But it gave me the following error: "Bad method arguments: createPath requires the points, inTangents, and outTangents to contain at least 1 point, and all be the same size."
Did you copy and paste the code or write it in? can you show me a screen shot of what you have?
@@LongLiveMikey Sure thing. I copied and pasted it from the link you provided. Here is the screen shot: i.imgur.com/LkLztr5.png
I have the exact same problem, would be glad for some help :)
@@k14arts Okay, you need to have the sliders not set to zero, that should fix it.
@@mnmlistik Okay, you need to have the sliders not set to zero, that should fix it.
I explored every possibility with initiating this expression could not manage to make it function. The final text that appeared was the disabled text saying that the createPath requires at least 1 point and the points to be all the same size. Anyone know what this means ?
tks
Hate to rant but as I was testing the layer index the shapes were moving horizontally not vertically. I dont understand why... I guess you can say that I still am new to After effect.
Disappointed the set-up for the last sine wave was skipped. Unfortunately that doesn't help people trying to learn new techniques!
Had to fiddle around a bit, but here’s my result:
1. Draw your path / line
2. Add the expression to the path of the line
3. Add 5 slider controls to your layer (can be found under Effects)
4. Go into the expression text and highlight „Slider“ (minus the brackets) in the first line
5. With the text highlighted pickwhip from Path to your speed slider stop watch icon
You have now assigned S to your first slider.
Repeat the same with A, F, R and W.
You might have to doublecheck the correct wording.
It has to be exactly as in the video.