Model kolorów RGB, model kolorów CMYK – zaczynając przygodę z projektowaniem grafik gdzieś nam się to obija o uszy, wyświetla w programach, ale często nie do końca wiemy do czego to służy i na co to komu jest potrzebne. A później idąc do drukarni i zlecając wydruk naszych grafik jesteśmy lekko zdziwieni, kiedy kolory, które widzimy na papierze odbiegają od tych, które widzieliśmy w domu na naszym monitorze. Zdarza się, że te różnice są spowodowane różnymi ustawieniami monitorów i urządzeniami, na których wyświetlamy nasze grafiki. Ale w dużej mierze odpowiedzialne za to są również wybrane przez nas modele przestrzeni barw.
Dzisiaj postaram się jak najlepiej wyjaśnić Ci czym jest model barw RGB, kiedy najlepiej go używać i jakie są najlepsze formaty plików do zapisu grafik. A w następnym wpisie poznasz przestrzeń barw CMYK, dzisiaj wyjaśnimy sobie tylko jego podstawowe zastosowanie.
Jaka jest podstawowa różnica między przestrzeniami RGB i CMYK?
Przestrzeń kolorystyczna RGB jest używana do wyświetlania komunikacji wizualnej na ekranach. Jest to jej główne zastosowanie i w ten sposób najlepiej się sprawdza. CMYK służy do druku – jest skrótem nazw kolorów, w jakich robi się tusze w drukarkach przenoszących Twój wydruk na papier, dlatego używamy przestrzeni barw CMYK do wydruku grafik.
Bliższe spojrzenie na RGB
RGB to skrót od angielskich nazw trzech kolorów – Red (czerwony), Green (zielony), Blue (niebieski). Jest to model barw, którego używamy w obrazach cyfrowych – wyświetlanych na ekranach. Dlaczego kładę nacisk na wyświetlanie? Ponieważ model RGB jest ściśle związany ze światłem! Monitory, z których korzystamy na codzień zbudowane są z kilku elementów. Nas interesują w tej chwili te, które odpowiedzialne są za wyświetlanie kolorów. Aby zobaczyć kolor na monitorze, potrzebne jest źródło światła. Najczęściej wybieraną metodą podświetlenia ekranów jest użycie diod LED. Później to światło jest rozpraszane za pomocą dyfuzora i pada na matrycę monitora. W odpowiedniej warstwie ekranu znajdują się filtry, które odpowiadają trzem kolorom – czerwonemu, zielonemu i niebieskiemu. Światło, które przez nie przechodzi tworzy na naszych ekranach kolory. To bardzo uproszczona wersja budowy monitora – ale chcę zobrazować Ci, dlaczego to właśnie zastosowanie modelu RGB w projektowaniu dla urządzeń elektronicznych jest najlepsze. Są one dla niego wprost stworzone! (Albo on dla nich 😉)
No więc kolor na ekranie powstaje za pomocą różnego natężenia światła i trzech filtrów. Mieszamy ze sobą te trzy kolory i w różnym stopniu manipulujemy ich intensywnością i jasnością. Proces mieszania ze sobą trzech wiązek światła w tych trzech kolorach nazywamy addytywnym mieszaniem kolorów. Addytywne – ponieważ sumujemy ze sobą barwy. Z założenia – brak wiązek światła kolorów powinien dać nam czerń, a maksymalne, równe natężenie wiązek światła – biel.
Dokładniej i bardziej profesjonalnie o działaniu monitorów ⬇️
Zakres RGB
Wybierając RGB przy sposobie mieszania kolorów w programie graficznym wyświetlą nam się trzy suwaki odpowiadające każdemu z kolorów. Zobaczyć to możesz na zdjęciu poniżej. Dostępny zakres przy każdym z nich to wartości od 0 do 255. Oznacza to, ze każdy z kolorów posiada 256 „poziomów” i może być wymieszany z pozostałymi dwoma w dowolny sposób. Daje nam to ponad 16 milionów możliwych kolorów!
Wiemy już, że kolory w tej przestrzeni barwowej zaczynają jako czerń. A więc, by uzyskać czarny kolor ustawiamy wszystkie trzy suwaki na poziomie 0:
Oznacza to, że ekran „wyświetli” nam 0% światła czerwonego, 0% światła zielonego i 0% światła niebieskiego. Czyli według teorii powinniśmy uzyskać czarny kolor.
Analogicznie – biel powstaje dzięki maksymalnemu natężeniu kolorów. Co więc musimy zrobić? Ustawiamy wszystkie trzy suwaki na 100% jasności, a więc na poziom 255:
- R: 255
- G: 255
- B: 255
Ustawianie kolorów w programie w ten sposób może być uciążliwe w codziennej pracy, ale zabawa tymi trzema suwakami pomoże nam lepiej zrozumieć w jaki sposób powstają kolory na naszych ekranach.
Model RGB – kiedy go używać?
Skoro wiemy już, że model RGB idealnie wpasowuje się w możliwości wyświetlania barw na naszych ekranach, to pewnie domyślasz się, że będzie najlepszy dla grafik używanych przede wszystkim na monitorach.
Przykładowe zastosowania to:
- Ikony,
- Przyciski na strony internetowe,
- Ilustracje prezentowane w Internecie,
- Logo dla strony internetowej,
- Grafiki do reklam internetowych,
- Infografiki,
- Karuzele na Instagram,
- Projekty tapet na komputer,
- itp.
Model barw RGB – w jakim formacie zapisywać pliki?
Ostatnie pytanie, na które musimy sobie odpowiedzieć to w jakim formacie najlepiej zapisywać pliki, jeśli korzystamy z modelu RGB?
Jednym z najlepszych, najbardziej uniwersalnych formatów dla RGB jest JPEG. Nie zajmuje dużo miejsca, możemy sami ustalić w jakiej jakości zapisujemy plik i odczytywany jest na praktycznie każdym urządzeniu.
Do projektowania grafik, chyba najbardziej standardowym formatem do zapisu plików w modelu barw RGB jest format PSD. Jednak używając go musimy upewnić się, że wszystkie osoby zaangażowane w projekt posiadają oprogramowanie pozwalające na otworzenie pliku. Nie nadaje się do używania w Internecie i przy dużej ilości zapisanych informacji może zajmować dużo miejsca.
Format PNG jest chyba jednym z najlepszych, jeśli decydujemy się publikować swoje grafiki w Internecie. Wspiera przezroczystość, więc może być wykorzystywany do zapisu takich elementów jak przyciski, ikony, banery czy logo.
Jeśli chcesz dowiedzieć się więcej o formatach zapisu plików, zapraszam Cię do przeczytania wpisu Różnice między formatami JPEG, PNG, GIF, TIFF i RAW, w którym poznasz wady, zalety i zastosowania wszystkich tych formatów.
Podsumowanie
Mam nadzieję, że rozwiałam Twoje wszystkie wątpliwości i odpowiedziałam na wszystkie pytania, jeśli chodzi o model barw RGB. Modele barw tylko wydają się takie straszne, a tak naprawdę są bardzo proste do zrozumienia! Jeśli chodzą Ci po głowie jeszcze jakieś pytania – śmiało zadawaj je w komentarzu. A za tydzień zobaczymy się tutaj na objaśnieniu modelu CMYK, którego z jakiegoś powodu wszyscy się boją 😊.
Do zobaczenia na moim Instagramie,
Gloria x
- R: 0
- G: 0
- B: 0
Oznacza to, że ekran „wyświetli” nam 0% światła czerwonego, 0% światła zielonego i 0% światła niebieskiego. Czyli według teorii powinniśmy uzyskać czarny kolor.
Analogicznie – biel powstaje dzięki maksymalnemu natężeniu kolorów. Co więc musimy zrobić? Ustawiamy wszystkie trzy suwaki na 100% jasności, a więc na poziom 255:
- R: 255
- G: 255
- B: 255
Ustawianie kolorów w programie w ten sposób może być uciążliwe w codziennej pracy, ale zabawa tymi trzema suwakami pomoże nam lepiej zrozumieć w jaki sposób powstają kolory na naszych ekranach.
Model RGB – kiedy go używać?
Skoro wiemy już, że model RGB idealnie wpasowuje się w możliwości wyświetlania barw na naszych ekranach, to pewnie domyślasz się, że będzie najlepszy dla grafik używanych przede wszystkim na monitorach.
Przykładowe zastosowania to:
- Ikony,
- Przyciski na strony internetowe,
- Ilustracje prezentowane w Internecie,
- Logo dla strony internetowej,
- Grafiki do reklam internetowych,
- Infografiki,
- Karuzele na Instagram,
- Projekty tapet na komputer,
- itp.
Model barw RGB – w jakim formacie zapisywać pliki?
Ostatnie pytanie, na które musimy sobie odpowiedzieć to w jakim formacie najlepiej zapisywać pliki, jeśli korzystamy z modelu RGB?
Jednym z najlepszych, najbardziej uniwersalnych formatów dla RGB jest JPEG. Nie zajmuje dużo miejsca, możemy sami ustalić w jakiej jakości zapisujemy plik i odczytywany jest na praktycznie każdym urządzeniu.
Do projektowania grafik, chyba najbardziej standardowym formatem do zapisu plików w modelu barw RGB jest format PSD. Jednak używając go musimy upewnić się, że wszystkie osoby zaangażowane w projekt posiadają oprogramowanie pozwalające na otworzenie pliku. Nie nadaje się do używania w Internecie i przy dużej ilości zapisanych informacji może zajmować dużo miejsca.
Format PNG jest chyba jednym z najlepszych, jeśli decydujemy się publikować swoje grafiki w Internecie. Wspiera przezroczystość, więc może być wykorzystywany do zapisu takich elementów jak przyciski, ikony, banery czy logo.
Jeśli chcesz dowiedzieć się więcej o formatach zapisu plików, zapraszam Cię do przeczytania wpisu Różnice między formatami JPEG, PNG, GIF, TIFF i RAW, w którym poznasz wady, zalety i zastosowania wszystkich tych formatów.
Podsumowanie
Mam nadzieję, że rozwiałam Twoje wszystkie wątpliwości i odpowiedziałam na wszystkie pytania, jeśli chodzi o model barw RGB. Modele barw tylko wydają się takie straszne, a tak naprawdę są bardzo proste do zrozumienia! Jeśli chodzą Ci po głowie jeszcze jakieś pytania – śmiało zadawaj je w komentarzu. A za tydzień zobaczymy się tutaj na objaśnieniu modelu CMYK, którego z jakiegoś powodu wszyscy się boją 😊.
Do zobaczenia na moim Instagramie,
Gloria x
