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

I've been loving the visual elements in the new Loki series on Disney+ and it inspired me to recreate some of the visuals in After Effects.
In this video we look at creating the timeline slider used to display changes in what year a scene is taking place in. We rig the whole thing with expressions to enable us to dynamically control the animation, and take things one step further by adding in the ability to not only do years, but full dates as well.
Also a quick note I messed up the annotations on the expressions where it refers to the Animation Slider Control, it instead calls it the Animate slider control. If you pickwhip your sliders you will be fine.
Stay tuned for more tutorials breaking down other visual elements from the Loki series.
Also yes I'm slowly coming back after the birth of my twins. They're amazing boys but they take up all my time so it's hard to find a spare couple days to sit down to create a video. But I haven't forgotten you all and will be attempting to do more videos in the future.
Check out the website for this tutorial, plus explanations, code snippets, FAQs, and more....
mediaworkbench.com.au/tutoria...
_________________________________
Have a suggestion for what you'd like to see next? Leave a comment below!
Media Workbench covers tutorials, tips and tricks, freebies and more for the Adobe Creative Suite including After Effects, Photoshop, and more...
- - - - - -
Love what I do? Why not support me in creating more incredible content via Patreon.
/ mediaworkbench
Follow me on Facebook or Instagram to join in on the conversation
/ mediaworkbenchyt
/ mediaworkbench

[@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!

[@bassamsaleh8034]

Welcome back man! And congrats on the babies.

[@Desdela5taDimension]

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

[@rondypondy]

Incredible tutorial! Thanks so much.

[@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

[@samilkvrak]

Welcome back!

[@saibotgerb1729]

Impeccable

[@hsin5868]

Thanks for sharing !

[@webstime1]

Thanks a lot 🙏🙏

[@bubanga]

Amazing! We need a strong comeback from you.

[@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.

[@MrMiguel211]

Now I need the sound effects used

[@xander9003]

I approve of this message

[@kamdevofficial]

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

[@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

[@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.

[@dimasalamsyah4489]

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

[@dakshina7124]

Woahh! :)

[@spirityt9453]

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

[@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!

[@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 ! :)

[@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.

[@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.

[@xander9003]

I got the feeling inside my bones

[@ezmoney7094]

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

[@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]];

[@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?

[@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.

[@igaurav_pandey]

Suggest me the best sound effect for this animation

[@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.

[@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.

[@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.

[@nizarakibi3683]

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

[@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.

[@TRAILERMUSICARCHIVES1460]

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

[@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!!

[@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.

[@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!

[@tobygarvin4918]

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

[@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!!

[@MoreDeuce434]

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

[@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?

[@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.

[@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!

[@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.

[@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

[@kumarb928]

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

[@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 :)

[@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];

[@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.

[@GENZstudyhub]

13.50 my slider is not working

[@shreyabarua1683]

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

[@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.

[@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!

[@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?

[@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.

[@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

[@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]];

[@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"

[@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.

[@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

[@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!

[@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...

[@praneethrandunu]

can i get project files?

[@MediaWorkbench]

Project files for tutorials are available to download via my Patreon

[@anonymoususer8849]

Congrats. Btw I must say you have beautiful wife.

[@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.

[@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.

[@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

[@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.

[@angeloberkeley1923]

These variables keep giving me an expression error

[@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!

[@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

[@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?"

[@GAETAN2614]

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

[@harsh_kumar67]

@mediaworkbench i got the error 'invalid numeric result (divided by zero ?)' on var datetime line

[@historecalls]

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

[@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.

[@user-yj4lb5ss8o]

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]];

[@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

[@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.

[@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?

[@berkanyuceer3064]

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?