Week 3: how to think about colour

Dr Charles Martin

Semester 2, 2020

Statement of originality and References

Look in the FAQ at the Statement of Originality Section (link))

If I include an image from the internet—should it be in my SoO? (YES!)

If I include code from p5js.org—should it be in my SoO? (YES!)

If I am inspired from a book—should it be in my SoO? (YES!)

If my friend suggested a nice colour—should it be in my SoO? (YES!)

Why am I saying to put so much stuff in the SoO?

If you don’t put things in the SoO, you could get caught up in academic integrity investigations.

If you do put things in the SoO you demonstrate that you are using resources in your artistic process. It’s GOOD!

Having a long SoO is good!

Example SoO: Collaboration

# add as many "name+comment" entries as necessary
# (or remove it altogether if you haven't collaborated with anyone)
collaboration:
  - name: Alice McGuffin
	comment: >-
	  Alice gave me some ideas for creating the animated ripple effect
	  in the background
  - name: Jerry Wang
	comment: >-
	  Jerry painted the background artwork for my sketch

Example SoO: Code

# add as many "url+licence+comment" entries as necessary
# (or remove it altogether if you haven't used any external code)
code:
  - comment: the code in my "drawRandomImage" function is based on some code from StackOverflow
	url: "https://stackoverflow.com/questions/51233447/p5js-image-array"
	licence: CC BY-SA 2.5 # this is the standard StackOverflow licence
  - comment: my changeSize() function is taken from an example on the p5 reference page for mouseWheel
	url: "https://p5js.org/reference/#/p5.Element/mouseWheel"
	licence: "https://creativecommons.org/licenses/by-nc-sa/4.0/"

Example SoO: Assets

# add as many "url+licence+comment" entries as necessary
# (or remove it altogether if you haven't used any external assets)
assets:
  - comment: photo of potatoes by Scott Bauer
	url: "https://en.wikipedia.org/wiki/Potato#/media/File:Patates.jpg"
	licence: Public Domain
  - comment: boat photo by Aaron Wu on Unsplash
	url: "https://unsplash.com/photos/_8rjlHwN4uk"
	licence: "https://unsplash.com/license"
  - comment: some content in Artist Statement inspired by Turner Wikipedia page
	url: "https://en.wikipedia.org/wiki/J._M._W._Turner"
	licence: CC-SA
  - comment: inspired by "ANU Laptop Ensemble" performance at Open Day
	url: NA
	licence: NA

I’ve used an asset that doesn’t have a URL, what do I do?

Just type “NA”.

What does “licence” mean? (From the FAQ…)

  • A licence provides rules under which others can use a piece of copyright protected material (e.g., code, image, font, 3D model, musical work, book, play, etc.).

  • Many websites clearly state the licence under which you are allowed to use them. (e.g., p5 reference)

  • If there’s no licence provided, that means that you may not be allowed (by the author) to use their work. They have All Rights Reserved.

  • In this case: use this asset/code as inspiration and create your own version

  • Or focus on assets available under Creative Commons licences.

how to think about colour

Colour Systems - the science of colour

Colour is in the eye of the beholder

Colour doesn’t behave

Finding colour patterns

talk

What is a primary colour?

What is a primary colour?

Two bits of p5 to know about:

  • blendMode (ref) changes how colours interact.

  • colorMode (ref) changes how colours are represented.

Colour Systems

Colour Systems

making colour behave

Newton: White light is made of colours

source

Goethe's colour wheel

Goethe

symmetric colour wheel with associated symbolic qualitites

1809

Tate Collection, UK

Johannes Itten's Colour Wheel (1920s)

Munsell System (1910s)

Hue, Chroma, Value

Hue, Saturation, Brightness

link

Color spaces for computer graphics (1978)

Color spaces for computer graphics

SIGGRAPH Comput. Graph.

Joblove, George H. and Greenberg, Donald

DOI:10.1145/965139.807362

What are the point of these colour systems?

Attempts to define what colour is made of.

Newton, Goethe, Itten: Made of combinations of Red, Blue and Yellow (primary colours for subtractive mixing)

Munsell: Made of three independent properties: hue, chroma, and lightness - (perceptually uniform)

Joblove/Greenberg: Defined hue/saturation/brightness as a good standard for computer graphics (see Wikipedia).

Why should you care?

Suppose you have a green colour in RGB, but you want to make it more intense or brighter.

What R, G, and B values should you change to achieve this?

Colour as Art

What if we made art where “colour” is the material?

Olafur Eliasson (b. 1967)

Your rainbow panorama

2006-2011

ARoS Aarhus Kunstmuseum, Denmark

video

Olafur Eliasson (b. 1967)

Your rainbow panorama

2006-2011

ARoS Aarhus Kunstmuseum, Denmark

video

Olafur Eliasson (b. 1967)

Your rainbow panorama

2006-2011

ARoS Aarhus Kunstmuseum, Denmark

video

Olafur Eliasson (b. 1967)

Your rainbow panorama

2006-2011

ARoS Aarhus Kunstmuseum, Denmark

video

Olafur Eliasson (b. 1967)

Feelings are Facts

2010

Ullens Center for Contemporary Art, Beijing

📷 Studio Olafur Eliasson

Roy de Maistre

Rhythmic composition in yellow green minor

1919

Colour doesn't behave

“Colour is relative” –Josef Albers

Josef Albers

Josef Albers

Johannes Ittens’s 7 types of contrast

  • hue
  • value (light and dark)
  • temperature
  • complement
  • simultaneous
  • saturation
  • extension

From Ittens' 'Elements of Colour', (1961)

From Ittens' 'Elements of Colour', (1961)

finding colour

Joseph Mallord William Turner

Fishermen at Sea

1796

Tate

Olafur Eliasson (b. 1967)

Installation view

2014

Tate Gallery, London

further reading/watching

Online colour palette generators:

http://paletton.com/ (shows complementary colours, triads/tetrads etc)

https://coolors.co/app (generate random palettes which look decent)

http://colormind.io/ (uses AI because… reasons)

let's make some colour art

Let’s explore colour spaces in RGB and HSB!