Brief
The brief is to create a 10-60 second animation suited for an audience of 13-18yr olds, for the Childline social media platforms.
Key Points
-Accessible to all children (ethnicities, backgrounds, gender...)
-Not triggering (explicit imagery etc)
-Utilise Childline colour schemes
-Vector images, hand drawn feel
I have a three week deadline before I need to submit this to YCN.
I've been thinking of the tagline "The monsters aren't under my head, they're in my head" ever since I read the brief months ago. I initially considered a hand drawn animation but wanted to push myself to try digitally animate which will be a lot easier thanks to my new found (kind of) love for after effects.
Youth Mental Health Services
Childline website imagery
Initial drawing stages
To draw the character(s) I used my drawing tablet and initially used Photoshop as I find this easier to draw freehand with than the Illustrator pen tool. I then converted it to a vector image and used Illustrator to add the colour as it's more precise than the paint bucket tool in Photoshop. It is also now a cleaner clearer vector image whereas it looked too pixelated before it was image traced.
For the colour scheme I used those found already on the Childline website so the design would seamlessly fit with existing colour schemes.
Using this as a basis I can create two different characters, as the brief says they want it to be inclusive to different genders, race and backgrounds so no child could feel left out or that they couldn't contact so I've adapted this template as so:
I neatened up these blocky details like the ends of the fingers as after I vectorised them they lost some of the initial detail they had when drawn as a bitmap image.
Typography
I initially thought it would make sense to have the typography handwritten, the same thickness of the illustrations, this kind of style looked accessible, friendly and suitable for the target audience. I'd imagined this message in a speech bubble highlighting the child's ability to open up about their feelings which is the most important goal, so by normalising it hopefully making it less scary for children to use this service.
I mocked up this iPhone phone screen as an experimental alternative.
Feedback
Although the hand written/drawn text bubble would be consistent with the character design, peer feedback made it apparent that the audience of kids would probably be more drawn to the iphone mock up as something they're probably familiar with, which ties in more then with the brief as this will be viewed through social media platforms so including visually the use of technology will aid the campaign, as communication is done so much more nowadays through phones/ social media platforms.
I added in as an additional text the Childline slogan "Online, on the phone, anytime." to reinforce this message. This got a lot better response than the hand written approach.
However it seemed to make more sense to just include their own logotype with their slogan, this was provided in the brief information pack. I wanted to incorporate it into my design by putting it in thought or speech bubbles.
I felt the background of the initial white was wrong, my peer agreed it looked too empty and not as exciting to a child, unlike the colourful characters. Looking back at Childline's backgrounds they're vibrant, colourful and/ or patterned:
Background Experimentations
Colour
Pattern
I stopped experimenting with pattern as I felt it was an obvious choice to choose colour over this as pattern is too distracting from the characters, especially as they will be animated. The colours especially blue is much more calming than the chaotic patterns or the warmer shades especially the red, a colour which can cause anxiety and is associated with feelings of anger which I want to avoid.
Asking additional feedback from peers it was established the blue background was the most appropriate, thanks to its soothing nature and the calm connotations of blue (sky, sea etc).
According to the Colour Effects website on: Phycological Properties Of Colours
This connotation with the strong blue simulating 'clear thought' is key as well in aiding kids being able to communicate, as well as it being 'serene and mentally calming.'
Next step is to master the puppet tool in After Effects, this is a way of manipulating a flattened image. I heard about this and thought this would be a much easier induction for me to get started with, rather than making each limb on a different layer and moving them using anchors.
This was quite easy however I did notice some distortion of the extremities, at one point it crashed and was moving really weirdly, I had to go to technical support. They just told me I had too many pins, it should be more like this so the limbs move more organically:
As my design has quite a lot of details it's impossible to avoid warping the ends and realise for future reference to have more details, it would be beneficial to have them on different layers.
With the phone I made it so that it appears from the bottom, to the right of the character. I need to now adapt this so it's suitable for the social media (square) outcome and figure out where to put the Childline logo, which is to be revealed by the disappearing phone for their website graphic.
I like this as it's suggestive Childline is always there even if not visible, after a difficult time/ horrible thoughts/ circumstances etc, Childline is always there in the end; furthermore emphasising the ease of connectivity with the phone imagery.
For the square version it makes sense to switch the speech-bubble so it's actually being voiced by the character, if children can identify with the characters it may be easier "hearing it from them", so if they see this figure connecting with the service maybe they'd feel more comfortable contacting Childline.
Having to make the design square I didn't want to loose out on either element (the character or phone) so combined them, I'll have the phone sliding up and down as with the rectangular (webpage banner) animation, but hiding the character. Avoiding the speech bubble popping out from behind the phone I'll animate it so it appears once the phone has descended, like so:
Feedback
The blue works really well, a lot better and less stressful than the designs with shapes and patterns. Strong concept with the colours of the monsters relating to emotions
Really like the colourful characters
Very happy with the feedback, didn't seem to be any negatives!

Final Outcomes
Website banner 1600 x 900
Social Media 1200 x1200



































