Digital Designer


Daily Drinks

This entry is coming to you from the not so very sunny Huddersfield. As I mentioned in my last blog post, the closure of the company I worked for has resulted in me moving back to the UK.

While looking for employment to try and start saving up some money so that I wont have to work part time during my last year of uni (I have worked part time all the way through college and Uni - so it will be nice not to worry about fiances so much and focus on my course) I am left wanting to continue exploring new areas of design that I haven't already been exposed to.

I have recently become more aware of how many motion graphics we are exposed to; even as I write this in the library, screens are showing me a minimalistic 'pop-art' style animation about the different services available. So, I have decided to try and learn some basics of this increasingly popular style.
I have found a talented animator on YouTube who has made a series of easy to follow tutorials - the account name is Mt. Mograph, which you can check out here, or on his website. Through following one of his videos, which he titles Slick Object Transitions, I have attempted to make an animation of different drinks transitioning into each other.

My approach to using tutorials in order to learn new software is to try and watch the video as little as possible - to not copy what I'm watching, but rather imitate the techniques in my own work.  I know this is far from perfect, and probably takes me way longer than it probably should, but for a first attempt at animation I am happy with the outcome. Have a look for yourself below:

Daily Drinks

What I like about this animation is how in each stage of the image, a single element of the drink morphs fluidly into the next - for example, the green circle used to denote the Starbucks coffee cup jumps up, changes colour, and then falls to form the orange juice in the next drink.

The simplicity and minimalism of the drink designs is what makes the animation work well in my opinion. By limiting how many individual elements make up the illustrations, it allows for some of the character to come through via the animation.

starbucks motion graphics
Orange Juice motion graphics
Milk Motion Graphics

By taking the Starbucks cup as an example, the illustration is made up of four shapes: the white cup, two separate shapes to make the grey lid, and the green circle. By keeping the total number of elements low, I can animate them all individually without the overall image getting too busy or distracting. The cup appears from the bottom of the screen, growing upwards and outwards, followed by the lids popping out at separate times to add more character to the illustration. Finally the Starbucks logo pops out from the centre of the mug from nothing, revealing the final image.

This project was a fun challenge and I'm anxious to experiment more within the field of motion graphics. Keep your eyes peeled!