This page provides video content that complements my thesis: ‘exploring ways of evoking emotions with kinetic typography’.
Easing function in animation (EaseIn, EaseOut, and EaseInOut)
Easing changes how the value in the graph changes over time, so by altering the straight line between the two points, that will change on what pace the object is moving over time yet it will still stop at the keyframe of point B. Moreover, there are 3 main options for easing between keyframes, EaseIn, EaseOut, and EaseInOut. As shown in the video, all three graphs have a different curve, the EaseIn interpolation affects the value of the object as it moves from the point A, EaseOut affects the value towards the end, and EaseInOut affects both moving out of the first keyframe and moving into the second. The video helps understand how each curve in graphs affects the movement of the animation from point A to B over time. All the objects start at the same value and finish off at the same but, however, they have different values in between the start and finish point.
Creating a feature (direction and intensity slider) for kinetic text messages
An experiment used for my thesis study to illustrate what it would look like to have a feature in text messaging apps that animates the text messages of the users based on how they’re feeling instead of using emoticons.
Text in motion testing
8 video sequences were created for testing. All the text in the sequences is styled using the font Helvetica Regular, 85 px font size, and with a center-aligned starting point on a plain black background.
A survey was conducted with 86 participants. The survey partakers were asked to watch every sequence and then answer a given questionnaire. The same question was used for every sequence in order to get accurate comparison results. Once the respondents watch the video, they were asked to state what emotion the animated text evoked. The choices list given was a variety of basic emotions that contained love, fear, joy, anger, sadness, calmness, disgust, and confusion. A ‘no emotion evoked’ answer was also available in case the participants didn’t feel the motion evoked any emotions. An optional textbox was also provided for each question so the users can explain the reason behind their choice.
Stylized Kinetic Typography
The phrase “do you want to play?” was used for testing, this phrase can be interpreted to us in many ways based on the tone of voice the person is using, such as childish, creepy, electronic, etc. A video of 12 sequences was created in order to present how far we can go with designing a work of stylized typography video in terms of style and show its impact on the meaning of the phrase.
Basic Kinetic Typography in Opposition to Stylized Kinetic Typography
A total of 60 participants were first shown all the basic versions and later shown the stylized version, they were given multiple choices to choose from that each represents a tone of voice. It’s quite predictable that the viewers will identify the tone of voice immediately from the stylized version, therefore the basic animation had to be displayed first. Even though it’s obvious that the stylized version will communicate the message clearer and better, yet the point of this test is to evaluate the difference of which the motion alone is enough to communicate the tone of voice in comparison with the stylized version that is created using colors, advanced effects, and various font styles.
