After Effects Tutorial - Dynamic Timeline Slider (Loki Disney+)

[@MoreDeuce434]

To everyone that is confused about why the set matte isn't working for them, it is because on the newer versions of after effects, you have to change the other option from "source" to "Effects and masks". Then it will work as it does for him. Your welcome!

[@radiocaf]

I've used After Effects for years and I've always done everything manually, this is the first tutorial I've seen that shows how expressions work and it's blowing my mind. I'm likely going to use this in my next video and I'll be sure to put a credit for you in the comments. Thank you so much!

[@kamdevofficial]

when I put the expression if(ref==0){ value=""; } the Year text just disappears doesnt return

[@Durvank18]

got any solutions? '

[@bassamsaleh8034]

Welcome back man! And congrats on the babies.

[@MoreDeuce434]

At 24:48 I get the error message "Error: Couldn't turn result into numeric value". How do I fix this?

[@n1ervaa]

now i learn something new, thanks mate

[@bobbihansel]

Such a fantastic tut, I'm learning a lot! I had asked for help but just re-typed the expression and caught my mistake - learning! Have my sub mate, thanks for the great content.

[@MediaWorkbench]

So great to hear you were able to problem solve it. Stray brackets or missing brackets are quite often the cause of expression issues as they easily blend into one another

[@GauravGautambloodkid]

The expression for the text layer: var step = 100/(effect("value step")("Slider")); var ref = math.floor(effect("animation")("Slider")/step); var src = (effect("animation")("Slider")%step)/step; ref = src>0.5?ref+1:ref; value = math.floor(linear(ref,0,effect("value step")("Slider"),effect("start")("Slider"),effect("end")("Slider"))); the first line throws an error of "Reference error: math is not defined"

[@MediaWorkbench]

Math should be uppercase (so Math.floor instead of math.floor) otherwise it thinks math is a variable object rather than the built in Math object.

[@magaredits19]

hey man love your tutorial. I don't want to go further than 22:00 from the video. so I just want numbers only. please can you tell me how can I bring the first number because in slider animation all the numbers are visible except the first one (2022). so can you please tell me how to bring the first number like (2022)

[@samilkvrak]

Welcome back!

[@NasDa]

Dude, I thought you have quit youtube. Glad to have you back!

[@MediaWorkbench]

Thanks! Definitely still around and exciting things happening behind the scenes. Though family life does restrict my capabilities to put out new videos as frequently as I would like. Just the season of life though, still committed to doing more in the future.

[@Desdela5taDimension]

Thank you so much, this expression saved me a lot of time ♥

[@blitzit4567]

Hey!! I'm not sure if you still check the comments (since the vid was made 2 years ago lol), but I'm trying to do this but only with months and not years! so my Text is just "December" "November" and the idea is I just want it to animate through all of the months till January!! So at 9:50 I don't really know what to put in the start value or the end value as they are numerical. Is there any way to fix this? Thank you!!

[@spirityt9453]

Hey man....❤Love ur content and this is a request to make a tutorial about making this in Da vinci resolve...

[@CyrosonHD]

Really great tutorial, just curious how would I go about doing this on the Y axis instead? Better still, is there a way to the expressions running on the separate dimensions, so I could animate X & Y independently from one another if needed?

Awesome Tutorial, It work for me! I wonder How can I change the direction to Right to Left? Can Somebody help me

[@rondypondy]

Incredible tutorial! Thanks so much.

[@vincentthibault3534]

Hello dear thank you so much for this great tutorial. I have a little issue - I would like to go from year 2022 to year AD54. Since year 54 is only 2 numbers the text is not centered anymore with the dot... Is there a way to add ''00'' before 54 or in the best scenario would it be possible to add ''AD"" before the year 54. I would appreciate your help so much :) Thank you!

[@MediaWorkbench]

