13/6/17 – 4/7/17 (Week 11 – Week 13)
Beatrix Leong Yi Wen, (0331043)
Typography and Hypertextuality
Final Project: Kinetic Typography


Lectures:

Talk by Lee Kok Feng || Week 12, 13/06/2017

Lee Kok Feng came to our campus to give a really fascinating talk. He spoke of his experience both studying design as well as working in the design world. He emphasized how important it is to have good work ethics to be successful in this field. He also showed us his various design works and talked about his design processes.

(No lecture) || Week 13, 20/06/2017

We didn't have a lecture as we spent the time working on our assignments.

(No lecture) || Week 14, 27/06/2017

We spent this day working on the final touches for our  kinetic typography poster and animating it.

• The student must utilise the accumulated knowledge from the exercises, lectures and from their own reading (library books and online sources) to guide them and inform them in their decisions.
• The student must document the process (sketches, trial and errors) in their eporfolio and hardcopy portfolio. The student will be expected to submit the final mock-up in the hardcopy portfolio and the softcopy PDF (and or JPEG) uploaded or embedded unto the eportfolio. 
• Create a separate folder in your Google Drive and store all files, artefacts, project submissions, etc. here. 
• Ensure all items are logically and chronologically ordered, labelled and dated.

• All gathered information (failures, successes, epiphanies, sketches, visual research, printouts, websites, images, charts, etc.) documented logically and chronologically in the A4 Clear Sheet folder. The works must be labelled and dated.
• All gathered information (failures, successes, epiphanies, sketches, visual research, printouts, websites, images, charts, etc.) documented logically and chronologically in the eportfolio for the duration of the project in one post and for the duration of the course in a separate post as instructed in class.
• Softcopy of the animation must be uploaded unto the eportfolio or YouTube and embedded in the eportfolio (as directed by your lecturers) while a frame-by-frame JPEG of the kinetic animation must also be uploaded to your eportfolio.
• The frame-by-frame animation needs to be printed out and documented in the hardcopy portfolio.

• To develop students ability to express ideas through text in moving forms.
• To develop students ability to create seamless movement from one frame to another.
• To develop students ability to maintain excitement and variation in the presented animation.

Figure 1: Pinterest board

Figure 2: Possible layouts

Figure 3: Brainstorming quotes

Figure 4: Sketchbook

The posters that inspired me the most were these:

Figure 5: Hypocrisy poster

 I liked the use of colours in this poster. The colourful background allows the all white text to really pop and stand out. The placement of the text is also something unusual and unconventional.

Figure 6: SUMMER poster

These set of posters had a typeface that looked a little similar to mine and I liked the simple layout that allowed the text "SUMMER" to really stand out and showcase the character of the font as it is a display font, like mine. The use of simple clean lines was an added bonus. This poster set also utilised the all-white font on a coloured background.

Bearing in mind these elements of the posters that I admired and strived to achieve in my own poster, I started coming up with designs. The quote I chose to use was:

“You will never be completely at home again, because part of your heart always will be elsewhere. 

That is the price you pay for the richness of loving and knowing people in more than one place.”

-Miriam Adeney

Figure 7: First version

Figure 8: Second version

Mr Shamsul asked me to research on Spotify posters as they had a similar look and feel to my poster's vibe. Some of which are featured in my pinterest board. For the first and second versions, Mr Vinod told me that it "completely lacked composition" and that images were not allowed. He asked me to redo my poster over again.

Figure 9: Third version

 In this version, I created a simple gradient for the background and removed the image. I focused on the part of the quote I thought was the most important, "part of your heart will be elsewhere" and placed the rest of the quote in small text boxes surrounding the main words. I also used simple white lines as accents and employed the all-white text on colour approach.

Figure 10: Fourth version

Figure 11: Fifth version

With the fourth and fifth versions, I played around with borders and shadows as well as black text. Mr Vinod said that I was "defacing my font" and the previous third version was much better.

Figure 12: Sixth version

Figure 13: Seventh version

Figure 14: Eight version

Some of my classmates gave me feedback on my third version and commented that the layout made it look like it was an event poster and it was difficult to see it as a whole quote. Some also told me that it was difficult to read the small text boxes. Thus, I used a different layout that was more cohesive and used some concepts of concrete poetry; the text is arranged in the shape of a lightbulb. A lightbulb typically represents new ideas or realisations; reading the quote when I first came across it was a huge realization for me and it has stuck with me in my head for a long time. This is why I thought shaping the text into a lightbulb shape was appropriate. However, Mr Vinod and Mr Shamsul disagreed and said it didn't make sense for it to be shaped as a lightbulb so I should stick to the third version instead.

Figure 15: Third and final version

Unfortunately, I only received this feedback during submission day thus I had already completed the animation with the eight version of the poster (the lightbulb one), and I had insufficient time to redo the animation all over again.

Animation: