How To Create A Number Counter Effect In Davinci Resolve

A number counter effect creates a visual impact in videos, and in Davinci Resolve, this effect is very simple to achieve. It just takes a few minutes to do, and you have full freedom to customize this effect according to your needs. It’s possible with an ‘Expression’, it’s a Simple Command Box where you can give it a command and get your result.

Don’t be afraid of the command; it’s quite simple. First, we will add an expression to the text. Next, we will edit the code according to the needs. After that, we will include that code so you can understand it properly. At the end of the blog post, I will also share some pro tips for implementing that effect. Now, let’s dive into the number counter effect!

• Go to the effects panel and search ‘Text+’ and add to the timeline.
• Select the text+ clip and go to the inspector.
• Go to the Text box and right-click it.
• Here you can see an option called ‘Expression’, click it, and you will see a small line box appear below the text box.
• Now we have successfully added an expression. Next, we will edit the code according to our needs before adding it, ensuring we won’t need to edit it again next time.

So first, here is the Code, copy it and paste it into your notes apps so we can edit it. (It looks like it’s hard, but it’s very easy)

: -- setup
from = 0; -- starting value
to = 1000; -- ending value
delim = "," -- the text inserted as a thousands separator.
prefix = "pre " -- text before the number
postfix = " post" -- text after the number
-- setup end
number = from + (to-from)*(time/comp.RenderEnd)
delimited = (string.format('%d', number)):reverse():gsub("(%d%d%d)","%1" .. delim):gsub(",(%-?)$","%1"):reverse()
return(prefix .. delimited .. postfix)

• In that code, we just need to understand 4 options: from, to, prefix, and postfix.
• This 4-option can handle your counter animation and Number branding as well. First, we understand that all 4 options work.
  • From: This is your starting value, where you want to start your number count. Ex: if you want to count ‘0 to 1000’, then your from value is ‘0’.
  • To: This is your last value where you want to end your number counter. Ex: if you want to count ‘0 to 1000’, then your To value is ‘1000’.
  • Prefix: This is the first area where you can add any currency icon, and other text icons, such as $, €, +, -, and %. This will appear at the front of your number counter.
  • Postfix: This is the Last area where you can add any currency icon, and other text icons, such as $, €, +, -, and %. This will appear at the end of your number counter.
• Edit these four settings according to your need, and if you only want one thing between prefix and post fix, then edit that value, and empty the other value or remove the value text. Ex: if I only want the Prefix, then I empty the Postfix value and remove ‘postfix’ text as well.
• For this Blog post, I want to create an Inscrise number counter effect from ‘0’ to ‘1000’. With the ‘$’ sign in Front, so my code looks like that.

: -- setup
from = 0; -- starting value
to = 1000; -- ending value
delim = "," -- the text inserted as a thousands separator.
prefix = "$ " -- text before the number
postfix = " +" -- text after the number
-- setup end
number = from + (to-from)*(time/comp.RenderEnd)
delimited = (string.format('%d', number)):reverse():gsub("(%d%d%d)","%1" .. delim):gsub(",(%-?)$","%1"):reverse()
return(prefix .. delimited .. postfix)

• After your Code block is ready, go to the Expression line box and remove the default text and add this code.
• Now that we have successfully created the number effect, we just need to adjust some settings.

• Now we just need to customize this text. For that, use all the Text+ settings for the Number counter effect. Like Color, Font Position, Etc.
• For Glow your Text. Click the Text Clip and go to the fusion tab.
• Click the ‘Template’ Node and press { Ctrl + Space }. After that, a Toolbar appeared.
• Search’ Glow (GLO) ‘ And add that Effect. After that, your text is automatically glowing up You can adjust some settings according to your needs.
• Now you have a Number counter effect.

• Include a counting sound effect to capture more attention.
• You can also create a reverse number counter effect as well, simply reverse the From and To settings.
• You can also add a simple float effect, and it looks like your text is floating in the air. I also write about how to float any object in Davinci Resolve. Click here and read the full blog post: How To Float Any Object In Davinci Resolve.

Creating a number count effect in Davinci Resolve is very easy to do. You can create with a simple code, and you don’t need to apply any other plugin for creating that type of effect. What are your thoughts about that topic? Let me know in the comments. I also created a YouTube tutorial about that topic. Click here and understand properly.

Have a nice day.

Topic: Davinci Resolve, Number Counter effect.