Personal Reflection

Before starting my realisation of concept, I watched many tutorials on using the Adobe software’s: Illustrator, Photoshop and After Effects. Although I already have basic knowledge of these, it was necessary to carry out further research to improve my skills and abilities. I used a 10 day free trial on Lynda.com and looked at a lot of tutorials, mainly using After Effects. These demonstrated a lot of new skills (basic and advanced) to me that I put towards creating my animation video and digital posters.

In order to make my video look professional and engaging, I used a speciFIc colour scheme and neat looking visuals. I created all the graphics for my video on either Photoshop or Illustrator, exploring the tools and shapes provided to make them interesting and consistent in style.

I looked at the “Innovation of Loneliness’’ video by Shimi Cohen for most of my inspiration as on Lynda.com, Eran Stern has made several tutorials explaining some of the steps to creating the video on After Effects. I mainly learnt how to create interesting shape animation and artistic ways to reveal text using masks.

Because I had created a storyboard and narrative before I began creating my animation video, it made the process a lot smoother and easier for myself. With only small changes to my storyboard, I was able to create separate assets and compositions to make up the video.

When it came to putting it all together, I knew exactly what the order was and roughly how long each one needed to be according to the speech that matched it. This meant when it came to recording the voiceover, not much editing was needed to match it all together. I used Premier Pro to edit together the voice over and royalty free music with the animation.

As the main concept for my project, I focused a lot of my time on animating the video on after effects, which took me a lot longer than I anticipated. Unfortunately, this left me with not as much time to create the posters. The posters consist of the information displayed on the video, emphasising the importance of the campaign. Created on InDesign, the posters have a professional layout and display, complimenting it with a consistent colour scheme and graphics. I regret not giving myself more time to create these posters as I feel I could have been more imaginative with them.

If I were to do this project again, I would push myself to explore software’s I hadn’t used before, such as Adobe Muse or Adobe Experience Design to create a website or app prototype. However, because my project was a campaign to bring mental health education into the national curriculum, an animation video and posters were the most appropriate outputs to create.

Exploring After Effect tools

Interesting ways of revealing text:


 

1. From Eran’s tutorial I learnt an interesting technique of revealing text using the shape and mask tools. One section of the animation video included the sentence: 50% of mental health problems are established by age 14, and 70% by age 24.

In After Effects I used the shape and mask tools to write out number 5 and then made it switch it to write out number 7. The final animation looked like this:

https://www.youtube.com/watch?v=rH0lSV9RtS4&feature=youtu.be

2. Eran showed another clever technique to reveal text using the ‘create mask from text’ tool. This meant you could use the stroke tool to make the text mask appear as it written on screen, and then using the alpha inverted track matte, it appeared in a creative way like so:

https://www.youtube.com/watch?v=MNDSzChZJzk&feature=youtu.be

 

Making a banner flow:


Another technique I learnt was making a banner flow on and off screen. To do this I created a banner on After Effects using the shape and text tools:

Screen Shot 2016-04-15 at 12.57.22

 

 

 

 

 

Then using the Bazier Warp effect I was able to manipulate the content into a banner style, and when I moved the position of it, the style moved with it too:

Screen Shot 2016-04-15 at 13.00.48

The final output looks like this:

https://www.youtube.com/watch?v=laRgTo71oG8&feature=youtu.be

Creating a logo

During the research and development stage, I hadn’t really thought of a substantial logo for my project. I created a rough one which looked like:

helpmyhealth

It didn’t take long until I realised this logo was awful. So after submitting my R&D file and I began my project development, I created a brand new logo which now looks like this:

Logo

To create my logo, I used the shape tools on illustrator and traced over a picture of hands that i got from the internet to get the shape of them correct. The font I used (and used consistently throughout my project) is called Moon Flower, which I downloaded from DaFont.

I then animated the logo in After Effects, using shape, solid and mask tools:

https://www.youtube.com/watch?v=Art8B-lvjVY&feature=youtu.be