Design

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

5 designer resources that offer FREE assets (that are actually worth downloading)

freeassets.jpg

There’s free assets all over the internet for designers—fonts, stock images, mock-ups, themes, software extensions, templates, etc. Most of the time though .. it’s pretty ho-hum quality / outdated trends / not built or packaged well … you get the point. In short, just not worth downloading. That’s why it’s free.

BUT. I’m going to share with you 5 resources that I actually use regularly in my design practice that’s really valuable stuff. And worth downloading.

Let’s get straight into it:

1. Creative Market

If you’re a designer/creative and you don’t know about Creative Market … please, familiarise yourself. It’s like Etsy for design assets. Independent creators around the world offer a variety of goods: photos, graphics, templates, mock-ups, fonts, website themes, illustrations, etc.

Just like on Etsy, you can follow your favourite shops/creators who make stuff in the style or category you like.

But the FREE stuff I’m talking about, is here. They release 6 free assets every week. You can sign up to their mailing list to get a reminder, or you can just jump straight onto their website to check out what’s on offer each week. Here’s an example of what’s on offer right now:

image.png

I don’t always need or like all the freebies on offer, but I usually snag at LEAST one from the pack. This week, I downloaded the Terrazzo seamless patterns to make the image for this post. Neat, huh.

https://media.giphy.com/media/3oz8xwNlejeJDQREic/source.gif

2. Pixeden

Pixeden offer a range of premium design and web resources with a pretty cool setup. They group their assets into either Premium or Free. For a membership of $6 per month, you can access everything, otherwise you are able to go ahead and download any of their free goods.

To be honest, I have only used this website for their mock-ups, so I haven’t trialled their other products. But the mock-ups are amazing quality, so I don’t see why their other products would fall short.

Psst … a tip. If you want to be super sneaky, you can sign up for a month and start downloading like crazy … then pull your membership. Best practice? Probably not. But hey, if you’re tight on funds, there’s no-one to say you really can’t do that. You can get tons of premium assets for a measly $6.

You can search through their categories, or just start on the home page for all assets, and simply filter to the free stuff by clicking on ‘Free’.

image.png
https://media.giphy.com/media/ha5EeXrfx3xxC/source.gif

3. Pexels

This resource offers amazing free stock photos and videos shared by talented creators from around the world. There’s tons of free stock image websites out there, but this one is way less corny, carefully curated and extremely high quality.

image.png

It’s free, but it’s best practice to link back to the photo and credit the creator. You can donate or share their work to support them, too.

image.png

Psst! I often use this to download great images for @fibra59 #photobombchallenge contests!

https://media.giphy.com/media/FmijXcVr53g2I/source.gif

4. Font Squirrel

When I need top of the range typefaces, I head straight for My Fonts, but for the best free fonts on the web, I love Font Squirrel.

They probably say it themselves the best: “Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We’ve done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format.”

image.png
https://media.giphy.com/media/l0HepmE7eqiK86GSQ/source.gif

5. Moyo Studio

I saved the best for last. Honestly, if a ‘small studio-based’ design asset site could be considered to have gone viral, I would nominate this one. I gladly part with my $$ to get my hands on their creations. It’s just so … current, authentic, minimalist, natural … beautiful aesthetics, all offered in carefully curated bundles, or individually.

I found them originally through Creative Market, before saving their actual website to my bookmarks.

(Psst .. they’ve got a super awesome Black Friday sale on right now .. NO, I’m not an affiliate, but I probably should be. Just a big fan.)

Their mock-ups are easily edited into something that looks completely unique, so you don’t have to worry about your Instagram feed or website portfolio ‘looking like everyone elses’.

So … what’s free? If you scroll down their home page:

image.png

… you can sign up to their mailing list to get instant access to 30 free images (easily downloadable via Google Drive). Then, it gets better. They send you free stock images and mock-ups to your inbox every month. Like, really good ones.

Here’s a peek at what I’ve got my hands on so far:

image.png
https://media.giphy.com/media/W4opKS2N7pIAI69ehc/source.gif

I hope this list has been helpful—and I’m always on the lookout for premium resources, free or not, so if you’ve got something awesome to recommend back to me, I’m all ears!


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.

 

 

 

Design

Happy Halloween | 2017

Happy Halloween | 2017 | www.leysafloresdesign.com.au

Happy Halloween twenty-seventeen! I had fun manipulating this type and animating it with a startling lightning-strike effect to make it extra spooky. Of course, I had to choose bold orange this time to get into the true spirit (spirits? whooOOoo) of Halloween.

I’m kind of addicted to the type-manipulation technique now. I love how unexpected the results are. You might see a bit more of it around here as I continue my design and illustration experiments.

Now, where’s my candy? (Slash lollies, sweets, chocolate, whatever!) Trick or treat! 🎃🍬

You may have missed: Trick or treat yo’self free Halloween printable | Spooky purple leaves Halloween wallpaper