Posts

Showing posts from November 18, 2018

Motion Graphic: Ad Mockup

Image
I decided to test out what our ad would look like on social media and therefore used Facebook's Creative Hub to create these Mockups. To view these Mockups visit: Facebook Mockup: https://fb.com/l/bWQAdYVGmAn9SO Instagram Mockup: https://fb.com/l/ajY9hQKoRWXBV9 Facebook Mobile View Facebook Desktop News Feed Instagram News Feed

Motion Graphic: Additional Copy

Image
While I was focusing on the illustrations, Anja researched what Ocado usually write as copy for their posts. I had researched Ocado's social media posts prior to this and therefore was able to incorporate my ideas and knowledge with Anja so that be was able to write our copy. We discussed this in the #general channel on Slack, however perhaps we could have created a separate channel to discuss this.  I edited Anja's idea for our copy with further research on Ocado's instagram posts. I then took this one step further. I realised that Ocado also had a recipes page on their website and searched for recipes that included gnocchi and incorporated this research into our copy. I made this page into a bit.ly link as this looks more appealing than a long URL. I also realised that Ocado usually used three to four hashtags in their social media posts and therefore added three hashtags to our copy. I looked into adding a CTA button on our social media post and ...

Motion Graphic: Call To Action Button Process

Image
Anja originally designed the CTA button which I refined by removing the shapes outline and aligned the text to the shape so that it was centralised. The shape was based on Ocado's logo. Version 1 Version 2 We realised soon after that we didn't need to design this as this was included in the advertising options when posting to Facebook and/or Instagram. The only call to action button that was appropriate and related to Ocado's services was the 'Shop Now' button which was linked to the Ocado website.

Motion Graphic: Original Storyboard Adaptations & Comparison

Image
While we were working on our motion graphic in Adobe After Affects some frames from our original storyboard had to change due to design decisions, fitting with time constraints and helping our story flow better. The animation style changed slightly while illustrating this to feel more friendly and to add more expression to the characters. Introductory Frame This frame appears in the same way that we had planned on our storyboard. We decided to use the cabbage colour palette from Ocado's branding colour palette as this is there autumn colour and therefore would fit with the time of year. We decided to use the core purple for the title frame and call to action frames as this colour contrasts well with the logo while the lighter purple colour didn't contrast as well with the core green. As this was Ocado's logo, I felt as though it needed to stand out. We used the lighter purple for the rest of the frames as this was less obvious that the core purple and was nicer tha...

Motion Graphic: After Effects Final Timeline Explanation

Image
Anja put together our motion graphic using Adobe After Effects. Anja and I agreed that using the original illustrator files instead of the files exports (.png etc.) while creating our motion graphic in After Effects was a good idea as we were able to update and edit files easily when needed. We could either replace the file completely with another file or by opening up the illustrator file in Adobe Illustrator, editing the file then saving would automatically update this change in Adobe After Effects. Anja used motion blur on all moving objects to make our transitions smoother and less jittery as well as adding the easy ease effect on each frame (causing our keyframes to look hourglass shaped). Asbury (2012) explained this well in his blog, '5 After Effects Tips for Mastering Keyframes', he states, "The type of keyframe you see is a visual shorthand telling you how the keyframe will behave.  By default, keyframes in the timeline are linear and represented as ...