Kinetic Typography Research
Video 1 - ‘Love Like’ by eCabs @ Vimeo
I found this video particularly strong and appealing due to the movement of the typography. The artists varies the type of movement a lot, and the transitions are smooth. I also think a lot of the movements are clever, for example, when the words say ‘Wake up’ the effect of blinking and blurred vision is added to the text. Elements like this make the piece much more fun and help to hold the viewers interest.
Lady Gaga, Nick Knight, Ruth Hogben - The Manifesto of Little Monsters
This film was used as a video interlude at The Monster Ball (Lady Gaga’s World Tour).
This is The Manifesto of Little Monsters.
There is something heroic about the way my fans operate their cameras. So precisely, so intricately and so proudly.
Like Kings writing the history of their people. It’s their prolific nature that both creates and procures what will later be perceived as the “kingdom.”
So, the real truth about Lady Gaga fans, my Little Monsters, lies in this sentiment: They are the kings. They are the queens. They write the history of the kingdom, while I am something of a devoted Jester.
It is in the theory of perception that we have established our bond. Or, the lie, I should say, for which we kill. We are nothing without our image. Without our projection. Without the spiritual hologram of who we perceive ourselves to be, or rather to become, in the future.
When you’re lonely, I’ll be lonely too,
And this is the fame.
Love and art.
It is these words, the soundtrack of the video, which I am most interested in using for my project. On the face of it, Lady Gaga speaks about her fans, whom she names ‘her Little Monsters’. But I believe this ‘manifesto’ describes Popular Culture well. Lady Gaga is one of the biggest artists producing music today, but her atittudes towards fashion, Gay rights, bullying and self-loving have meant that the level of devotion from her fans is very high. To many she is not just a pop artist, but a role model. The point Gaga makes about herself being “something of a devoted Jester” is very interesting because it does seem that everyone wants a ‘piece’ of Lady Gaga. The media want gossip and dirt, the paparazzi will do anything for their picture and fans will devote their time to attempting to see Lady Gaga in the flesh. Quite recently Lady Gaga went outside the hotel she was staying in, and performed a Pop Quiz on herself for the fans waiting outside. The fan who won was given a clump of Lady Gaga’s wig as a prize, and was ofcourse thrilled to own a ‘piece’ of Gaga.
The Manifesto of Little Monsters also speaks of the importance of ones image. She says that “We are nothing without our image. Without our projection. Without the spiritual hologram who we perceive ourselves to be, or rather to become, in the future.” I think this extract is interesting because image is so very important in Popular Culture and the media, because we as human beings seem to particularly judgemental of image. Image can make or break somebody in this field. Lady Gaga’s image is ever changing, which is what I believe she is referring to in the latter section of the extract.
I plan to use her speech as the soundtrack to my Motion Graphics project. As the speech in total is much longer than the piece I am going to make needs to be, I am going to select sections which I feel are the most interesting (being mainly the extracts I have chosen above). To portray the message, I am going to use kinetic typography, illustrations and imagery relating directly to the words being spoken. My video will illustrate The Manifesto of Little Monsters. I plan to theme the piece around The Monster Ball tour, using dark backgrounds, and bright colours (reflecting the stage lights, the set and the costumes of the tour – imagery to show this will follow on my blog).
My target audience for this piece will be Lady Gaga fans, and maybe also anyone interested in Popular Culture. I don’t want to change the way in which fans think about their idol, but I think that by singling out the specific sections of Lady Gaga’s speech, it will just make them more aware of what they are involved in.
And then the last stage was to get the content onto the site. To arrange the content within the IFRAME neatly, I used tables to keep everything in line. These tables are invisible on the final website because I removed the borders, but you can see the tables in this screenshot whilst the borders were still showing.
The next step was the insert the IFRAME into the design, again using a DIV.
This screen shot show the initial stage of moving the Photoshop design to HTML. This took very little time as I just used the individual Photoshop layers of my mockup, as background images for overlapping DIV’s in the real design.
After seeing the mockups by my classmates it was clear that everyone had managed to create their own unique and creative idea. Many of the designs reflected each individuals personality, or preferred creative style which meant no two designs were the same.
There were some designs that I liked a lot and that stuck in my head, the first of which was Ray’s design. I liked the contrast between the messy style backgrounds & sketchy drawings and the simplistic navigation & layout.
Another of my favourites was Rakeem’s, for the simplistic design. He had clearly thought a lot about his colour scheme and the fonts he had used, and even had variations to show the class which meant he got feedback on which ideas were popular.
Lastly, I like Huss’s design. It showed off his Photoshop skills, and also the design (the use of textures, and the coloured strips) reminded me of a designers website that I have seen before, so I’m sure the final result will look very slick and professional.
These images show some 1950’s design, which helped me to decide on the fonts that I wanted to use within my web design. In my own design you can see that I used a sans-serif, outlined style similar to that used in the first of these designs.
I also decided to use a contrasting brush style script font to contrast with sans-serif fonts used in the navigation. The idea for this came from the logo on the Ed’s diner website (http://www.edseasydiner.com/) and is very associated with 1950’s American Diner style.
The following images are my Photoshop mockups for my Digital Portfolio design. These designs are based on the paper design shown earlier in my blog.
I decided on a more simple frame than the one in the drawn designs, to be in keeping with retro 1950’s inspired fonts and colours.