Hello everyone! Today We're gonna create a really nice number transition with Trapcode Form. This effects is quite cool because you can easily modify or change the characters to words, symbols, or shape layers..It's up to you!
I create a composition by clicking Menu-> Composition->New Composition. Make it 1280*720 square pixels 15 seconds long, name it as ‘Code Reveal’.
Create a new solid clicking by Menu->Layer->New->Solid. Change the color to Black. Make it comp size (1280*720) and name it as 'BG'.
Go to Effect->Generate->Ramp and set the following properties.Set the Start color to #27073A and the End Color to #040404
I used this texture to create a much more dramatic look and change the blending mode to overlay.
Let's create a new composition for the custom particles by clicking Menu-> Composition->New Composition.Make it 50*50 square pixels 3 seconds long, name it as ‘Custom Particle’.Actually my first duration test was 10 seconds but I want much faster number changing so I lower the amount of the duration.
I used the Horizontal Type Tool (ctrl+t) to create the numbers. In this part you can use words,symbols, shape layers.Maybe if you use a heart icon then you can create a valentine's day heart shape reveal or something like this.
Let's offset the layers. This is not the most elegant way but this will works fine.
Create a new solid clicking by Menu->Layer->New->Adjustment Layer and name it as 'Color'.
Go to Effect->Generate->Fill and set the following properties.Let's set the color to #B956D4.This is an optional part too so if you want to use green numbers then change the colors to green.
Let's put the Custom Particle composition above the texture layer in the main comp(Code Reveal) and turn it off.
Let's import the Aetuts+ logo (or your own company logo) and put it into a new composition by clicking Menu-> Composition->New Composition.Make it 543*155 square pixels 15 seconds long, name it as ‘Aetuts+logo’ If you like to use a custom text then create a new composition use the Horizontal Type Tool (ctrl+t) and use a grey or a white color as a textcolor.If you want to use your logo's or text's colors the you have to use white or grey color numbers,shape layers, words etc etc and in form under the Color and Alpha menu you have to use the RGBA to RGBA.
Let's put this composition into the main(Code Reveal) composition and turn it off.
Create a new solid clicking by Menu->Layer->New->Solid and name it as 'Form(The color is not important).
Select the Aetuts+ logo and desaturate it (Effect->Color Correction->Tint).
Now select the Form layer again and add Form(Effect->Trapcode->Form) and under Base form let's change the following properties.The most important thing is that you have to set the particles in Z to 1 and do not use to many particles because this is a very render heavy process.In the particle section we have to change the particle type to custome and we have to select our custom particle composition layer and set the Time sampling to Random Loop.
Under the Layer Maps properties let's change the Color and Alpha properties to Lightness to A because we are working with a black and white image.
I changed the Disperse and twist properties to achieve the flying number effect.If you skip this part then your custom particles won't move.It's useful if you wanna create a Matrix style look(if you skip this part).
I also add Affect size which is a fractal noise style effect in the Aetuts+ logo wich you can see in the preview video at 0:09 sec.
Let's change the render mode to Full Render + DOF Smooth.
.Im also add a little glow effect (Effect->stylize->Glow) with the following settings.
Go to Layer->New-> Camera and create a new camera with the following settings.
Create a null object(Layer->New->Null Object) turn into a 3d layer and parent the camera to the null.If you don't see the 3d layer switch icon then press down the F4 button.
Whit the null object selected(Camera controller) click on the little arrow icon to reveal the transform properties or just hit the "p" key on the keyboard and create a simple camera move.
The first position value is 640 360 1250 and the second is 640 360 100.(x,y,z properties)
Create a new solid clicking by Menu->Layer->New->Adjustment Layer and name it as 'Radial Fast Blur'.
Go to Effect->.Blur and Sharpen->CC Radial Fast Blur and change the Amount to 92 and the zoom propertie to Brightest and change the layer blending mode to screen.
Duplicate the Adjustment layer and rename it to Grain. Delete the Radial Fast Blur effect and turn off the 3d layer switch and go to Effect->Noise and Grain->Grain and set the following properties.
Duplicate the Adjustment layer again and delete the grain effect rename the layer to Color correction and go to Effect->Color Correction->curves and set the following properties.
Create a new solid clicking by Menu->Layer->New->Solid. Change the color to Black. Make it comp size (1280*720) and name it as 'Vignette'.
With the Vignette layer selected let's double click on the Ellipse Tool and create an elliptical mask with the following settings.
Let's play with the camera settings if you want to change the Depth of field effect.
At the end of the video I used a simple Linear wipe effect with a big feather to reveal the original Aetuts+ logo and I lower the opacity of the Form layer as well.
Also we have to lower the amount of the Radial Fast Blur effect.
Also we have to lower the amount of the Radial Fast Blur effect and as you can see finally I add a new layer(Layer->New->Solid) and use this layer as a fade out effect so I change the opacity value 100 to 0.
As you can see this is a pretty useful technique so use your imagination and try to create something groundbreaking and don't forget to share your ideas and videos with us. One again my name is Tibor Miklos and I hope you enjoyed the tutorial. Thanks a lot for your attention.
Subscribe below and we’ll send you a weekly email summary of all new 3D & Motion Graphics tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post