Monday, 13 November 2017

OUGD504 - Studio Brief 02 - GIF Frame Animation Experiment

Based on new skills learnt from the Photoshop for animation workshop, it was decided to produce a short animation of how the logo would potentially be animated on the first and last screens of the interface. For this process, the last screen design of the interface was transferred into Photoshop, separating the elements into different layers based on what parts would stay static and which elements would need to be animated, such as the logo and the wheels separate form this. For this particular experiment, it was decided to use a frame by frame animation, rather than a video animation since there were not many complicated elements to animate.

The desired effect of this animation was for the taxi logo to appear as if it were moving along a road, however whilst also staying static in it's position on the screen. To produce this effect the taxi was moved in an up and down motion, whilst the wheels turned around at the same time.
It was felt the final animation communicates this idea and effect clearly enough that users would be able to understand it's intentions, however due to the nature of frame animations, the taxi seems a bit jumpy in it's movement. Through the process, there is a stage whereby it is possible to tween the animation, which adds extra frames between each of those initially inputted in order to make the animation run through smoother. This was experimented with to try and solve the problem of the animation being jumpy, however this resulted in the animation continuing to be jumpy and too slow in it's movements even when put on the lowest frame time rate.
However, despite not initially intended, this jumpy movement can be considered to reflect the movements vehicles make occasionally as they are driven, particularly reflecting the rubber nature of tires in how the body of the car is almost bounced by these as it moves along a road.


No comments:

Post a Comment