Osnove boje za ispis i web

01 od 09

Mješanje u boji školskog razreda

Jeste li znali da kotačić boja koji ste naučili u školi nije isti kao i boje korištene na webu? Nije čak ni način miješanja boja za tisak? Pa, u redu, ista boja, samo drugačiji aranžmani i miješanja.

Tradicionalni (Think Paint ili bojice)

• Tradicionalne primarne boje su RED, YELLOW i BLUE.
• Pomiješajte dvije osnovne boje da biste dobili komplementarne ili sekundarne boje.
• Tradicionalne komplementarne boje su ORANGE (Crvena plus Žuta), ZELENA (Žuta plus Plava) i PURPLE (Plava plus Crvena).

U školi ste vjerojatno imali dosta mogućnosti za miješanje primarnih boja i stvaranje novih boja. Bilo je to čarobno! Miješanje boja za ispis s tintom ne radi sasvim isto. Primarne boje svjetla i tinte nisu iste crvene, žute i plave boje primarne boje. Zapravo, postoje 6 primarnih boja.

Indeks boja u boji:

1. Mješanje u boji školske godine (ova stranica)
2. Aditive i subtraktični primari (RGB i CMY)
3. RGB boja u izdavaštvu za stolna računala
4. CMY boja u izdavaštvu stolnih računala
5. Određivanje boja
6. Percepcija boje
7. Nijansa, tonovi, nijanse i zasićenost
8. Zajedničke sheme kombiniranja boja
9. Fino podešavanje kombinacija boja

02 od 09

Aditivne i subtrakcijske primarne

Način na koji vidimo boju je malo drugačiji od načina miješanja boja. Umjesto crvene, plave i žute primarne boje imamo dvije različite vrste primarnih boja. Vjerojatno ste vidjeli prizmu da razbije svjetlosnu zraku u duga boja. Vidljivi spektar svjetlosti razbija se u tri područja boje: RED, GREEN i BLUE.

• Dodajte RED, GREEN i BLUE (RGB) svjetlo kako biste stvorili BIJELO svjetlo. Budući da dodate boje zajedno kako biste dobili Bijela, ovo nazivamo primarnim aditivima .

  Boje na zaslonu prikazuju se miješanjem različitih količina crvene, zelene i plave svjetlosti. Imajte na umu da se primarni aditivi obično odnose na RGB na zaslonu. Miješanje stvarnih crvenih, zelenih i plavih boja ili boja ne proizvodi bijelo.

• Oduzmite jednu od RGB boja od ostalih i ostaje vam još jedna boja. RGB minus RED ostavlja CYAN. RGB minus BLUE lišće ŽUTO. RGB minus GREEN ostavlja MAGENTA. To se naziva suptraktivni primarni (CMY).

  Crne, magenta i žute boje tinte - zajedno s crnom - koriste se u tisku s četiri boje, također poznat kao CMYK. Kombinacija dvaju subtrakcijskih primara rezultira u jednom od primarnih aditiva (na primjer, cijan + žuta daje zelenu boju). Miješanje svih triju oduzimljive primarne rezultate u crnoj boji (ne čista crna, ali mutna crna boja).

Zatim ćemo pogledati način na koji pokušavamo reproducirati boju u tisku i na webu.

Indeks boja u boji:

1. Mješanje u boji školskog razreda
2. Aditive i subtraktični primari (RGB i CMY) (ova stranica)
3. RGB boja u izdavaštvu za stolna računala
4. CMY boja u izdavaštvu stolnih računala
5. Određivanje boja
6. Percepcija boje
7. Nijansa, tonovi, nijanse i zasićenost
8. Zajedničke sheme kombiniranja boja
9. Fino podešavanje kombinacija boja

03 od 09

RGB boja u izdavaštvu za stolna računala

Monitor vašeg računala emitira svjetlo pa se stoga smatra da računalo koristi tri boje u području RED, GREEN i BLUE (primarni aditivi) kako bi reproducirali boje koje vidimo.

