Motion Graphics & 2D Animation

Saturation Bar Task 1.1 Colour Theory

Colour

Colour is a important element with everything, especially designs. Colour gives meaning. Colour creates the mood, theme and triggers emotion. During our Colour Theory we discussed the colour wheel, the physics, colour theory, Hue, Primary, Secondary and Tertiary,Value and lastly Saturation.

What is Value?

Value is the lightness or darkness to a colour. There are four key features within value, these four are:

  • Adding white =Tinting
  • Adding black = Shading
  • Adding either = toning
  • Medium values between w & b = Midtones

What is Saturation?

Saturation is the pure colour there is no black, white or grey. Saturation is when you add or take away white, this then determines the saturation. The less white, the more saturation and the more white, the less the saturation.

Below is a Screenshot of my “Saturation Bar”.  I had created this bar using Adobe Photoshop and creating different rectangles and filling it with yellow. in each box i had decreased the saturation, meaning that i had decreased white by 10% in each box. The first box is 100% and the last box is 10%Satuation Bar Task 1.1 Colour Theory

Task 3

Research challenge (I will be impressed if you can find a definition for these):

  • White Space- White space is often referred to as negative space, space between screen elements.

  • Grey Space- Grey space is an area or part of something existing between two extremes

  • Black Space- Black space takes your eye away from a page towards another one.

For my Task 2, we had discussed the “Rule of thirds”, “Golden Ratio, “Golden Ratio In Art & Life”, & “The Gestalt Principles”. During this task we had to consider if the rule of thirds, golden ratio, lead lines, focal point and lastly the gestalt principle all related with my work.

Above is a screenshot of my Golden Ratio spirrel which i had taken from google images and then applied it to my original image to ensure that all the shapes fitted into place nicely with the lines represented. If you compare my original image I had posted before you would realise that i had changed the size of Fjolla’s hair, I had moved her mouth a bit higher than it was before and i had also fitted her right eye into the circle space represented in the Golden Ratio spirrel.

What is “Lead Lines”? – Lead Lines is something which draws you into an image.

What is “Focal Point”? – Focal point is the main focus “centre of interest”.

What is “Gestalt Principle”? – Gestalt means “Shape” or “Form” therefore it basically means ” Shape”/”Form” Principle.

Screen Shot 2013-09-11 at 09.40.39Screen Shot 2013-09-10 at 14.11.55

Using Illustrator, I had drawn a portrait of a person who I sat next to, which was Fjolla. During this task we was given various instructions which included to convey emotion and to use simple block shapes only (no more than 5 sides). When creating the portrait of Fjolla I had to consider balance, visual centre, pattern and repetition. In this portrait I do not think I considered balance properly as I do not think I have colours matching as I was copying exactly what I saw on Fjolla. However I do take into consideration that balance plays a huge part within a design as it can create colour harmony and makes the design look nicer. The I definitely think that the recreation of the “Adidas” logo stands out the most, as it is coloured with bright yellow, nicely balanced and it stands only in a dark blue coloured background (which is suppose to represent the hoodie). There are no specific patterns within this design but the repetition of different shapes not only create a pattern but a rhythm. The use of different colours and shapes not only represent Fjollas portrait but I also think it conveys her emotion. Above there are two images one is a labelled and the other is the original image of my portrait of Fjolla.

Leave a comment