Flux Ident Development

Creating animations was parallel to creating logos, as I was doing both at the same time. On this section you will see all the videos and idents I made that were concentrating purely on logos. 

This is the first animation I created, as I really wanted to start animating and begin production of the idents. This was the first logo I created and decided I would make an animation see how it came out. Before this video, I had created much shorter videos of the last animation, where the black circle would pop in and the word flux would come in the same way after the reflections came in. I decided it was too short and was not exciting. This is when this video was created, as I completely recreated the style of the video. It begins with a typing animation of the word flux in upper case, in a sans-serif typeface. I then made it look like the word was being deleted by getting rid of each letter as if someone was hitting the backspace key. It then rewrites the word flux in lowercase, and then deletes it all over again. It is then written in a handwritten calligraphy font, but this time is not deleted. Instead, three slides of rows of triangles slide in, one after another, and the red and black one is last. The word flux moves into the centre of the image, and this is when the black circle scales in from the centre. When it has fully scaled up, you cans see a feathered out drop shadow behind it, which makes the animation look more professional. The reflections then slide in, one from the top right, the other from the bottom left. A second later the word flux changes from green to white. The background of red and black triangles fades out very quickly and the logo scales down a small bit and moves up to the top of the screen. It feels like it is getting further away when it does this, which almost makes it 3D. The logo then flies down to the bottom of the screen, where it goes off screen and the animation finishes. One thing I realised about motion design and animation is that everything needs to moving and in sync while there are still things going on, which I found out after this animation. This is the reason why this animation is quite slow and makes you wait for objects to appear. As I know I can do better than this, I realise this did not look professional and complicated, which is usually what makes an animation good.

This ident was created based on my hipster-styled logo, and mainly focuses on the coming-together of the logo. It begins with the dark blue circle scaling in very quickly from the centre, followed by the circle with the lighter shade of blue. Instantly a line sweeps through the logo from the top right, and while this is happening a huge circle that is transparent scales in from the centre and covers the screen, then finishes very quickly. While all of this was going on, the white ring around the light blue circle appears without you even noticing. When the large transparent circle comes in, you begin to see a blur moving around in the circle, and is spinning. When it slows down, you realise it was the starts around the edge of the circle. This is also when the black lines pop in from the side quite suddenly and spin 360 degrees before stopping and coming out of the circle. While that is happening, a black line appears in the circle, which is followed by the word flux coming out of it. Everything is stationary for at least a second before the black lines rotate 360 degrees anti-clockwise and go back into the circle. A black line that is similar to the one that held the word flux appears beneath the logo, which then goes into it and is followed by the line closing. The entire animation is very quick and you can see very quickly that it looks very professional and a lot different from the last one. There is also a very slight shadow behind the logo that many people do not see on the first time. This is also a video that can be played on a loop and still has a perfect rhythm. 

This video is 3 seconds long and contains an animation showing my final logo. It begins by the red background of the logo and the actual text sliding in from opposite directions, and as soon as they do this, the colours are inverted. To do this I created a mask and inverted the colour, which means that anything in that mask has been inverted. The left side is the original colour while the colour on the right has been inverted and is now dark blue on turquoise. The shadow like feature on the text slides in on each letter, and this was also done by changing the path over time. When this is done, the small circles on either side of the logo pop in, and are both in completely different colours. The masks then change places on either side, making the left half blue and the right side red. There is then a mask from underneath, and this goes from the bottom left to the top right. It makes the text a really light blue on a nice shade of sky blue, which means the red and dark blue colours go away for a split second. The mask then wipes away, revealing the red and dark blue backgrounds again. Another mask then swipes up from the bottom to show a slightly darker blue than the background behind the text, which is the same colour as the background. It then wipes down, which essentially just takes the logo down for the rest of the video. The video ends right here so it is possible to play this video on a loop with a good flow. It is a very bright and eye-catching animation but doesn’t really have anything apart from that to go on, which makes it look amateurish. Overall it is bright and cheerful, but doesn’t look as professional as the last.