Rad s slikama namijenjenim zaslona ili webu označavamo boju količinom crvene, zelene ili plave boje. U vašem grafičkom softveru ti brojevi mogu izgledati ovako:

• 255 RED 255 GREEN 0 BLUE
  ili
• 255R 255G 0B
  ili
• RGB: 255,255,0
  ili
• FFFF00 (može biti napisan kao # FFFF00)

Sve su to žute boje. Broj između 1-255 označava količinu svake boje crvene, zelene ili plave s 255 čisto 100% vrijednosti boje. Zero znači ništa od te boje. Da bi vaše računalo razumjelo te brojke, prevodimo ih u 6 znamenki heksadecimalnih brojeva ili tripleta (heksadecimalni kodovi) .

U našem primjeru, FF je heksadecimalni ekvivalent od 255. Heksadecimalni triplet je uvijek redoslijedom RGB pa je prvi FF crven. Drugi FF je žuta. Nema plave boje pa ima 00, heksadecimalni ekvivalent od nule.

To su osnove za boju na webu. Da biste dublje udubili u RGB i kako boja izgleda na zaslonu, iskoristite ove detaljnije resurse za web boju.

Indeks boja u boji:

1. Mješanje u boji školskog razreda
2. Aditive i subtraktični primari (RGB i CMY)
3. RGB boja u izdavaštvu radne površine (ova stranica)
4. CMY boja u izdavaštvu stolnih računala
5. Određivanje boja
6. Percepcija boje
7. Nijansa, tonovi, nijanse i zasićenost
8. Zajedničke sheme kombiniranja boja
9. Fino podešavanje kombinacija boja

04 od 09

CMY boja u izdavaštvu stolnih računala

Boja (svjetlost) dobiva se oduzimanjem različitih količina drugih boja iz primarnih aditiva (RGB). No, u tisku kada miješamo (dodavamo) tinte zajedno, boje se ne izlaze kao što bismo mogli očekivati. Stoga počinjemo s subtrakcijskim primarnim brojem (CMY) i miješamo one u različitim količinama (plus BLACK skraćeno kao K) kako bismo dobili željene boje.

Boje za ispis se miješaju u postocima kao što su:

• 50% CYAN 100% MAGENTA 25% ŽUTO
  ili
• C50 M100 Y25
• A budući da se crna obično koristi uz CMY, uključen je postotak za crnu (čak i ako je 0), kao što su: C50 M100 Y25 K0

Četvrta traka u boji u ovom primjeru je ljubičasta boja izrađena s različitim količinama svakog od subtrakcijskih primarnih (i bez crne). Crvena boja koja prethodi on je CMY ekvivalent RGB crvene boje. Donja boja ne koristi CMY tinte, samo 80% crna (K).

Ovaj model boje CMY (K) samo je jedan od mnogih načina na koji bismo mogli izraziti boju za ispis - ali spasiti ćemo tu temu za drugu značajku. Postoje i drugi pojmovi u boji koji ćemo kratko slijediti i više o određivanju boja za ispis.

Indeks boja u boji:

1. Mješanje u boji školskog razreda
2. Aditive i subtraktični primari (RGB i CMY)
3. RGB boja u izdavaštvu za stolna računala
4. CMY boja u izdavaštvu za stolna računala (ova stranica)
5. Određivanje boja
6. Percepcija boje
7. Nijansa, tonovi, nijanse i zasićenost
8. Zajedničke sheme kombiniranja boja
9. Fino podešavanje kombinacija boja

05 od 09

Određivanje boja

Odabir najprikladnijih ili učinkovitih kombinacija boja je samo dio jednadžbe u radu s bojom. Također morate odrediti boje koje želite. Za ispis postoji nekoliko načina za određivanje boje i može se razlikovati ovisno o broju upotrijebljenih boja i načinu na koji ih upotrebljavate. Proći ćemo kroz nekoliko mogućnosti.

• Zidovi jedne boje Možete postići širok raspon učinaka korištenjem jedne točke boje (1 / C) navodeći da se boja može prikazati (tonovi). Ti su slojevi postotci krute boje (100%).
• Dvije ili više boja Kombinirajte krute i zaslone boje od dvije ili više boja (2 / C, 3 / C, 4 / C itd.). U gornjem primjeru, boje su sve kombinacije jedne boje plus crne (K) (tri su najbogatija, donja tri su magenta). (za tiskanje crne boje) Oni su također postotci.
• PMS boje Da bi točno odgovarala boja (ili u blizini tiskanja) možete koristiti sustav kao što je Pantone Matching System. Ima i drugih. Mješavine boja numerirane su radi lakšeg referiranja. Vaš grafički program može imati palete boja koje su imenovane za neke od najpopularnijih sustava podudaranja boja. Ti omogućuju odabir boja za dizajn koji odgovaraju sustavu podudaranja boja koje koristi vaš pisač. Pogledajte PANTONE sučelja naziva boje u boji za više informacija o PMS bojama. (Imajte na umu da imena / brojevi boja na slici možda neće odražavati najnovije oznake Pantonea.)
• CMYK U četiri boja postupka ispisa, za reprodukciju u boji kontinuiranog tona boja, koristimo četiri specifične boje. Te boje procesa su cijan (C), žuta (Y), magenta (M) (SUBTRAKTIVNA boja iz našeg kotača u boji) i crna (K). Percepcija milijuna boja postiže se miješanjem tih boja tinte, već tiskanjem tisuća sitnih točaka svake boje u različitim veličinama i uzorcima. Oko spaja te točke i vidi više od četiri boje CMYK (ili ponekad napisanog kao, CYMK).
• Odvajanje boja U četverostrukom procesu ispisa, umjesto da odredite određene boje, izradite drugu kopiju vašeg crteža za svaku od četiri boje (CMYK). Svaka je kopija tiskana jedna na vrhu druge kako bi se stvorio optički efekt u punoj boji. Odvojenost se također stvara kada upotrebljavaju više od dvije točkaste boje sa svakim odjeljivanjem koje sadrži samo dijelove stranice za tu određenu boju. Na slici, 4 slike u sivim tonovima predstavljaju tiskarsku ploču za svaku od 4 procesne boje. Imajte na umu kako je magenta ploča puno mračnija na tijelu traktora? Potrebno je puno više od ove crvenkaste boje kako bi se stvorio svijetlo crveni traktor.

Očito je ovo samo kratak pregled. Napisano je stotine knjiga i članaka o procesu određivanja i ispisivanja u boji. Pogledajte veze na kraju ovog članka radi detaljnije pokrivenosti.

Indeks boja u boji:

1. Mješanje u boji školskog razreda
2. Aditive i subtraktični primari (RGB i CMY)
3. RGB boja u izdavaštvu za stolna računala
4. CMY boja u izdavaštvu stolnih računala
5. Određivanje boja (ova stranica)
6. Percepcija boje
7. Nijansa, tonovi, nijanse i zasićenost
8. Zajedničke sheme kombiniranja boja
9. Fino podešavanje kombinacija boja

06 od 09

Percepcija boje

Ako ste mislili da su primarne boje crvene, plave i žute, s komplementarnim ili sekundarnim bojama ljubičaste, zelene i narančaste boje, tada morate posjetiti ili ponovno posjetiti ranije stranice ovog vodiča o osnovi boja jer se za ovu raspravu oslanjamo na dodacima i suptilnim primarnim bojama, RGB i CMY.

Nekoliko čimbenika utječe na način na koji prepoznajemo boju. Jedan od tih čimbenika može se pokazati položajem boja na kotačiću u boji u odnosu na druge boje.

Važna napomena : U znanosti i teoriji boja postoje precizne definicije za susjedne, kontrastne i komplementarne boje i kako se pojavljuju na kotačiću u boji. U grafičkom dizajnu i nekim drugim područjima koristimo labavo tumačenje. Boje ne moraju biti izravne suprotnosti ili imati određenu količinu odvajanja da bi se smatrale kontrastnim ili komplementarnim. U dizajnu je više o percepciji i osjećaju.

• Susjedne boje se pojavljuju jedna uz drugu na kotačiću u boji. Dvije ili više susjednih boja usklađuju jedna s drugom. Oni rade dobro zajedno (obično, ali ne uvijek). Saznajte više o susjednim bojama .

  Izraz harmonizira zvukove lijepo, ugodno. No, neke boje usklađivanja mogu se pojaviti isprati (žuto / zeleno) ili previše tamno i slično (plavo / ljubičasto) da dobro rade zajedno.

• Boje suprotne boje pojavljuju se u različitim segmentima kotača boja (podijelite ih u četvrtima kako biste vizualizirali ovo). Daljnje međusobno odijeljene boje, zasićenosti ili vrijednosti, više kontrasta. Saznajte više o kontrastnim bojama .

  Iako je često potreban kontrast za postizanje optimalne čitljivosti (poput visokog kontrasta između pozadine i teksta), neke kontrastne boje kad se tiskaju jedna uz drugu mogu se vibrirati i biti naporne za oko.

• Dodatne boje pojavljuju se na suprotnim stranama kotača boja, izravno ili gotovo izravno jedna od druge. Saznajte više o komplementarnim bojama .

  Dopunska je često zbunjena s pozdravnim . Različita značenja. Dvije boje koje se kompliment (plosnati) međusobno mogu ili ne moraju biti međusobno nadopunjuju.

Susjedne, kontrastne i komplementarne kombinacije boja često se mogu poboljšati upotrebom nijansi i nijansi ili stvaranjem dodatnog kontrasta s crnom ili bijelom bojom. Pogledajte sljedeću stranicu za više boja koje kombiniraju osnove.

Indeks boja u boji:

1. Mješanje u boji školskog razreda
2. Aditive i subtraktični primari (RGB i CMY)
3. RGB boja u izdavaštvu za stolna računala
4. CMY boja u izdavaštvu stolnih računala
5. Određivanje boja
6. Percepcija boje (ova stranica)
7. Nijansa, tonovi, nijanse i zasićenost
8. Zajedničke sheme kombiniranja boja
9. Fino podešavanje kombinacija boja

07 od 09

Nijanse, boja, nijanse i boje zasićenja

Postoji više boja koje možemo vidjeti i stvoriti od samo crvene, zelene, plave, cihe, žute i magenta. Iako je kotačić boja često prikazan s različitim blokovima boja, zaista su milijuni boja koji se uklapaju jedan u drugi dok kretamo po kotaču.

Svaka od tih pojedinačnih boja je nijansa. Crvena je nijansa. Plava je nijansa. Ljubičasta je nijansa. Teal, Violet, Orange i Green su sve boje.

Promjenu izgleda nijanse možete promijeniti dodavanjem crne boje (sjene) ili dodavanjem bijele (svjetlosti). Vrijednost lakoće ili tame, zasićenost ili količina nijanse daje nam naše nijanse i tonove.

• Dodajte različite količine crne boje da biste dobili nijanse . Razmislite o dolasku mraka i tamnim sjenama kako biste se sjetili da je nijansa plus crna jednaka sjeni .
• Dodajte različite količine bijele boje kako biste olakšali nijansu. Svijetle boje su tonovi . U pogledu ispisa, koristite postotke boja tinte koje čine čistu nijansu, kao što je 80%, 50% ili 10%.

Ovo je samo osnovni uvod. Igrati se zasićenjem i vrijednostima kako biste stvorili nijanse i nijanse raznih tonova pomoću ovog interaktivnog Stvoritelja sheme boja u Colorpireu. Ili upotrijebite značajke boje u omiljenom grafičkom softveru da biste eksperimentirali s nijansom, zasićenjem i vrijednostima.

Intenzitet, lakoća ili svjetlina mogu se koristiti za označavanje vrijednosti boje u nekim softverskim programima.

Indeks boja u boji:

1. Mješanje u boji školskog razreda
2. Aditive i subtraktični primari (RGB i CMY)
3. RGB boja u izdavaštvu za stolna računala
4. CMY boja u izdavaštvu stolnih računala
5. Određivanje boja
6. Percepcija boje
7. Nijanse, tonovi, nijanse i zasićenost (ova stranica)
8. Zajedničke sheme kombiniranja boja
9. Fino podešavanje kombinacija boja

08 od 09

Zajedničke sheme kombiniranja boja

Odabir jedne boje je dovoljno teško, dodavanje jedne ili više boja na mix može biti zastrašujuće. Ako pretražujete na webu ili čitate razne knjige i časopise o bojama, naći ćete nekoliko uobičajenih metoda. Bit će također i varijacija. Da biste započeli s radom, razmotrite ove metode za dobivanje savršene palete za tiskane ili web projekte.

• Monokromatske palete boja počinju s jednim nijansama, a zatim upotrijebite nijanse i / ili tonove te boje kako bi proširili na dvije, tri ili više boja. Za izdavanje tiskanih materijala, korištenje sjaja jedne boje je jedan od načina korištenja boje bez trošenja tradicionalnog procesnog tiska u četiri boje. Dodajte crnu tintu za tekst i akcente. Više o korištenju boja boje za dizajn .
• Analogne ili harmonizirane palete boja koriste dvije ili više susjednih boja na kotačiću u boji. Ako koristite vrlo mali segment kotačića u boji, dodavanje nijansi ili tonova jedne ili više nijansi može zadržati ove boje previše isprane ili niske kontrasta.
• Dodatne palete boja mogu koristiti dva, tri ili četiri komplementarna boja. S podijeljenom paletnom paletom gledajte na obje strane komplementa (suprotno) svoje glavne boje kako biste pronašli odgovarajući par za dovršavanje trijade.
• Trijade palete boja koriste tri boje. Započnite moj nalaz tri boje koje su ravnomjerno raspoređene oko kotača boja i rade odande.
• Pomiješajte ga odabirom komplementarnog para i zatim dodavajući boju (ili dvije) jedne od boja (monokromatski + komplementarni). Ili odaberite dvije do četiri analogne (susjedne) boje plus dodatak jedne od tih nijansi (analogno + komplementarno).

To su samo polazišta. Nema čvrstih i brzih, nepromjenjivih pravila za miješanje i podudaranje boja. Također ćete otkriti da se kotači u boji prikazani na različitim mjestima mogu sasvim malo razlikovati, tako da izravne suprotnosti na jednom kotaču boje razlikuju se nešto drugačije. To je u redu. Premještanje nekoliko tonova na jedan ili drugi način prilikom uparivanja boja je kako završavamo sa svim vrstama zanimljivih paleta boja. Donja crta: odaberite kombinacije boja koje odgovaraju vašem projektu.

• Koliko boja trebate koristiti? Uobičajeno je 2 do 5 (uključujući crno ili bijelo). Više od toga (osim fotografija) može postati vizualno neodoljiv - i ovisno o načinu tiskanja / vrsti tinte može biti skupo. Ali to je samo smjernica, a ne pravilo. Kod web stranica, korištenje više boja ne utječe na trošak osim u smislu izgubljenih kupaca ako su boje previše .
• Koliko biste trebali koristiti svaku boju? Iako je važno, to ne znači da biste trebali koristiti jednaku količinu svake boje u odabranoj paleti. Uravnotežite dozu jake boje s manjim količinama nekoliko lakših ili tamnih boja. Opet, nema apsolutnih vrijednosti. Ako koristite par jako jakih boja, korištenje manje od jedne od njih može zadržati vašu stranicu od prevelikog broja čitatelja.
• Postoje li kombo boja koje se nikad ne smiju koristiti? Može biti. Možda ne. Vidi zabranjene kombinacije boja?

Indeks boja u boji:

1. Mješanje u boji školskog razreda
2. Aditive i subtraktični primari (RGB i CMY)
3. RGB boja u izdavaštvu za stolna računala
4. CMY boja u izdavaštvu stolnih računala
5. Određivanje boja
6. Percepcija boje
7. Nijansa, tonovi, nijanse i zasićenost
8. Zajedničke sheme kombiniranja boja (ova stranica)
9. Fino podešavanje kombinacija boja

09 od 09

Fino podešavanje kombinacija boja

Neke od nejasnoća susjednih, kontrastnih i komplementarnih kombinacija boja mogu se ublažiti uvođenjem crne i bijele, tamne i svijetle boje, nijanse i tonovi.

Nijanse i tonovi boje
Pri upotrebi susjednih ili harmoniziranih boja možete postići veći stupanj čitljivosti dodavanjem crne ili bijele na jednu od nijansi - mijenjajući zasićenost i vrijednost nijanse. Crno stvara tamniju nijansu nijanse. Bijela stvara svjetliju boju sjene. Tamo gdje žuti i žuto-zeleni uparivanje mogu biti preblizu kako bi dobro radili zajedno, korištenje tamnije nijanse zelenog može pomoći kombinaciji da stvarno pop.

Ovo je samo osnovni uvod. Igrati se zasićenjem i vrijednostima kako biste stvorili nijanse i nijanse raznih tonova pomoću ovog interaktivnog Stvoritelja sheme boja u Colorpireu. Ili upotrijebite značajke boje u omiljenom grafičkom softveru da biste eksperimentirali s nijansom, zasićenjem i vrijednostima. Neki grafički softver može koristiti intenzitet, svjetlinu ili lakoću da se odnosi na vrijednost nijanse.

Stvaranje kontrasta s crnom i bijelom bojom
BIJELA je ultimativna boja svjetlosti i dobro je suprotna tamnim bojama kao što su crvena, plava ili ljubičasta. BLACK je krajnja tamna boja i čini lakše boje kao što je žuta stvarno pop out.

Bilo koja pojedinačna ili više boja može promijeniti - ili naša inačica njihova percepcija se mijenja - zbog ostalih okolnih boja, blizine boja jedno s drugim i količine svjetlosti. Zato se par boja koje se mogu uhvatiti u sukobu kada se postavljaju jedna uz drugu, mogu raditi i izgledati dobro kada su odvojeni na stranici ili se koriste s drugim bojama.

Boja svijetle boje postaje još lakši kad je u blizini tamne boje (uključujući crnu). Dvije slične boje jedna uz drugu mogu se pojaviti kao dvije različite boje, ali postavljene daleko od njih počinju izgledati kao iste boje.

Papir i emocije utječu na percepciju boja
Količinu svjetlosti koju vidimo u boji utječe i površina na kojoj je ispisana. Sjajna RED korveta tiskana u oglasu časopisa na glatkom i sjajnom papiru neće izgledati isto kao i RED korveta tiskana na novinskom oglasu. Radovi apsorbiraju i reflektiraju svjetlo i boju drugačije.

Značenje boja
Dodatno, naši se izbori boja često diktiraju emocije koje izazivaju specifične boje i kombinacije boja. Neke boje stvaraju fizičke reakcije. Neke boje i kombinacije boja imaju specifična značenja zasnovana na tradicionalnoj i kulturnoj upotrebi.

• Značenje hladnih boja (smirivanje): plavo, zeleno, tirkizno, srebrno
• Znakovi tople boje (uzbudljivo): crvena, ružičasta, žuta, zlatna, narančasta
• Mješovita hladna / topla boja značenja : ljubičasta, lavanda, zelena, tirkizna
• Neutralna značenja u boji (ujednačavanje): smeđa, bež, bjelokost, siva, crna, bijela

Indeks boja u boji:

1. Mješanje u boji školskog razreda
2. Aditive i subtraktični primari (RGB i CMY)
3. RGB boja u izdavaštvu za stolna računala
4. CMY boja u izdavaštvu stolnih računala
5. Određivanje boja
6. Percepcija boje
7. Nijansa, tonovi, nijanse i zasićenost
8. Zajedničke sheme kombiniranja boja
9. Kombinacije boja fino podešavanje (ova stranica)

Također pogledajte: Problem s bojom, jer kad mislite da je plava ljubičasta, mogli bismo vidjeti i crvenu boju.