Thanks! Okay, so we need to tweak the end of the sourceText expression to being… var newVal = Math.floor(linear(ref,0,effect("Value Step")("Slider"),effect("Start Value")("Slider"),effect("End Value")("Slider"))); if(newVal < 1000){ if(newVal < 100){ value = ‘00’ + newVal; // or ‘AD’ + newVal }else{ value = ‘0’ + newVal; } }else{ value = newVal; }

[@vincentthibault3534]

​@@MediaWorkbench You're amazing.

[@ZeroXSigma7]

undefined value used in expression (could be an out of range array subscript) ???????????????????? any help var step = 100/effect("Value Step")("Slider");

[@ragedigpaint1476]

Hi ! thank you so much for this amazing tutorial ! Unfortunately, i've a problem at 16:4O.... When i write if(ref==0){value = "";} the number doesn't appear anymore even if i move the "animation" slider... I don't understand where i screwed up :) Could you please help me ? thaks a lot !

[@jairo1791]

I have the same problem

[@MediaWorkbench]

I’ll take a look and see if I can replicate the issue

[@LeProtagoniste]

I think I corrected it. Try : if(ref==0){ value = ""; }else{ value = value; } Worked for me !

[@conormurphy7058]

@@LeProtagoniste Worked for me. Thanks

[@naveensingh3300]

Worked for me , Thanks @@LeProtagoniste

[@bubanga]

Amazing! We need a strong comeback from you.

[@TRAILERMUSICARCHIVES1460]

I can't get the expressions right... can they be written on the 2024 version?

[@mikez4388]

I keep on retyping the code to make the dates more obvious, but AE keeps on saying that there's a syntax error when I'm missing a '(' for the var datetime. How do I fix this?

[@KevinProvance]

HOw difficult would it be, or possible, to dump this into a mogrt file for use in Premiere Pro? I completed your tutorial, but I can't seem to get it to work at a mogrt.

[@xander9003]

I approve of this message

[@ezmoney7094]

What values need to change in the Text Layer Position expression to make the number/dot move vertically instead of horizontally? Thanks.

[@GideonYudista]

Hi, great work. But i got a problem here. So, after finishing the expression for the source text, the text won't appear on screen. So if I try to animate it, I only see the keyframe not the text. Can you help me with that? Thanks

[@mariasolano7576]

Check if your text layer is extended long enough so that the text is visible. Something like 10 seconds.

[@foodiehamster]

Hey Guys, In case your code is not working, you can use the following var step = 100 / effect("Value Step")("Slider").value; var ref = (effect("Animation")("Slider").value % step) / step; var res; if (ref > 0.5){ res = linear(ref, 0.5, 1, effect("left")("Slider").value, effect("center")("Slider").value); } else { res = linear(ref, 0, 0.5, effect("center")("Slider").value, effect("right")("Slider").value); } [res, value[1]];

[@Rizen-f1s]

Can u give source text code, mine not working. like the number not changing

[@InfinityBladeRecollection]

Thanks this worked for me

[@InfinityBladeRecollection]

@@Rizen-f1s Make sure your slider control names are the same as the code you copied and pasted. Caps matter

[@jacobcorrea422]

this is fantastic. Is there a way for the year used to not be random though? Like if want the years shown to range from 1990 - 2021, what would I need to update from your tutorial? Thanks!

[@MediaWorkbench]

The Start Value and End Value you would use, so Start Value would be 2021, End Value will be 1990. You would follow the tutorial to 22:00 min mark and then not do the following full date integration. Let me know if that makes sense.

[@luxware]

Would there be a way for you to link the project file or something? I'm trying to make this but I keep getting an error with the expression code and I can't figure out why it isn't working. I'm very new to After Effects, just started yesterday; any help would be amazing.

[@MrMiguel211]

Now I need the sound effects used

[@louiscarole9091]

Hi, thanks for the tutorial. I have an error for the exact date animation, in the line that sets the datetime variable. I have wroten that : var datetime = Math.floor(linear(ref,0,effect("pas")("Curseur"),startDate.getTime(),endDate.getTime())); And it says that it can't turn the expression into a numeric value. Any help would be highly appreciated.

[@TillmanFilmCo]

Hey there, is there an easy way to go forward in time instead of back? where the dates are moving in the other direction? Thanks!

[@MediaWorkbench]

Hey there! To make the animation motion go the other direction, simply swap the values in the Left and Right slider controls, this makes the position on the left be on the right, and the right position to be on the left, effectively reversing the animation. Then set your start and end dates as normal as the animation interpolates between them.

[@saibotgerb1729]

Impeccable

[@cbmontana7630]

las expresiones en la version 2024 no funcionan, con mayus y probando todo, nada, ni en español, ni en ingles. ayuda

[@dimasalamsyah4489]

great tutorial... does anyone know the sound effect for this one? i curently working on something similar to the video

[@aryanhanda4223]

hey, did you FInd the sound effect of this one????

[@GeoDab]

Is there a way I can get in contact with you about your intro transitions? I'd like to do a peeling maps transition :D. Would love to pick your brain on that!

[@MediaWorkbench]

For sure, visit the Media Workbench website (link on the channel or in any video description) and visit the contact page 👍🏼

[@Psil_]

var step = 100 / effect("Value Step")("Slider"); var ref = (effect("Animation")("Slider") % step) / step; if(ref > 0.5) { var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Center")("Slider")); } else{ var res = linear(ref,0,0.5,effect("Center")("Slider"),effect("Right")("Slider")); } value = [res,transform.position[1]]; var step = 100 / effect("Value Step")("Slider"); var ref = Math.floor(effect("Animation")("Slider") / step); var src = (effect("Animation")("Slider") % step) / step; ref = src > 0.5 ? ref + 1 : ref; value = Math.floor(linear(ref,0,effect("Value Step")("Slider"),effect("Start Value")("Slider"),effect("End Value")("Slider"))); I get the error Expression result must be of dimension 2, not 1 what should I do?

[@adastra8218]

var step = 100 / effect("Value Step")("Slider"); var ref = (effect("Animation")("Slider") % step) / step; if(ref > 0.5) { var res = linear(ref, 0.5, 1, effect("Left")("Slider"), effect("Center")("Slider")); } else { var res = linear(ref, 0, 0.5, effect("Center")("Slider"), effect("Right")("Slider")); } value = [res, transform.position[1]]; var step = 100 / effect("Value Step")("Slider"); var ref = Math.floor(effect("Animation")("Slider") / step); var src = (effect("Animation")("Slider") % step) / step; ref = src > 0.5 ? ref + 1 : ref; value = [ linear(ref, 0, effect("Value Step")("Slider"), effect("Start Value")("Slider"), effect("End Value")("Slider")), transform.position[1] ];

[@adastra8218]

It looks like you are trying to set the value to a 1D array with a single element res, but the expression expects a 2D vector for the value. To fix this, you need to convert res to a 2D vector like:

[@adastra8218]

So in summary, whenever you are setting the value in a position expression, make sure it is a 2D vector [x, y], even if you only want to animate along one axis. The expression requires a 2D vector.

[@ashraf_arshad]

Hi, I was trying to make it go from right to left instead by inversing the slider animation from 100 to 0 but the text wont animate below 0. It works if I go above 100 though (to create that slow stop + slight reverse effect you have shown). Is there a way to fix this?

[@MediaWorkbench]

Easiest way to reverse the direction would be to swap the values in the Left and Right Slider that set the positions of the text, so the Left Slider should be the x position for the text on the right of screen, and the Right Slider should be the x position when it is on the left.

[@josephchristoffel]

@@MediaWorkbenchThank you!

[@hsin5868]

Thanks for sharing !

[@LukeNewell123]

Really helpful tutorial, one problem for me... I've added pictures above the text which move along with it, but when I take the matte from the layer it applies directly to the images instead of the comp where the text is fading under it. Any idea how I can fix it so my images fade out under it the same way the text does? Thanks!

[@Lunarvader]

awesome tutorial and I followed it without errors with AE 2024 for my anniversary church project. thanks so much for uploading it. but then I want to make it slide back to the start value and cannot find the expression. Since I am no coder, would you be so kind to give me tips on how to do it? thanks so much.

[@MediaWorkbench]

Hey, love that use for it! To make the timeline reverse back you will want to keyframe the Animation slider on the main text layer (the layer with all the slider controls on it) to go from 100 back down to 0. When Animation is at 0, it will be the first date, when it's at 100 its the second date. Right+click both those new keyframes to easy ease them and you can even manipulate the speed graph to make that easing even more dramatic (I have a video on Easing I highly recommend to help with this). Hope that helps, let me know if you need any more assistance.

[@Vikash_1.0]

Can someone please tell me What should I do So that I do not have to repeat this long Process?

[@adelinaonicas6163]

Is there a way to pick a certain date you might want the source text to be so that you can pause on for a bit? If the value step is only 5 or 10....you only really get 5 or 10 different dates in your date range you can stop on. Is there expression you can write that will override what these 5 or 10 number values will be? Thanks.

[@MediaWorkbench]

Yes, you can manually define every single date that appears, though it will eliminate being able to use the value step slider to control what appears. To make this change you need to replace Text Layer sourceText expression to the following (where you define each value in the dateSource array)... var dateSource = ["Sept 12th", "Sept 20th", "Oct 7th", "Oct 18th", "Nov 2nd", "Nov 9th"]; var step = 100/(dateSource.length-1); var ref = Math.floor(effect("Animate")("Slider")/step); var src = (effect("Animate")("Slider")%step)/step; ref = src>0.5 ?ref + 1:ref; value = dateSource[ref];

[@lilbootzes1]

@@MediaWorkbench MEDIA YOU'RE A FUCKING LEGEND FOR DOING THIS!!! THANKS A TONNE!

[@alyceryan]

i want to add text underneath to do the same effect and essentially move with the numbers and timeline. is there way to do that with expressions?

[@MediaWorkbench]

The easiest way would be to duplicate the main text layer then use the anchor point to reposition the text underneath. Then you can set up the text to do whatever you like. If you want static text then get rid of the expression on the sourceText property, otherwise on the MediaWorkbench website there's some explanations on how to make the text say different things. The key would be that the Value Step property needs to be the same for both text layers, as does the Left, Center, and Right slider values. Otherwise the text won't animate in line with each other.

[@webstime1]

Thanks a lot 🙏🙏

[@dkvstudyarchive865]

how do you know the expression? it's so complicated but that makes fun, what's the resource about studying expression?

[@MediaWorkbench]

I come from a web programming background, so I'm familiar with coding already. After Effects expressions are based off JavaScript so often the functions can translate pretty easily. There's resources like ae-expressions.docsforadobe.dev that give a better breakdown to AE's in-build expressions. Then it's a lot of trial and error, reading forums, watching videos, that sort of thing.

[@brandonnicholas5640]

Thank you for this tutorial! How would I make this work if I wanted to go from a date in the past (ex Jan. 1989) to the word "Today" or "Present"? Where you have December 25, 2026 would I just put "Present"?

[@MediaWorkbench]

On the bottom of the expression of the SourceText property of the text layer you want to add the following… if(ref == effect(“Value Step”)(“Slider”)){ value = “TODAY”; } Then you can use the Value Step slider control to control what it does. If you set it to a value of 1 then it will show your start date and then the word TODAY with no dates in between. Increasing the Value Step number will make dates appear in between. It will still keep TODAY at the end of the sequence. Let me know how that goes for you.

[@nguaxn]

Hi, I'm trying to follow your tutorial for a school project and since my After Effect version is newer, I'm trying to change it back to a different version--what after effect version is this?

[@MediaWorkbench]

The tutorial is made in Adobe After Effects CS6, however I have confirmed that it does all work in the latest versions of CC 2023. Check out the tutorial on the Media Workbench website if you want a text version to follow along with.

[@hpvinayak02]

Copied the same exact code but it's showing error at this line : var datetime = Math.floor(linear(ref,0,effect("Value Step")("Slider"),startDate.getTime(),endDate.getTime())); Error : cannot turn the result into a numeric value I pasted the exact same values but it's showing the error. Please help.

[@MediaWorkbench]

Sounds like either the startDate or endDate isn’t resolving to a date value. I would check you have all the code required for sourceText (I have a way to copy the entire code from the tutorial on the MediaWorkbench website link in the description). If it’s still not resolving on that line it might be that the text you have entered in the source text for the Start Date or End Date text layer is not in a format that the code can resolve into a date value.

[@hpvinayak02]

@@MediaWorkbench Thanks for responding! Actually up untill that point everything has work perfectly, it's just at this moment the error is occuring. Also, I had copied the code from your site as well. The issue remains. Maybe it's a bug in AE or something.

[@MediaWorkbench]

Feel free to message me via my Support Form on the website to follow up we can continue troubleshooting there and you can always send me through your AE file if you’d like me to take a look.

[@hpvinayak02]

@@MediaWorkbench Sure. Thanks!

[@proart0421]

Why do my numbers only change digits when the digits are in the middle? Does anyone know how to fix this? Or is it supposed to be like that?

[@Vikash_1.0]

It's more of a Coding Session rather than Video Editing, BTW I like it.

[@RonGerlandVFerrer]

Uhhhmmm hello I'm having trouble with my expression from the first one that says: var step = 100/effect("Step Value")("Slider"); Then it tells me ---> Error: SytaxError: missing ) after argument list

[@MediaWorkbench]

For that sort of an error, is sounds like some bracket hasn’t been wrapped properly. Check through the entire expression to see if there’s any bracket started that isn’t ended. That should indicate where it’s missing. If you’re still having issues try to copy and paste the full expression here and I’ll try to debug for you :)

[@RonGerlandVFerrer]

@@MediaWorkbench var step = 100/effect("Step Value")("Slider"); var ref = (effect("Animation")("Slider")%step)/step; if(ref>0.5){ var res = linear(ref,0.5,1,effect("Left")("Slider",effect("Center")("Slider")); }else{ var res = linear(ref,0,0.5,effect("Center")("Slider"),effect("Right")("Slider")); } value = [res,transform.position[1]];

[@MediaWorkbench]

@@RonGerlandVFerrer var res = linear(ref,0.5,1,effect("Left")("Slider",effect("Center")("Slider")); This line is missing the " ) " after ("Left")("Slider" so it should be... var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Center")("Slider"));

[@RonGerlandVFerrer]

@@MediaWorkbench Oh! Okay 😲 I'll fix it right away.

[@danytama3933]

love your tutorial so much! but can you help me to fix the expression that saying expression result must be of dimension 2 not 1. Thankyou

[@rOnNiecHaRles16]

me too anyone resolved this?

[@MediaWorkbench]

Would this be for the position property? I would suggest a first point of call would be visit the tutorial page on the media workbench site, as it has all the expressions for every property there. Either compare your expression with the one listed there to find the discrepancy, or use the copy + paste button to replace the expression with the error. If after that you still find the same error then hit me up through my contact form and I can look into it further.

[@rOnNiecHaRles16]

@@MediaWorkbench I already did this copy + paste and also write it down manually. It didnt work.

[@rOnNiecHaRles16]

@@MediaWorkbench its working now, Im glad that you're responsive.

[@Cyrpacus]

Is there a way to make this with just text and no numbers? IE: the start date would be PAST, center date PRESENT, end date would be FUTURE? I've been messing around with it a little, but I have no clue about coding. Tried parrenting the values to different text layers, but i cant get it to work. Any help would be much appriciated!

[@MediaWorkbench]

Hi Cyrpacus, So on the bottom of the expression of the SourceText property of the text layer you want to add the following... if(ref=="0"){ value = "PAST"; }else if(ref==Math.ceil(effect("Value Step")("Slider")/2)){ value = "PRESENT"; }else if(ref == effect("Value Step")("Slider")){ value = "FUTURE"; } Then you can use the Value Step slider control to control what it does. If you set it to a value of 2 then it will show Past, Present, Future with no dates in between. Increasing the Value Step number will make dates appear in between. It will still keep "Present" in the middle of the sequence.

[@Cyrpacus]

@@MediaWorkbench Wow! Works like a charm. Thanks man, I really appreciate you taking the time to figure this out. Made my day :)

[@StudyofSwords]

Is there a way to not include the day, and just display just the Month and Year?

[@MediaWorkbench]

Yes you would change your last line of the Text Layer's sourceText expression to remove presented.getDate() + It would instead look like... value = months[presented.getMonth()] + " '" + fullyear.substr(2,2); Check out the tutorial page on my website (see the description) for a breakdown of how to reformat the dates.

[@StudyofSwords]

@@MediaWorkbench Excellent, much obliged!

[@igaurav_pandey]

Suggest me the best sound effect for this animation

[@moonlemons1956]

is it possible to have only text in the timeline and no numbers? if yes, how?

[@MediaWorkbench]

Yes, you can manually define the text of every single date that appears, though it will eliminate being able to use the value step slider to control what appears. To make this change you need to replace Text Layer sourceText expression to the following (where you define each value in the dateSource array)… var dateSource = [“Sept 12th”, “Sept 20th”, “Oct 7th”, “Oct 18th”, “Nov 2nd”, “Nov 9th”]; var step = 100/(dateSource.length-1); var ref = Math.floor(effect(“Animate”)(“Slider”)/step); var src = (effect(“Animate”)(“Slider”)%step)/step; ref = src>0.5 ?ref + 1:ref; value = dateSource[ref];

[@telarecomiendo1004]

I have error in all the sintaxis. What i can do to solve it?

[@MediaWorkbench]

Check the comments a couple people have posted their issues and fixes. Otherwise follow the link in the description to the Media Workbench website where I have all the code typed out in a written copy of the tutorial, so that’ll be a good place to compare.

[@telarecomiendo1004]

@@MediaWorkbench The error its, Invalid numeric result (divide by zero?),in the expression from position. How i can fix it?

[@MediaWorkbench]

Not sure off the top of my head. To save time I’d go to the Media Workbench website and find the tutorial, then find the expression for transform.position, then use the button in the top right to copy the whole expression, and then you can paste it to replace your existing expression code on the transform.position property.

[@iamstu0]

Love this effect but After Effects isn't loving your code. It's line 2. It says Error at line 2 in property "Position of layer 1 ('2021') in comp 'time line'. ReferenceError: step is not defined var stop = 100/effect("value step")("Slider") var ref = (effect("animation")("Slider")%step)/step; Any help would be greatly appreciated. Cheers.

[@MediaWorkbench]

Thanks! From what I can see the issue would probably be where it says “var stop”, should be “var step”. Let me know if that fixes it

[@iamstu0]

@@MediaWorkbench Hey! Thanks for the swift reply. I'll give it a go. Thank you.

[@MediaWorkbench]

How did you go?

[@DCAlbin]

@@MediaWorkbench I have that error... I could to change "step", It doesn't work. Someone could to help me please.... I would appreciate it

[@angeloberkeley1923]

var step = 100/effect("VALUE STEP")("Slider"); var ref = (effect("ANIMATIONS")("Slider")%step)/step; if(ref>0.5){ }else{ } I Keep getting an Error Message "Undefined value used in expression"

[@GENZstudyhub]

13.50 my slider is not working

[@JCGF-d3o]

how do I make it so it's just month and year?

[@MediaWorkbench]

Hey! I’d suggest jumping onto the Media Workbench page for this tutorial, as it has a section explaining alternative date formatting. I’d expect that’d help.

[@tobygarvin4918]

Did anyone ever figure out the issue with endDate not working?

[@blackheartgaming5259]

text dissapears when I write the first line in source text.Please help

[@MediaWorkbench]

This is expected, as the first few lines of the sourceText expression are doing calculations. It’s only the last line or two that actually set the value. If you’re wanting to see the full expression for the sourceText property, I suggest visiting the Media Workbench website, where the whole tutorial for this video is written out with code you can copy and paste. Link is in the description of this video.

[@chanseemin9170]

i want to try this effect out but there's an error in line one which saying there's undefined value use in expression(could be out of range array subscript?) var step = 100/effect("Value Step")("Slider"); var ref = (effect("Animation")("Slider")%step)/step; if(ref>0.5){ var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Center")("Slider")); }else{ var ref = linear(ref,0,0.5,effect("Center")("Slider"),effect("Right")("Slider")) } value = [res,transform.position[1]];

[@adelinaonicas6163]

I got the same error line after the first line in the expression, did you ever get a response?

[@Bennykj87]

@@adelinaonicas6163 I have same error. Just can´t get it to work :(

[@himalay7]

I had the same issue, when I added the first two lines, I kept going and then the error went away. My expression looks the same, see if copy paste can help get rid of the error. var step = 100/effect("Value Step")("Slider"); var ref = (effect("Animation")("Slider")%step)/step; if(ref>0.5){ var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Center")("Slider")); }else{ var res = linear(ref,0,0.5,effect("Center")("Slider"),effect("Right")("Slider")); } value = [res,transform.position[1]];

[@ckfeliz]

I tried to separate the dimensions into x and y, and applied the expressions on x position only. Changed the last sentence to value = res; worked for me, might worth trying.

[@josephchristoffel]

@@himalay7 i copy paste your code, and the error is gone! Thanks!

[@kuppamind]

var step = 100/effect("Value Step")("Slider"); var ref = (effect("Animation")("Slider")%step)/step; if(ref>0,5){ var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Center")("Slider")); }else{ var res = linear(ref,0,0.5,effect("Center")("Slider"),effect("Right")("Slider")); } value = [res,transformation.position[1]]; I'm having an error on the last line. It says "transformation is not defined". Can somebody help?

[@coltonvickers9712]

I have the first expression typed in exactly like you do (I think) and I keep getting an error message saying "Object of type Group found where a Number, Array, or Property is needed" Anything I am doing wrong?? Here is what I have typed in: var step = 100/effect("Value Step")("Slider"); var ref = (effect("Animation")("Slider")%step)/step; if(ref>0.5){ var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Center")("Slider")); }else{ var res = linear(ref,0,0.5,effect("Center")("Slider"),effect("Right")("Slider")); } value = [res,transform,position[1]];

[@MediaWorkbench]

Last line has a comma between transform and position[1] it should be a period dot, so should read…. value = [res,transform.position[1]];

[@Dweaver1906]

so the expression works but it seems to make a slight pause when the value changes.....? idk if you guys ran into this problem, let me know when the file is uploaded to your patreaon!!

[@NiisExperience]

Can we have a template please ?? I keep getting error in my expression

[@MediaWorkbench]

Project files are available from my Patreon. Otherwise follow the link in the description of the video to the Media Workbench website where you can follow along with a text version of the tutorial and copy the expression code for each property.

[@NiisExperience]

@@MediaWorkbenchI don’t really understand how patron works and how i can get it from there. I checked it out it says Locked and stuff and something about becoming a patron

[@MediaWorkbench]

Hit up my website and use the contact form. I’m happy to take a look at your project file to try and resolve the error for you.

[@NiisExperience]

@@MediaWorkbench I did Sir, waiting for your feedback

[@Dweaver1906]

is there a way to purchase this project file? lol I work in news no time at all lol

[@MediaWorkbench]

I’ll put it on my Patreon

[@DCAlbin]

@@MediaWorkbench when would you have it in your patreon?

[@MediaWorkbench]

Albino Dominguez I’ll get it up over the next day or two

[@angeloberkeley1923]

These variables keep giving me an expression error

[@darkduelist6755]

how would you make this go forward?

[@MediaWorkbench]

From memory this is pretty easy. Simply swap the values in the Left and Right slider controls, this makes the position on the left be on the right, and the right position to be on the left, effectively reversing the animation.

[@diwydiant5664]

Thanks a lot for your job, this is amazing ! I subscribed to your Patreon to get the project, but I have 5 errors, and therefore I can't change the starting / endind dates. I've sent you a link to some screenshots on Patreon ;) Anyway, that's an awesome work ! :)

[@linario3181]

please, help a property or method named 'ref' is missing or does not exist in the global class. It may have been renamed, moved, deleted, or there was a mistake in the name var step = 100/effect("Step")("Slider"); var red = (effect("Animation")("Slider")%step)/step; if(ref>0.5) { var res = linear(ref,0.5,1,effect("left")("Slider"),effect("centre")("Slider")); } else { var res = linear(ref,0,0,5,effect("centre")("Slider"),effect("right")("Slider")); } value = [res,transform.position[1]];

[@MediaWorkbench]

var ref instead of var red in the starting declarations will be where the issue is.

[@shreyabarua1683]

I followed all the steps correctly. but the numbers didnt changed.

[@xander9003]

I got the feeling inside my bones

[@Xenuria]

How can I make this work in Kdenlive?

[@MediaWorkbench]

Sorry, it’s a tutorial for Adobe After Effects. Unfortunately my experience with other software outside of the Adobe Suite is somewhat limited and so cannot offer support at this time.

[@Xenuria]

@@MediaWorkbench It's ok, not even the people who develop Kdenlive has any idea how it works. But it's free and open source so...

[@GENZstudyhub]

Nah man!! I tried everything and still the slider not moving 😭😭😭😭😭😭

[@MediaWorkbench]

On my website you can contact me via support. I’ll touch base and see if I can identify the issue, otherwise shoot me a project file :)

[@GENZstudyhub]

@@MediaWorkbench please give the project fileeeeeeee

[@MediaWorkbench]

@GENZstudyhub If you want the project file, it’s available via Patreon. Otherwise feel free to contact me and I can see if I can help yours directly.

[@dakshina7124]

Woahh! :)

[@swamibrahmavadin5234]

its nice but it s not working var step = 100/effect("Value Step")("Slider"); var ref =(effect("Animation")("Slider")%step)/step; if(ref>0.5){ var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Center")("Slider")); }else{ var res = linear(ref,0,0.5,effect("Center")("Slider"),effect("Right")("Slider")); } value [res,transform.position[1]]; " got the error undefined value used in expression could be out of range an array?"

[@RichartheLionHeart2024]

Please, if somebody can help me - this expression:var Step = 100/effect("Value Step")("Controle deslizante"); var Ref = (effect("Animation")("Controle deslizante")%Step)/Step; if(ref>0.5){ var res = linear(ref,0.5,1,effect("Controle Deslizante - Left")("Controle deslizante"),effect("Center")("Controle deslizante")); }else{ var res = linear(ref,0,0.5,effect("Center")("Controle deslizante"),effect("Right")("Controle deslizante")); } value = [res,transform.position[1]]; the line: if(ref>0.5){ is showing a problem "ref is not defined", what do I do?

[@praneethrandunu]

can i get project files?

[@MediaWorkbench]

Project files for tutorials are available to download via my Patreon

[@tanujsingh9747]

if(ref==0){ value = ""; } It is making all the text disappear. Please help.

[@MediaWorkbench]

only use that if() statement if you don't want text shown at the start, if you want it always visible you can just leave it out of the expression, it's optional.

[@historecalls]

My dates(dd mm ‘yy/yyyy) are not centered in reference with the dot. Please help

[@margarita-qd3jn]

Platilla del 2017 al 23 o 24

[@MediaWorkbench]

¿Te refieres al archivo de plantilla o a la versión del software?

[@margarita-qd3jn]

@@MediaWorkbench Hello, thank you very much for responding 😊 I wanted to know if you can make a template on green screen from the years 2017 to 2024 I would appreciate it very much It's for a school exhibition project.

[@MediaWorkbench]

Shoot me a message on my site 👍🏼

[@margarita-qd3jn]

@@MediaWorkbench I wrote to him on intragram and Facebook

[@anonymoususer8849]

Congrats. Btw I must say you have beautiful wife.

[@kumarb928]

❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@mainamind]

var step = 100/effect("Value Step ")("Slider") var step = (effect("Animation ")("Slider")%step)/step; if(ref>0.5){ var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Centre ")("Slider")); }else{ var res = linear(ref,0,0.5,effect("Centre ")("Slider"),effect("Right ")("Slider")); } value = [res,transform.position[1]]; please debug this for me, the error seems to be on line one.

[@Dweaver1906]

looks like the word center is spelled wrong and there is an extra space after "Right"...... I plugged this into my project and it worked after the corrections

[@mainamind]

@@Dweaver1906 Thanks man, just corrected it and it works fine

[@GAETAN2614]

It's a very good tutorial, but too much Expressions.

[@adedapoadetolajames1068]

Who else came here after seeing Courtois: The Return of the Number 1 (2024)

[@sayedelalfy-g5d]

var step = 100/effect("value step")("Slider"); var ref = (effect("animation")("Slider")%step)/step; if(ref>0.5){ var res= linear(ref,0.5,1,effect("left")("Slider"),effect("center")("Slider")); }else{ var res= linear(ref,0,0.5,effect("center")("Slider"),effect("right")("Slider")); } value = [res,transform.position[1]];

[@Rizen-f1s]

Thank you brother❤

[@kosalaperera1030]

Thanks so much for this. Such a good tutorial. var datetime = Math.floor(linear(ref, 0, effect("Value Step")("Slider"),startDate.getTime(),endDate.getTime())); Has anyone got an error saying Invalid numeric result(divide by zero?) for above expression

[@MediaWorkbench]

So far haven't been able to replicate that error, if you're still having trouble copy+paste the full expression code

[@kosalaperera1030]

@@MediaWorkbench Thanks buddy. Much appreciated

[@louiscarole9091]

Hi, I have the same issue, it says that it can't turn the result into a numeric value.

[@naveensingh3300]

Just Copy & Paste var step = 100 / effect("Value Step")("Slider"); var ref = (effect("Animation")("Slider") % step) / step; if(ref > 0.5) { var res = linear(ref,0.5,1,effect("Left")("Slider"),effect("Center")("Slider")); } else{ var res = linear(ref,0,0.5,effect("Center")("Slider"),effect("Right")("Slider")); } value = [res,transform.position[1]]; var step = 100 / effect("Value Step")("Slider"); var ref = Math.floor(effect("Animation")("Slider") / step); var src = (effect("Animation")("Slider") % step) / step; ref = src > 0.5 ? ref + 1 : ref; value = Math.floor(linear(ref,0,effect("Value Step")("Slider"),effect("Start Value")("Slider"),effect("End Value")("Slider")));

[@angeloberkeley1923]

will it work like that?

[@angeloberkeley1923]

I did that jn and i wasn't getting any movement

[@angeloberkeley1923]

do i have to renter the parts with the pickwhip?

[@Iamaamirmohammed]

Can i get file of this work?

[@MediaWorkbench]

Project files for some of the tutorials (including this one) are available to download via Patreon by becoming a patron. You can find all the details and links to both Patreon and this tutorial on the Media Workbench website in the description of this video.