Animation Video


‘Using your ‘journey’ project, select and manipulate imagery generated to create an animated video that represents something that you are particularly interested in. The resulting animation may be literal/metaphorical, allegory or abstract. It will have an element of Kinetic typography.

The imagery used to create the animation should range from the abstract to the literally descriptive. You will need to show that you have researched, selected, edited and manipulated visual imagery to convey an idea and/or message that you feel strongly or passionate about’ – BTEC Brief, Communicating With Images


This idea was based on a concept from my work I was doing for my journey project which was using type and having flower/nature imagery coming from the text and moving.

(changed idea under this section)


My Work:





Research Examples:

This was exactly what I had in mind for my animation video. The type appears while flowers and leaves are popping out of it, giving it a simple yet pretty look to it. For my work shown above I think this type of animation would work best with what I’ve already got.



-Type Artist, Seb Lester-

-Researched Video Examples-

These are just some video tutorials that I had found, that I could use to create animated type for my video.




VFX – What is it?

You might have seen films with heavy visual effects and heard people say “The visual effects were amazing!”, but what exactly are visual effects and how do they work?

According to VES handbook:
Visual effects (commonly shortened to Visual FX or VFX) is the term used to describe any imagery created, altered, or enhanced for a film or other moving media that cannot be accomplished during live-action shooting. In other words, much of the art of visual effects takes place in post-production, after primary image capture is complete. Visual effects can be added to live-action, captured through techniques such as matte painting; rear- and front-screen projection; miniature or forced perspective sets; computer graphic objects, characters, and environments; and compositing of images recorded in any number of ways. The recent explosion in digital tools that make flawless compositing, digital sets, and fully computer-generated characters possible and accessible to moving image makers at all levels has made visual effects a standard part of every moving image maker’s tool kit.

Wikipedia says:
Visual effects involve the integration of live-action footage and generated imagery to create environments which look realistic, but would be dangerous, costly, or simply impossible to capture on film. Visual effects using computer generated imagery  has recently become accessible to the Independent filmmaker with the introduction of affordable animation and compositing software.

So basically, anything that’s difficult to film then we use visual effects to achieve it. For example, aliens attacking the earth is impossible to film so we use visual effects for all the alien creatures to destroy the city. This is a very obviously example of visual effects. A lot of time we use visual effects in more subtle areas. For example, if there’s a scene in the story that needs to be in another country, an imaginary location or a city in the future/past. It’s just inefficiency to go to another country or build a set. Visual effects in these situation are really helpful.

A lot of visual effects examples will be discussed in the future posts. Here we just need to have a rough concept of what visual effects is about and why we use it for films. We hope you enjoyed this post and please feel free to leave us any comments.

( )





I like how the type laid out in this video. There are a lot of different ways that the type is animated throughout the video and they all work well together and with the music.


I how this video is a kinetic typography video but has a mix of both illustrations and type, instead of most videos like this type the just consist of type so it was nice to see the mixture of both.

This is another video that mixes both illustration and type. In this video, I like how while the voiceover is speaking the text is popping up to it and the animations are too.

This is a great example of kinetic typography, as every part of the video just works well together; the timing, the animated type etc.

This video has a create sense of being able to get the type to move exactly at the right time in the song, which makes a great kinetic typography video.





The idea for this animated video is to based on the concept from my Journey project, which is to create five motion type inspired posters/cd covers on a selection of songs. For this project, I will animate the text from that project, adding the chosen songs to each composition and compile them altogether to create a video between 30 seconds to 1 minute in length. Below is a quick story broad on the idea for my video, to keep me on track and to know what I am doing for each scene.


-Production Diary-

-Light It Up-

For this composition, I wanted to create the title of the song using a liquid text effect to make it look like water was running through it.

I created a new comp and got the type tool and wrote ‘Light It Up’ using the font Lato.


Create a new solid layer, name it ‘Saber’ and to the effects window and apply the Video Co-Pilot – Saber effect to that layer.


In the effect controls panel, I went into customize core and changed the core type and text layer settings, while lowering the glow intensity as seen below;


On the saber layer in the layer panel, I clicked the arrow, opened the effects; saber; and set a key-frame for ‘start offset’ put it at 100% at the start of the layer at 0 seconds and then went to 6 seconds on the timeline and key-framed ‘start offset’  at 0%.



