Tips

Design, Tips

What is the difference between RGB and CMYK?

No doubt you’ve heard of RGB and CMYK, but if you don’t understand what they are and what they’re used for, then read on! I will explain it for you as succinctly as possible.

Firstly, what do the acronyms stand for?

RGB = Red/Green/Blue
CMYK = Cyan/Magenta/Yellow/Black (Yes, K means Black!)

So what’s the difference between RGB and CMYK?

RGB and CMYK colours render differently, depending on which medium they are used for—web or print. Let me explain both:

colour space RBG

RGB

RGB colour mode is associated with electronic displays: LCD monitors, scanners, digital cameras etc.

It is an additive process.

It combines the three primary colours: red, green and blue, in varying degrees to create a whole range of colours.

When all three of the primary colours are combined and displayed to their highest value, the result is a pure white. When all three colours are combined at their lowest value, the result is black.

colour space CMYK

CMYK

Printers using a digital printing method print colour on paper using CMYK.

It is a subtractive process.

It utilises four colours: cyan, magenta, yellow and black in various amounts to create a range of colours for printing images and graphics.

It is a subtractive process. This means that as each additional colour is added, more light is removed and absorbed, resulting in new colour creations.

When the first three colours (cyan, magenta and yellow) are added together, it makes a dark brown. So, the K colour, or black, is used to completely remove light from the print, and allows the eye to perceive ‘pure black’.

CMYK does not include a ‘white’ colour, because when printed on white paper, the white from the paper will be used to fill the space left after the percentages of each colour that is used, and making each shade appear lighter.

How do I know when to use each one?

If you’re printing something, such as a business card or flyer, use CMYK.

If it’s something that will only be seen digitally, use RGB.
A digital monitor is made up of units called pixels. Then, each pixel is made up of three light units: one red, one green, and one blue. The RGB values are applied to the pixels, and so set the luminosity for each of the light units in each pixel.

Why? How do they render differently?

RGB has a greater spectrum of colours than CMYK, so it can produce colours that are more vivid and vibrant, such as fluorescent colours. The CMYK range is more limited.

The colours render differently based on (1.) the amount of white space that is already provided, and (2.) how much mixing of colours needs to happen.

To get the same colour ‘matching’ on all mediums, across web and print, the colours need to be converted. (An absolutely perfect match between the two types of colour modes is impossible, but when converted, a very close match is achievable.)

Going from RGB (web) to CMYK (print)

Because RGB colours are beyond the range of CMYK, they will appear darker and more dull in print than what is seen on the monitor or display.

Going from CMYK (print) to RGB (web)

Conversely, artwork shown in CMYK mode will always show up precisely on a computer screen, because its limited colour range easily fits into the full spectrum of the RGB range.

Example

Below is an example of a photo originally produced in RGB colors converted to CMYK colors as displayed on a computer monitor. Notice how the colors are much more vibrant on the RGB picture.

Conclusion

The artwork displayed on a computer monitor may not resemble its printed version unless you convert the colour mode properly first.

To accurately print a document or image, it must be converted from its original RGB format to CMYK. You can do this using Adobe Creative Cloud programs such as Photoshop or Illustrator.

The job of a graphic designer or pre-press professional is to check the effectiveness of colour conversions and offer advice on instances where more vibrant colours need to be converted from RGB to CMYK.

*Photo by Lucas Pezeta from Pexels

Design, Tips

Just be creative

just be creative / www.leysafloresdesign.com.au

Just be creative! I have a newsflash for you, people. Sometimes the work creates itself, the artist comes out and the designer takes a back seat. Truly. My best work has happened by simply being creative, letting things happen and seeing what comes out.

These days, it’s easy to begin designing straight on the computer, but do you realise how many good ideas immediately get culled quicker than you can say “CTRL+Z”?

You must start on paper to truly have innovative ideas, every good designer knows that.

And no, by saying that I’m not promising you will have the answer to your visual communication problem immediately by doing so. You just generate a ton more ideas this way which increases your odds of coming up with something brilliant.

It also takes time and more than one sketching session. I have a sketchbook (A5, nice and compact), that I just put stuff in, doodles and sketches and ideas, absent-mindedly almost. And even (and especially) when I’m not feeling creative, I force myself to reference something or just pick a topic and draw something out. Then, (here’s the secret), sleep on it. Put it down, leave it there and come back to it again later at another session. Why? You will see things afresh and your subconscious mind has had time to work out the hidden connections between ideas you don’t see the first time. I’ve spoken about this before.

Put simply:

  1. Gather. Just be creative. Sketch, draw, doodle. Paper is best. The iPad / pencil is also a second-best option. No computers.
  2. Walk away, leave it, sleep on it.
  3. Revisit your ideas (even from months back) and watch the magic happen. You will find something to use for your purpose.

Yes, this is a bit of an ambiguous tip, but I hope you understand where I’m coming from.