After Effect Tutorial -
Create a Countdown Timer

 

There are actually more than one approach to create a countdown timer.
This tutorial only shows one of the approaches that can be used to create a countdown timer. 

 

 

 

 

 

 

Composition Settings

Width: 1920px
Height: 1080px
Pixels Aspect Ratio: Square Pixels
Frame Rate: 25 frame per second
Duration: 12s

 

1. Creating a Composition Setting.

→Click Composition > Composition setting.
→Configure the setting as shown in the image below.
→Then, click OK.

 

 

2. First, we need to create a background. Right click Timeline Panel > New > Solid or Choose Layer > New > Solid to create a new solid layer.
Note: It will display the Solid settings dialog box.

 

 

3. In the Solid Settings dialog box, type Background in the name field and click on the Make Comp Size tab to make the solid layer the same size with the comp size. Then, press OK.

 

 

4. Go to Effect > Generate > choose Ramp to create color gradient.

 

5. Customizing the Ramp effect.

→Go to Effect Control Panel on the left side of your screen.
→Configure the settings as shown in the image below.
→Choose Radial Ramp from the Ramp Shape drop down menu.

 

    

 

Let’s start with the text animation.

6. Click Horizontal Type Tools and type number 5 in your screen.

 

7. In the Timeline Panel, select the 5 text layer and set the keyframe to 3s.

 

 

8. In the Effects & Presets panel, expand the Animation Presets > Text > 3D Text and drag 3D Random Spike Tumble to 5 text layer in the Timeline panel or in your screen.

 

9. Click the Play/Pause button in the Preview panel OR press spacebar.

 

10. To stop the standard preview, click the Play/Pause button in Preview panel OR press spacebar.

 

11. Press the 5 text layer in the Timeline panel and press U. The U key, is a valuable keyboard shortcut that reveals all the animated properties of a layer.

 

 

12. After finish editing, press U again to hide the layer’s properties.

 

13. Change the mode of 5 text layer to Overlay.

 

Noted: If you could not see the mode in your timeline panel, right click and select the column heading > Column > Mode.

 

 

 

14. Continue to perform the same steps to the other numbers OR copy and paste the layer and just change the number.

 

15. Adjust the layer in the timeline panel as shown below.

 

 

Let’s continue to create the effect.

16. Choose Layer > New > Solid to create a new solid layer and name it as Particle.

 

 

17. Go to Effect and Presets Panel and find CC Particle World.

 

18. Drag the effect to the Particle Layer.

 

 

19. Customizing the particle effect.

→ Go to Effect Control panel.
→ Change the Longevity value to 3.00 to determine the length of particles live.

→Expand the Producer property group. Then, set the Radius X to 1.150, Radius Y to 0.500 and Radius Z to 4.000.
→Expand the Physics property group. Then, set the Velocity to 4.00 to increase the speed of particle and set Gravity to -0.200.
→Expand the Particle property group and choose Motion Square from the Particle Type drop-down menu.
→Click the Birth Color swatch and change the color to #00DEFF
→Click the Death Color and change the color to #F9BBFF.

 

20. Animating Particle Layer with scale.

→ Select the Particle layer and press S to reveal the scale properties.
→ Go to 2s and Click the stopwatch icon to add a Scale keyframe at the current time, 02:00.
→ Move the current-time indicator to 03:00 and change the value of Scale to 200, 200, 0%.
→ Move the current-time indicator to 06:00 and change the value of Scale to 300, 300, 0%.
→ Move the current-time indicator to 09:00 and change the value of Scale to 400, 400, 0%.
→ Select the Particle layer and press S to reveal scale properties.

Now, you may preview your project.

21. Watch a RAM preview. When you are done, press ctrl + M to render your project.

 

 

 

By Yuel Tu   | Google  | LinkedIn

Cempaka Technology Sdn Bhd

Pusat Latihan Komputer Cempaka
~Your HRDC Premiere Training Provider~
64-2, Jalan Puteri 2/2, Bandar Puteri Puchong, 47100 Puchong Selangor, Malaysia. Tel: 603-80684461
1-28, Jalan PM4, Plaza Mahkota, 75000 Melaka. Tel: 606-2835955

 

Instant SSL