Towards the end of that layer on the timeline at 6 seconds, I added key-frames in for ‘glow intensity’ and then gradually intensified it so that at a certain part of the animation it would light up even more when the song kicked in and then I lowered it back down to what it was beforehand after.


I then duplicated the saber layer and put it after the previous saber layer. At the start of that layer on the timeline, I set a key frame for ‘start offset’ at 1% and then at the end I set it at 100%, so that it would gradually fade back down to a black screen, the exact same way as the light increased at the start but this will fade down in reverse.






My animated type was then created and it had a light up effect running throughout it, to go with the title of the song ‘Light It Up’.

Screen Shot 2017-05-05 at 12.16.17 a.m.


-Cold Water-

For this composition, I wanted to create the title of the song using a liquid text effect to make it look like water was running through it.

I began by creating a Comp and naming it ‘All Letters’. Then I got the type tool and typed ‘Cold Water’ using the font Lobster and aligned it so that it would sit in the centre of the comp. Then in the layers panel I right clicked on the type layer and chose ‘create shapes from text which created outlines of the text into shapes and deleted the original text layer.


I duplicated the layer 8 times as I needed a layer for each letter in the title. Pressed the arrow key beside the first layer and went into contents were I left one of the letters and deleted the rest. I then went on to repeat this for each letter, renaming them as I went along,  giving me a layer for each individual letter than I could work with.



Then began the process of creating the liquid effect on the text. I started by hiding all the layers except layer ‘C’ and then duplicated it and named the new layer ‘C2’. After than I pre-composed layer ‘C2’, named it ‘C Mask’, opened it up and added an effect called stroke which I dragged over onto it.


Used the pen tool and clicked on icon titled ‘Tool creates mask’ instead of the default pen tool and began to draw a stroke through the letter but in the shape of the letter.


Over in the effect controls I changed the paint style to ‘on transparent’ and the path to ‘Mask 1’.  When the stroke was drawn I increased the brush size to cover the whole letter and dragged points on the lines to pull it out to fill the letter.


After that was done, I could animate the stroke to move through the shape. I brought the timeline cursor to the start of the animation and set a keyframe for ‘End’ at 0% and then brought the cursor forward to about 1 second and set another keyframe for ‘End’ at 100%.


Then highlighted the keyframes on the timeline, pressed ctrl/cmd U and then F9, went into the graph editor, to find a dome shaped graph which would in turn create a smoother animation for my stroke.


I went back into the main comp ‘All Letters’ looked for the layer ‘C’ and changed the mode to ‘Alpha Matte C Mask’.


This was then done for all the layers using the same process except instead of having to create the same exact settings for the stroke I just copied this effect and transferred it to each mask layer. I used the pen tool did the stroke, which now I had already copied over but I had to change the path to ‘Mask 1’ for it to show. The only issue with that process of copying the stroke was that it didn’t fit each letter the same so I had to go into parts of the stroke animation and reduce/increase the size of the brush stroke to suit the shapes and curves of the letter.

I had to offset some of the frames in the timeline panel to that it would animate smoother and then letters would appear exactly when they needed too.


That was the first composition, now I needed to create another composition which I named ‘Final’ and this was were the liquid effect would happen. Dragged in the original composition ‘All Letters’ to this new one, duplicated it twice and placed a fill effect on the first layer. In this fill layer I changed the colour and then copied the effect to the other two layers and changed the colours for each.



My animated type was then created and it had a nice blue liquid effect running throughout it to go with the title of the song ‘Cold Water’.

Screen Shot 2017-05-05 at 12.16.54 a.m.



For this composition, I wanted to create the title of the song using a particle text effect to make it look like their was an explosion of particles coming from the text.

I began by setting up a new composition naming it ‘Main’ and setting it to 10 seconds long. I grabbed the text tool and typed ‘Earthquake’ using the font Arial, keeping ‘Earth’ text in white and ‘quake’ text in red.


I pre-composed the text layer naming it ‘Text’, then went back to the ‘Main’ comp and pre-composed that same layer again but this time naming it ‘Particles’.

After pre-composing the layer ‘Particles’, I opened it up and created a solid layer naming it ‘Particles’ too. I went to the effects and presets over on the right hand side and typed in ‘partic’, to then find “Trapcode Particular” which I then dragged over onto the solid layer.


