Tutorial on Color Models, Color Spaces and Color Profiles (two-part)

[MmmMaarten]

Hi Everyone,

In the need to understand the sometimes complex subject of Color Models, Color Spaces and Color Profiles better, I found it hard to find a nice to read and complete source on the matter. So after I did a deep dive into the subject I decided to share what I've learned about it by writing a tutorial blog about it with illustrations and interactives. Yesterday I published part one about Color Models and color basics, to pave the way to Color Spaces for the next and last part of the article.

Although not directly Affinity related, I figured this could benefit other Affinity users too in understanding Color Spaces better and when to choose which in Designer and Photo. And making Color Spaces a little less confusing to understand. Of coarse all graphics-work for illustrations and interactives in the tutorial are made in Affinity Designer.

The blog is available in both Dutch (https://www.wigglepixel.nl/blog/wat-zijn-color-models/) and translated in English (https://www.wigglepixel.nl/en/blog/what-are-color-models/).

Hope you like it and if this makes others understand the subject better and as enthousiastic as I am now about it after this, I reached my goal!

Maarten

[Max P]

Very Good Thank

[Aammppaa]

Great job. Love the interactive models.

Looking forward to part two. 

[Alfred]

25 minutes ago, Aammppaa said:

Love the interactive models.

So do I, but the Safari browser on my iPad crashed when I was playing with the colour wheel.

[Madame]

I'm very impressed! Thank you! 

[MmmMaarten]

Wow! Thanks a lot for the nice compliments guys! Very nice to read you like it!

[ianrb]

I was a bit concerned with the "color models" until I worked out the models weren't coloured  
Great write up; thanks for your time 

[MmmMaarten]

On 8/31/2018 at 8:36 AM, ianrb said:

Great write up; thanks for your time 

Glad you like it, thanks!

[TestTools]

Astoundingly well done~!

[Roger C]

Excellent presentation!

A great showcase for your skills. The interactive illustrations really reinforce the text.

A superb "hands on" teaching resource.

[MmmMaarten]

On 9/11/2018 at 2:29 PM, Roger C said:

Excellent presentation!

A great showcase for your skills. The interactive illustrations really reinforce the text.

A superb "hands on" teaching resource.

Thanks @Roger C ! Great to hear you like 'em so much and that it fits the content. Nice to hear that stuff!

On the moment I'm working very hard on the second part. That will probably go live by the end of next week. Be prepared, 'cause that will be a little bit more advanced technical stuff

[MickRose]

Beautifully done. Looking forward to the 2nd part.

[Przemysław]

Brilliant! Love the interactive bits.

[MmmMaarten]

On 9/12/2018 at 3:23 PM, MickRose said:

Beautifully done. Looking forward to the 2nd part.

 

On 9/15/2018 at 5:27 PM, Przemysław said:

Brilliant! Love the interactive bits.

Thanks a lot guys! Keep 'em coming
Last weeks I was pretty busy with developing and creating and I'm also working top level on the next part of the blog, which is a little bit more technical, and very important stuff that deserves to be explained well to get everything across well. So I figured publishing this week was a little too optimistic. I'd rather provide you with some quality read that is worth reading and makes readers understand the matter, instead of just throwing it out there to match my deadline, so I will postbone it a little bit while working hard on it to make it a nice read! Keep you informed!

[eab]

Excellent tutorial. Extremely slick animated graphics. Looking forward in learning more in the next part.

Those interested in working with these color models inside  the Affinity productrange I invite you to view the hands-on tutorials on using color in Affinity Designer and Photo by Elaine Giles. 

Affinity Designer: https://www.youtube.com/watch?v=tXUVnZ9Eqdk
Affinity Photo: https://www.youtube.com/watch?v=rz14E9LJqdI

 

[MmmMaarten]

Busy making interactives for the new Color Spaces and Profiles blog!

[MmmMaarten]

Yes!! I just published the finished second and last part of the two-part blog online!
Thisone continues with a deep dive into Color Spaces, Color Profiles and Gamma-Correction. So you have something to read this weekend

Available again in both Dutch and English:

English : https://www.wigglepixel.nl/en/blog/what-are-color-spaces-color-profiles-and-gamma-correction/
Dutch :  https://www.wigglepixel.nl/blog/wat-zijn-color-spaces-color-profiles-en-gamma-correctie/

 

@Max P @Aammppaa @Madame

@ianrb @TestTools @Roger C @MickRose @Przemysław @eab

[TestTools]

Part Two wins you the Internet yet again!@!@

I am so thrilled with these that I have incorporated them into some training sites that I run. 

Do you use Affinity Designer for the drawings and then hit them with some magic HTML5 stick to get them to work? They are fabulous.

 

[MmmMaarten]

Thanks for the kind words @TestTools !

[Mr T]

Really smooth interactions, great for teaching in a High School.

Thanks

[MmmMaarten]

Thanks @Mr T. Thanks for the great feedback! Highly appreciated!

[MmmMaarten]

Wow! 1974 views only on this forum alone and a lot of pretty nice compliments! Thanks for reading and liking everybody!
Working very hard on a new interesting blog articles series right now! Watch this space!

[MmmMaarten]

Next blog will be about the History of Interactive Computer Graphics (and animations!). I decided to add at least one interactive per part... and also created more than 110 illustrations to 'illustrate' the events in the story. There will be (at least) six parts in this series.... way too much to tell about the pretty interesting history of math, animations, electronics, logic, the first computers, the first games... and those coming together to develop to where we are now! It will surprise you how things went!

The (responsive) interactive for the first part is just finished and will explain a little bit about how the Casteljau Algorithm works... later known as Bézier Curves!

My job... is.. just... way... too... much... fun!

Maarten

[MmmMaarten]

A new forum thread for the new blog about the History of Interactive Computer Graphics (and animations) is here

 

[MmmMaarten]

Very cool to see people on this forum are still reading the blogs about Color Models and Color Spaces (a lot) even a year later now!   Thanks!