Jump to content

Recommended Posts

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

colspblog-color-models.jpg

Share this post


Link to post
Share on other sites

Great job. Love the interactive models.

Looking forward to part two. 


Win7 Ultimate x64   |   i5-3570K @ 3.4GHz   |   16 GB RAM   |   120 GB SSD   |   nVidia GTX 660 Ti   |   Huion 1060 Plus

How I make GIFs >>> ScreenToGIF (Windows only, Open Source, Portable, ~600kB)

Share this post


Link to post
Share on other sites
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. :(


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iPadOS 13.2.2 (iPad Air 2)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Excellent presentation!

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

A superb "hands on" teaching resource.


Affinity Designer & Photo  :  Win 10

Share this post


Link to post
Share on other sites
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 :)

Share this post


Link to post
Share on other sites

Brilliant! Love the interactive bits.


  • W10, i5 2.4GHz, 8GB RAM, nVidia GeForce 840A, Wacom Intuos Pro M, iPad Pro 2018. 
  • W10, Xeon 3.20GHz, 32GB RAM, nVidia Quadro 600, Wacom Intuos Pro M

Share this post


Link to post
Share on other sites
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! :)

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites

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 :);)

colspblog-colorspace.jpg.3aee9ffd940d6d11b84d15b62145c7d4.jpg

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

Share this post


Link to post
Share on other sites

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.

 

Share this post


Link to post
Share on other sites

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! :)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.