I then needed to make the text layer 3D by ticking the box underneath the cube symbol in the layers panel. I went back to the particles layer and began to create the particles by changing up some of the settings.


Here are some of the settings I changed in the ‘Effect Controls’ panel on the top left that I changed for the Particular Effect;



I also played about with some other settings along the way to get the effect how I wanted.

Then in particle comp, set up new camera layer; at about 4.15 seconds and set keyframes for; Point of Interest, Position, and Orientation

Go to towards the end of the comp at about 915 seconds, set same keyframes; -POI – same,  Position – 193.0, ___, -1017, Orientation

Go to 10 seconds; change position – ___, ___, 128

Go to 10.15 seconds; change position – 302, ___, 631



My animated type was then created and it had a particle effect running throughout it to go with the title of the song ‘Earthquake’.

Screen Shot 2017-05-05 at 12.17.13 a.m.


-Shed A Light-

For this composition, I wanted to create the title of the song using a shine through text effect to make it look like their was a light shining behind the text.

Started by setting up a new composition that was 6 seconds long calling it ‘Shed A Light’. Then I created a new solid as the background using the a purple colour and naming it ‘BG’. I typed the title of the song onto the comp using the font Impact and duplicated the text layer twice.


Highlighting the first layer, I went over to the effects and presets section and searched ‘fast’ which then showed the ‘fast blur’ effect which I dragged over on to the text layer. In the effect controls panel, I changed the blurriness to 2.0 and left the other settings the same.


I dragged the ‘fast blur’ and ‘cc radial fast blur’ onto the second text layer, as this would be the layer where the animation of the shine would take place. In the effect controls I changed some of the settings as seen below.


For text layer three, I cut it back on the timeline to less than 1/2 a second at the end, as this would be were the original text shows and I wanted that to happen after the animation for it to go back to the normal text.


I went back to layer 2, clicked on the arrow beside it to go into effects and then pressed ‘cc radial fast blur’. At the start (0 seconds) I set a keyframe with the following settings;


In the effect controls panel, I used the centre point which I brought to the left of the type and centred it up with the mark in the middle, which makes the light start shining in from the left to began the animation.


Next I went to 1 second and used the centre point again and put it in the middle and changed the ‘amount’ to 85.


Then 2 seconds, I moved the centre point to the right and changed the ‘amount’ back to 70.


At 3 seconds the centre point was brought back to the middle of the type and the ‘amount’ set at 95 to give it a huge big shine, and then at 4 seconds the ‘amount’ was 0.

For a smoother transition of the shine at the end, I highlighted the keyframe markers at 3 and 4 seconds and pressed F9.



My animated type was then created and it had a shine effect running throughout it to go with the title of the song ‘Shed A Light’.

Screen Shot 2017-05-05 at 12.17.50 a.m.



For this composition, I wanted to create the title of the song using a glitch text effect to make it look resemble an intoxicated state where you can’t see things clear and they seen to moving constantly.

I first tried to create my own glitch effect using a coloured solid seen below but it didn’t manage to give off this effect when I tried to animate it and instead turned out like this;


After that had failed, I had no choice but to create everything else up to this point on my own and then have to use a glitch video that I got from the internet to give my text a glitch effect.

I began with a new composition, dragged the mp4 glitch video file onto the layer panel and used the type tool to spell out ‘INTOXICATED’ using the font Impact.

I created an adjustment layer and in effects and presets I looked for ‘Displacement Map’, which I dragged onto this same layer. In the effect controls I linked the Mp4 file and down in the layers panel put the video file in between the adjustment layer and the text layer.

Next I highlighted the text layer, searched for ‘set channels’ and applied it to this layer. I then duplicate the layer twice naming, layer 3 – Red, layer 2 – Green, layer 3 – Blue and turned each of the modes to ‘screen’.



In the effect controls, I turned off each of the other colours that didn’t need to be on for each layer so for example, if on the layer ‘Red’ then I would turn off green and blue.


And my text ended up like this;


Then for each colour layer I pressed ‘p’ for position and dragged the numbers out slightly so that it ended up looking like this;



My animated type was then created and it had a glitch effect running throughout it to go with the title of the song ‘INTOXICATED’.

Screen Shot 2017-05-05 at 12.18.28 a.m.

-Finished Video-



Screen Shot 2017-05-05 at 12.34.17 a.m.Screen Shot 2017-05-05 at 12.34.26 a.m.