In this assignment, unlike the previous one, we will begin by watching a preview of the outcome in order to gain a general idea of the theme and the effects used. We will then move on to a deeper analysis, examining each element one by one in detail.
NOTE: All the footages (royalty-free) and music (licenced) are credited in the description section of each video on YouTube.
Week 7: Animating 2D Texts in After Effects
Week 8: Animating 3D Texts in After Effects
Week 9: Refining, Timing, and Compositing
Reflective Report
Music is indeed a great source of inspiration. As a result, I decided to synchronise my story with of a music I already knew: "Me gustas tú" by Manu Chao. I combined stock videos downloaded from Pexels with text effects based on the lyrics of the song. Since it was one of my first experimentations with After Effects, the text effects might not be as detailed and complicated as the following projects.
The first scene corresponds with the first expression of the song.
Each word appears after another. Note that the previous works must stay in the timeline because otherwise they get disappeared.
In this scene, I wanted to convey a feeling of travel and nostalgia, accompanied by a text written in the typewriter effect.
In order to do this, I drop the effect from the effects menu and record its movement via activating the chronometer on next to "Slider"
This effect is called "Scratchy Film." It reminds the viewers of the openings of the old movies with wobbly texts.
I did this by simply dragging the related effect to the text in the video.
Apart from the text, I applied a "Glitch" effect in this scene. This effect is my favourite.
After applying the "VR Glitch" effect, I manually typed the shown phrases to animate. However, I found a simpler way to do this much later.
A very typical effect can be seen here: masking text with video.
To do this, I selected the video in the mask settings in my text and applied it.
The colour of my text was red from the beginning.
As the song ends, the text fades away as well.
This can be done by decreasing the opacity while animating it.
The First Experimentation
Before anything, it is necessary to switch the renderer to either Advanced 3D or Cinema 4D. I tried both and found Advanced 3D more appealling especially in the projection of colours.
After switching to the right renderer, I wrote my text in a bold, red typeface to simulate the aesthetics of most common breaking news intros.
To give it a 3D effect, I increase the Extrusion Depth.
Note that using Bevel Depth is optional
Then, using the gizmo tool, I slightly rotate the text so it looks like the side of a train coming the sideways.
To animate it, I play with the position in the text settings and record it. You can either adjust the numbers or move it manually (with the gizmo).
A 3D text without light looks raw. Through adding light, you can make it more realistic and aesthetically pleasing. Additionally, a light source can be very useful for directing the attention of the viewer.
The siren effect is used to transform a sense of urgency. Although it seemed hard at first, I managed to model it using very simple settings.
As is visible, the Color Gradient effect allows us to assign each area of our background a different colour. In order to animate it, I changed the vertex points on the screen randonly while the chronometer was activated.
Transitions are important in visual effect. These small tiles appear and cover the whole background until it turns grey.
You can change the size of the cells and the velocity of the transition in the effects settings. The grid angle also helps you rotate the small cells on the screen.
Lastly, a funny - and rather sarcastic - text appears on the screen. Note that I used the previous effect to this one so the text would appear the same way that the grey background does. If the text is solid and not animated, it would spring up unexpectedly and make the effect look more synthetic.
The Second Experimentation
First and foremost, I removed the background of the Statue of Liberty through double-clicking on the video in the animation bar and then used Roto Brush to highlight the parts I want to stay (the statue) and then eliminated the background.
After playing with the colour contrast, I duplicated it, brought the background-free to the front and the original to the background.
I used the same glitch effect used in the first project.
As I mentioned earlier, I animated the VR glitch effect in a simpler way this time. By activating the Random Seed and then altering it through a span of time, you can animate the computer glitch effect (better than writing commands).
In this section, I wanted to experiment with aligning the text with a designated path. This method is broadly used by After Effects professionals.
First, I insert a text and give depth to it (3D form).
Then, I go to the text settings and find the Path Options. When I expand it, some variables pop up. I click on Path and mask it to the line I had previously drawn. As a result, the text will align with the path.
I want to adjust the speed of the text as it enters and exits the screen. To do this, I activate the "Last Margin" stopwatch, then click on the small graph icon next to it to open the Graph Editor. As you can see, I have stretched the middle section so the text moves across the centre of the statue in slow motion.
Then we add a golden light to highlight the text from the background.
Note: The video was exported without the light source by mistake. That is why the text appears white in the original video.
The Third Experimentation
To create this effect, we begin by making a new composition and setting the screen size to 4098 px × 1080 px. Next, we insert the desired text repeatedly, since it will form a ribbon that needs to be long enough to wrap around the chosen object.
Copy and paste the aforementioned composition to the current one (the video). Scale it so the text will be large and clear.
While selecting the text, go to Effect > Perspective and choose CC Cylinder.
As you can see, the text is bent. However, I only used half of a cylinder. I did this because if I use a full cylinder, the back side also appears in front of the object.
Duplicate your text, go to the effect settings, and in the Render section, choose inside (I chose "Outside" for the previous step).
So here is what we have: a half cylinder in the back (shown in the current image) and one on the front side (shown in the previous image). When we activate both at the same time, it encircles the object in the centre.
Similar to other experimentations, I animate it via activating the stopwatch and adjusting the Rotation Y.
When you add a coloured light, it only affects the portion of the text that is exposed to the light. In this way, it resembles a ribbon with the colour red on the outside and with white in the inside.
I want the rotation to be continuous, so I reduced the video duration to 5 seconds. Why 5 seconds? I found that length by trial and error. The end of the video needs to transition seamlessly back to the start so that there’s no visible lag.
For the final project, I combined the video of the Statue of Liberty (3D Text Effect) with new footage and techniques. Timing and compositing were crucial in this task, since multiple clips, a song, and various effects all had to align with the beginning and ending of the soundtrack.
Transform Effect: I adjust the text scale to 120% so that the image masked inside the text is more distinguishable from the background.
Fast Box Blur: I apply this effect to blur the text slightly, improving legibility.
Curves: I use this to adjust the colour values, controlling hue and saturation for better contrast.
Using this effect is optional. I acquired from the website Plugin Everything where one can find many cool effects for After Effects and download them for free. This effect adds a slight distortion to the colours behind the text.
As you might have noticed, the edges of the sheets of glass in the real world reflect the ambient light. I did this by simply duplicating my original text and give it a 1pt white stroke.
Now they are blended perfectly. Remember to mask the front text so it makes more natural.
This is a well-known effect used to project part of a video inside a shape. In my case, I wanted the video to appear inside a star, and then for the star to transform into the one featured on the flag of Puerto Rico.
I originally wanted to apply a typewriter effect, but I though it would be better idea to experiment other effects and not to stick to the old habits. As a result, I played with the Glow effect.
If you right click on "Animate" icon next to the text settings, a menu appears. Select Opacity from the options. Then in the Range Selector menu, change the Offset from 100% to 0% for the beginning and 0% to 100% vice versa. The End option is the opposite, meaning that 100% is for the beginning, and 0% is for the end.
Adding Glow effect is important but it is optional. One can be satisfied with the letters appearing from left to right without glow.
I want a fast transformation between two scenes (a combination of the previous task and this task). In order to do this, I left-click on the TimeLine panel > new > Adjustment Layer. In this way, a common layer is formed between the two scenes (any effect that I apply to this layer will affect the two layers beneath it).
I go to the graph editor. White my stopwatch is on, I edit the graph manually so the transformation happen in a sudden way, as if someone has pushed the camera (the sharp decline).
The motion tile effect is used in this stage, so when the camera zooms back, numerous copies of the same video appear next to each othre, similar to a tilework.
I can adjust the tile width, height, and the movement. The rows of tiles can be either static or moving alongside each other. I animate it though Phase.
Taking inspiration from the Xbox One start-up screen effect, I modelled a large 3D block M and animated it.
Again, there is a red light source shedding light on the letter.
I kept experimenting with Position, Scale, and X Rotation and I could correctly land the letter on the centre of the word "¡Vamos!" The letter rotates 2-3 times before hitting the black background behind it.
The most interesting part of this experiment was simulating a camera shake as the letter M slammed into the background.
There is an effect especially designed for this: Wiggle Effect. By applying this effect to the whole scene (Adjustment Layer), we can simulate the camera shake.
The First Keyframe: No change in the position
The Second Keyframe: The position of the letter on screen is slightly diverted from the centre of the word.
The Third Keyframe: The position goes back to normal.
The song ending was synchronised with the Wiggle effect. In order to do this, I added a marker to the point where the song ends and matched it with the adjustment layer to which I had already applied the Wiggle effect.
Note that the text persists a few seconds after the song ends to give the viewer enough time to comprehend the word.
My understanding of motion design and animation was originally based on old techniques like photographing a series of static pictures to create movement. That was always my mental picture of how animation worked. After using After Effects, I realised how much easier and more flexible it is to achieve the same results with computer-aided software. One of the tools that really stood out for me was the Graph Editor. I see it as essential, not only in After Effects, but in most software that specialises in motion design. The Graph Editor gives me the ability to control velocity and transitions, and to adjust actual values like pixels, opacity, and scale. It made me realise how much smoother and more expressive animations can be once you move beyond simple, linear keyframes.
To me, a fundamental part of motion design is sketching ideas first. I’ve learned that the biggest problem I face isn’t always lack of technical skills, but a lack of ideas. If I sit down with a clear plan of what I want to create (while still leaving room for unexpected opportunities and new ideas), I can usually figure out the tools I need — often with help from the internet. We live in a time where knowledge and resources are incredibly accessible, which makes this process easier. To push myself further, I started paying closer attention to television channels and their design choices — the effects, transitions, colours, and timing. I often found myself asking: What makes one channel’s visuals feel more polished than another’s? Is it the speed of transitions? The colour choices? The frame rate? Or just the overall quality of the content?
Another tool that became important for me was the 3D Transform Gizmo. It helped me adjust the position of 3D text and the camera in ways that reminded me of working in 3D software like 3ds Max and Blender. While many tutorials suggested simply changing numbers in the Timeline, I preferred using the Graph Editor and gizmo tool together because it gave me more direct control and smoother results. One area I didn’t explore enough, though, was the Camera tool. I now see that I overlooked its importance, and it’s something I want to experiment with more in the future, especially for creating depth and perspective in my work.
Looking at the bigger picture, the rise of digital media platforms shows how central motion design has become. Almost every video online now includes some kind of visual effect, though many are made with quick mobile apps like CapCut that focus more on speed than quality. This is where learning industry-standard software becomes a real advantage. Combining skills from 2D design (like drawing and sketching), 3D design (modelling and spatial work), and animation (timing, easing, anticipation, and so on) allows a designer to stand out from the typical “content creator.” For me, motion graphics feels full of potential right now, and I believe its importance will only keep growing in the future.
Essay proofread with AI tools for grammar and vocabulary