New to Nutbox?

SEC20/WK2: Colour Theory and Application

8 comments

manuelhooks
71
2 months agoSteemit4 min read

1000024706.jpg Wednesday, September 18. 2024

Colour Theory and Application.

photostudio_1672365129022.png

Discuss Colour Theory according to the way you understand it.

Colour Theory in graphics design is a concept that addresses the way we use and combine colours to get visually pleasing colours that communicate the appropriate emotions that hamonises with the massege potrayed by the graphic.

In colour theory, colours are grouped into primary colours, this primary colour can be combined to create secondary colours, and the secondary colours can make a third level of colours known as tertiary colours.
When these colours are arranged in a circuler wheel that shows the relationship between primary, secondary, tertiary colours and their intermediate colours, such an arrangement is called a colour wheel.

The colours on the wheel have properties like hue, saturation, and values. A hue is the unadultrated nature of the colour. Saturation is the intensity or how bright the colour is while the shade is something that makes the colour darker like adding black while tint is adding white and making it lighther while the degree of lightness or darkness is the value

To avoid combining colours indiscriminately, the concept of a colour harmony was created, which are formulas used with the 12 basic colour hus on a colour wheel to create an endless collection of colour combinations that looks well balanced and vesually appealing to the eyes.

The formula for getting colours that will walk well on a single design is known as a colour scheme:
- Monochromatic (single colour)
- Complementary (opposite colours)
- Analogous (adjacent colours)
- Triadic (equidistant colours)

Choose "Two" from the colour scheme discussed, briefly talk about it and demonstrate with two examples each showing how to combine colours using that scheme.

Analogous colours:

This are colours that are close neighbours on the colour wheel. Any three colours that are side-by-side will be a good example of analogous colors:

1000024966.jpg My analogous colours here are green, green-yellow and green-blue
In this design, I am using green and the colours to its left and right on the colour wheel for my analogous colours.

1000024970.jpgMy analogous colours here are red, red-pink and red-yellow

Complementary colours

These are highly contrasting colours located opposite each other on the colour wheel. Any two colours at the opposit ends are complimentary.

1000025025.jpg
The font and background colour are complimentary colours, while fhe font is pinky, the background is greenish

1000025029.jpg

Demonstrate how to get your colour Hex from external object using your Canva design app.

If you would love to edit a picture and would love to maintain the colour scheme when adding some graphic elements to it. It bebomes important to find the colour Hex so as to get the exact colour hue.
1000024978.jpgImage Source

  • Load the Canva App to start the process.

  • Select the new canva button and select the 1080 by 1080 Instagram size

1000024979.jpgLoading Canva photostudio_1726774421075.jpg Select New photostudio_1726775145493.jpg Select Gallery
  • From gallery, select the picture you will love to use.
  • Select the add to page option.
  • Click to select the canvas area
1000025013.jpgselect picture 1000025016.jpg Activate canvas 1000025017.jpg Select colour picker
  • Select the area of the picture to reveal the hex code
  • The selected colour appears on the canvas
  • you can now see the hex code below
photostudio_1726779417186.jpgSelect the colour1000025023.jpg canvas change 1000025024.jpg the hex code

Finally demonstrate how to get the colours behind the hex codes below.

a. #f3ca20
b. #000000
c. #ef9d10f

  • Load the Canva App to start the process.

  • Select the new canva button.

  • Select the 1080 by 1080 Instagram size.

1000024979.jpgLoading Canva photostudio_1726774421075.jpg Select New 1000025031.jpg select canvas
  • Select colour

  • select the colour wheel

  • Type in the hex code

1000025034.jpgclick on colour 1000025036.jpg select colour wheel 1000025038.jpg type in hex
1000025043.jpg#f3ca20 1000025045.jpg #000000 1000025046.jpg #ef9d10

The last hex code was more than six characters, so I removed the last F

Conclusion
This weeks lesson has been an eye opener into the world of colours, I am inviting @udyliciouz, @eliany and @dequeen to try their hands on the canva app, following this steps...

#graphics-s20wk2 #burnsteem25
#steemexclusive #learnwithsteem
#nigeria #club5050

Comments

Sort byBest