Osnove boje za štampu i web

01 od 09

Mešanje u školskoj školi razreda

Da li ste znali da kolor kolor koji ste naučili u školi nije isti kao boje koje se koriste za Veb? Nije čak ni način na koji se boje mešaju za štampanje? Pa, u redu, iste boje, samo razne aranžmane i miješanja.

Tradicionalni (Think Painting ili Crayons)

• Tradicionalne primarne boje su RED, YELLOW i BLUE.
• Mešajte dve 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 osnovnoj školi verovatno ste imali puno mogućnosti za mešanje primarnih boja i pravljenje novih boja. Bilo je čarobno! Mešanje boja za štampanje s mastilom ne funkcioniše sasvim isto. Primarne boje u svetlosti i mastilo nisu iste crvene, žute i plave osnovne boje boja. U stvari, postoji 6 osnovnih boja.

Indeks boja osnove:

1. Miješanje boja u školi (ova stranica)
2. Dodatni i subtraktivni primarijumi (RGB & CMY)
3. RGB boja u namiznom izdavaštvu
4. CMY boja u namiznom izdavaštvu
5. Specifying Colors
6. Percepcija boja
7. Hues, Tint, Shades i Saturation
8. Uobičajene kombinacije boja
9. Fine-tuning Color Combinations

02 od 09

Aditivni i subtraktivni primari

Način na koji vidimo boju malo se razlikuje od načina na koji mešamo boju. Umjesto crvene, plave i žute primarne boje imamo dvije različite vrste primarnih boja. Verovatno ste videli da prizma prelomi snop svetlosti u duge boje. Vidljivi spektar svetlosti razbija se u tri boje regiona: RDEČI, ZELENI I BLUE.

• Dodajte RED, GREEN i BLUE (RGB) svetlo da biste kreirali WHITE svetlo. Zato što dodate boje zajedno da biste dobili Bijelu, mi ih zovemo dodacima primarnih .

  Boje na ekranu se prikazuju mešanjem različitih količina crvene, zelene i plave svetlosti. Imajte na umu da se primarni dodaci obično odnose na režim boje RGB na ekranu. Mešanje stvarnih crvenih, zelenih i plavih mastila ili boja ne proizvodi bijelo.

• Odvojite jednu od RGB boja od ostalih i ostavite vam još jednu boju. RGB minus RED ostavlja CYAN. RGB minus BLUE ostavlja YELLOW. RGB minus GREEN ostavlja MAGENTA. Ovo se zove subtraktivni primarni (CMY).

  Cijan, magenta i žuta boja boje - zajedno sa crnom - koriste se u četiri boje procesne štamparije, poznate i pod nazivom CMYK. Kombinovanjem dve od subtraktivnih primarnih rezultata rezultira u jednoj od aditiva primarnih (na primjer, cijan + žuti proizvodi zeleni). Mešanje svih tri subtraktivnih primarnih rezultata dovelo je do crne (ne čiste crne, ali mračne crne boje).

Zatim ćemo pogledati način na koji pokušavamo da reprodukujemo boju u štampi i na Webu.

Indeks boja osnove:

1. Mešanje u školskoj školi razreda
2. Aditivni i subtraktivni primarijumi (RGB & CMY) (ova stranica)
3. RGB boja u namiznom izdavaštvu
4. CMY boja u namiznom izdavaštvu
5. Specifying Colors
6. Percepcija boja
7. Hues, Tint, Shades i Saturation
8. Uobičajene kombinacije boja
9. Fine-tuning Color Combinations

03 od 09

RGB boja u namiznom izdavaštvu

Monitor računara emituje svetlo, tako da postoji razlog da računar koristi tri boje regiona RDEČE, ZELENE i BLUE (dodatke primarnih) da reprodukuje boje koje vidimo.

Rad sa slikama namijenjenim ekranu ili Web-u, označavamo boje po količini RDEČE, ZELENE ILI BLUE u boji. U vašem grafičkom softveru, ovi brojevi mogu izgledati ovako:

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

Sve ovo predstavlja žutu. Broj od 1-255 označava količinu svake boje crvene, zelene ili plave, a 255 je čista 100% vrijednost boje. Zero znači ništa od te boje. Da bi vaš računar razumio ove brojeve, prevedemo ih u šestocifreni heksidecimalni broj ili trojke (heks kodovi) .

U našem primeru, FF je heksadecimalni ekvivalent od 255. Heksadecimalni triplet je uvek u redosledu RGB, tako da je prvi FF crven. Drugi FF je žut. Nema plave, tako da ima 00, heksadecimalni ekvivalent nule.

To su osnove za boju na Webu. Da biste iskoristili dubinu u RGB i kako boja izgleda na ekranu, iskoristite ove detaljnije resurse za Web Color.

Indeks boja osnove:

1. Mešanje u školskoj školi razreda
2. Dodatni i subtraktivni primarijumi (RGB & CMY)
3. RGB boja u izdavaču za desktop (ova stranica)
4. CMY boja u namiznom izdavaštvu
5. Specifying Colors
6. Percepcija boja
7. Hues, Tint, Shades i Saturation
8. Uobičajene kombinacije boja
9. Fine-tuning Color Combinations

04 od 09

CMY boja u namiznom izdavaštvu

Boja (svetlost) se vrši tako što oduzima različite količine drugih boja iz primarnih dodataka (RGB). Ali u štampi kada mešamo (dodamo) boje, boje ne izlaze kao što možemo očekivati. Prema tome, počinjemo sa subtraktivnim primarnim (CMY) i miješati one u različitim količinama (plus BLACK skraćeno kao K) da bi dobili boje koje želimo.

Boje za štampu se mešaju u procentima kao što su:

• 50% CYAN 100% MAGENTA 25% ŽUTA
  ili
• C50 M100 Y25
• I pošto se obično crno koristi zajedno sa CMY, uključen je i procenat crne (čak i ako je 0), kao što su: C50 M100 Y25 K0

Četvrta boja u ovom primeru je ljubičasta boja napravljena sa različitim količinama svakog od subtraktivnih primarnih (i bez crnih). Crvena boja koja prethodi je CMY ekvivalent RGB Reda. Bar donje boje ne koristi CMY boje, samo 80% crne (K).

Ovaj CMY (K) model boje je samo jedan od mnogih načina na koji možemo da izrazimo boju za štampu - ali ćemo sačuvati tu temu za još jednu osobinu. Postoje i drugi uslovi vezani za boju, na koje ćemo ukratko pratiti više o određivanju boja za rad štampanja.

Indeks boja osnove:

1. Mešanje u školskoj školi razreda
2. Dodatni i subtraktivni primarijumi (RGB & CMY)
3. RGB boja u namiznom izdavaštvu
4. CMY boja u izdanju za desktop (ova stranica)
5. Specifying Colors
6. Percepcija boja
7. Hues, Tint, Shades i Saturation
8. Uobičajene kombinacije boja
9. Fine-tuning Color Combinations

05 od 09

Specifying Colors

Izbor najlepših ili efikasnih kombinacija boja je samo dio jednačine u radu sa bojom. Morate takođe moći da odredite boje koje želite. Za štampanje postoji niz načina za određivanje boje i može se razlikovati u zavisnosti od broja upotrebljenih boja i načina na koji ih koristite. Proći ćemo samo kroz neke od mogućnosti.

• Tintovi jedne boje Možete postići veliki izbor efekata pomoću jedne boje spotova (1 / C) tako što ćete navesti da se boje prikaze (tintovi). Ovi tonovi su procenti solidne boje (100%).
• Dve ili više boja Kombinuju čvrste i zaštitne boje dve ili više boja (2 / C, 3 / C, 4 / C itd.). U primeru, iznad, boje su sve kombinacije jedne boje plus crne (K) (gornje tri su cijan, a dna tri su magenta). (za štampanje crna je boja) Oni su takođe procenti.
• PMS boje Da biste tačno podesili boju (ili što je bliže mogućem štampanju), možete koristiti sistem kao što je Pantone Matching System. Ima i drugih. Miješane boje su numerisane za jednostavnu upotrebu. Vaš grafički program može imati palete boja nazvane za neke od najpopularnijih sistema za usklađivanje boja. Ovi vam omogućavaju da izaberete boje za vaš dizajn koji odgovaraju sistemu usklađivanja boja koji koristi vaš štampač. Pogledajte PANTONE Spot Color Name Suffixes za više o PMS bojama. (Imajte na umu da imena boja / brojevi na slici možda ne odražavaju najnovije oznake iz Pantone-a.)
• CMYK U štampi u četiri boje, za reprodukciju boje kontinualne boje u punoj boji, koristimo četiri specifične boje. Ove boje procesa su cijan (C), žuta (Y), magenta (M) (boja SUBTRACTIVE iz našeg kolor boja) i crna (K). Percepcija miliona boja se postiže ne mešanjem ovih boja mastila, već i štampanjem hiljada sitnih tačaka svake boje u različitim veličinama i obrascima. Oko spaja te tačke i vidi više od četiri boje CMYK-a (ili ponekad napisane kao CYMK).
• Odvajanje boja U procesu štampanja u četiri boje, umesto određivanja određenih boja, kreirate različitu kopiju vašeg umjetničkog djela za svaku od četiri boje (CMYK). Svaka kopija je štampana jedna na vrhu druge da bi se stvorio optički efekat punih boja. Separacije se takođe stvaraju kada koristite više od dve spotne boje sa svakim odvajanjem koje sadrže samo delove stranice za tu specifičnu boju. Na ilustraciji, 4 sive slike predstavljaju štamparsku ploču za svaku od 4 procesne boje. Obratite pažnju na to da je Magenta ploča mnogo tamnija na tijelu traktora? Potrebno je mnogo više ove crvenkaste mastilo u boji da bi se proizveo svetlo crveni traktor.

Očigledno je da je ovo samo kratak pregled. Objavljeno je stotine knjiga i članaka o procesu specifikacije i štampanja u boji. Pogledajte linkove na kraju ovog članka za detaljnije pokrivanje.

Indeks boja osnove:

1. Mešanje u školskoj školi razreda
2. Dodatni i subtraktivni primarijumi (RGB & CMY)
3. RGB boja u namiznom izdavaštvu
4. CMY boja u namiznom izdavaštvu
5. Određivanje boja (ova stranica)
6. Percepcija boja
7. Hues, Tint, Shades i Saturation
8. Uobičajene kombinacije boja
9. Fine-tuning Color Combinations

06 od 09

Percepcija boja

Ako ste mislili da su osnovne boje bile crvene, plave i žute, sa komplementarnim ili sekundarnim bojama Purpurne, Zelene i Narandžaste, onda morate posetiti ili ponovo posetiti ranije stranice ove tutorijale za boje, jer se za ovu diskusiju oslanjamo na aditivne i subtraktivne primarne boje, RGB i CMY.

Nekoliko faktora utiče na način na koji osetimo boju. Jedan od tih faktora može se pokazati pozicijom boja na točkiću boja u odnosu na druge boje.

Važna napomena : U nauci i teoriji boja postoje precizne definicije za susedne, kontrastne i komplementarne boje i kako se one pojavljuju na točkiću za boju. U grafičkom dizajnu i nekom drugom polju koristimo labavu interpretaciju. Boje ne moraju biti direktne suprotnosti ili imaju određenu količinu razdvajanja koja se smatra kontrastnim ili komplementarnim. U dizajnu je više o percepciji i osećanju.

• Susedne boje se pojavljuju jedni pored drugih na koloru. Dve ili više susednih boja se međusobno usklađuju . Oni dobro funkcionišu zajedno (obično ali ne uvek). Saznajte više o susednim bojama .

  Izraz harmonizuje zvuk lijepo, prijatan. Međutim, neke usklađujuće boje mogu se isprazniti (žuto / zeleno) ili suviše tamne i slične (plave / ljubičaste) da dobro funkcionišu zajedno.

• Kontrastne boje se pojavljuju u različitim segmentima kola za boje (podelite ga u četvrtine da bi se ovo vizualiziralo). Što su dalje odvojene jedna drugoj u nijansi, zasićenosti ili vrijednosti, to je više kontrasta. Saznajte više o kontrastnim bojama .

  Iako je kontrast često potreban da bi se obezbedila optimalna čitljivost (kao što je visok kontrast između pozadine i teksta), neke kontrastne boje, kada se štampaju jedan pored drugog, mogu da izgledaju kao vibrirajuće i veoma zamorne oko.

• Komplementarne boje se pojavljuju na suprotnim stranama kola, direktno ili gotovo direktno preko jedne od drugih. Saznajte više o komplementarnim bojama .

  Komplementarno se često zbunjuje s besplatnim . Različita značenja. Dve boje koje komplimentiraju (laskave) jedni druge mogu ili ne moraju biti komplemente jedna drugoj.

Susedne, kontrastne i komplementarne kombinacije boja se često mogu poboljšati upotrebom nijansi i tonova ili stvaranjem dodatnog kontrasta sa crnom ili belom bojom. Pogledajte sledeću stranicu za više boja koja kombinuje osnove.

Indeks boja osnove:

1. Mešanje u školskoj školi razreda
2. Dodatni i subtraktivni primarijumi (RGB & CMY)
3. RGB boja u namiznom izdavaštvu
4. CMY boja u namiznom izdavaštvu
5. Specifying Colors
6. Percepcija boje (ova stranica)
7. Hues, Tint, Shades i Saturation
8. Uobičajene kombinacije boja
9. Fine-tuning Color Combinations

07 od 09

Hues, Tint, Shades i Saturation Colors

Postoji više boja koje možemo videti i kreirati nego samo crvena, zelena, plava, cijan, žuta i magenta. Iako je kolo za boje često prikazano sa različitim blokovima boje, stvarno je milione boja koje se meša jedno u drugo dok se krećemo oko volana.

Svaka od tih pojedinačnih boja je nijanse. Crvena je nijansa. Plava je nijanse. Ljubičasta je nijansa. Teal, ljubičasta, narandžasta i zelena su sve boje.

Možete promijeniti izgled nijanse dodavanjem crne (sjenka) ili dodavanjem bijele (svjetlo). Vrednost lakoće ili tame i zasićenja ili količine nijanse nam daje nijanse i tonove.

• Dodajte različite količine crne boje da biste dobili nijanse . Pomislite na predstojeću mrak i tamne senke da zapamtite da je boja plus crna jednaka senci .
• Dodajte različite količine bijele da osvetlite nijansu. Svetlosni nijansi su nijansi. Što se tiče štampanja, koristite procente boje boje koje čine čistu boju, kao što su 80%, 50% ili 10%.

Ovo je samo osnovni uvod. Igrajte se sa zasićenjem i vrijednostima za kreiranje nijansi i nijansi različitih nijansi koristeći ovaj interaktivni Color Scheme Creator na Colorspire. Ili, koristite funkcije boje u svom omiljenom grafičkom softveru da biste eksperimentisali sa nijansom, zasićenjem i vrijednošću.

Intenzitet, lakoća ili osvetljenost se mogu koristiti da se odnosi na vrednost boje u nekim softverskim programima.

Indeks boja osnove:

1. Mešanje u školskoj školi razreda
2. Dodatni i subtraktivni primarijumi (RGB & CMY)
3. RGB boja u namiznom izdavaštvu
4. CMY boja u namiznom izdavaštvu
5. Specifying Colors
6. Percepcija boja
7. Hues, tintovi, nijanse i zasićenost (ova stranica)
8. Uobičajene kombinacije boja
9. Fine-tuning Color Combinations

08 od 09

Uobičajene kombinacije boja

Odabir jedne boje je dovoljno teško, Dodavanje jedne ili više boja u mešavinu može biti zastrašujuće. Ako pretražujete na Internetu ili čitate razne knjige i časopise o bojama, naći ćete nekoliko zajedničkih opisanih metoda. Takođe će biti varijacija. Samo da biste započeli, razmislite o ovim metodama kako biste došli do savršene palete za vaše projekte za štampu ili za web projekte.

• Monohromatne palete boja počinju sa jednim nijansom, a zatim koriste nijanse i / ili tonove te boje da se prošire na dvije, tri ili više boja. Za izdavanje štampe, korištenjem nijansi jedne boje jedan je način korištenja boje bez troškova tradicionalnog štampanja u četiri boje. Dodajte crno mastilo za tekst i akcente. Learm više o upotrebi nijansi spot spotova za dizajn .
• Analogne ili usklađene palete boja koriste dve ili više susednih boja na točkiću za boju. Ako koristite veoma mali segment kola za boje, dodavanje nijansi ili tonova jedne ili više nijansi može zadržati preveliku količinu boja ili niski kontrast.
• Komplementarne palete boja mogu koristiti dva, tri ili četiri komplementarna parfema u boji. Sa podeljenom komplementarnom paletom pogledajte bilo koju stranu komplementa (suprotno) vaše glavne boje da biste pronašli odgovarajući par za završetak triade.
• Tri palete boja koriste tri boje. Započnite moje pronalazenje tri boje koje su ravnomerno raspoređene oko kola i raditi odatle.
• Miješajte to tako što ćete izabrati komplementarni par, a zatim dodati boju (ili dvije) jedne od boja (monohromatsko + komplementarno). Ili izaberite dve do četiri analogne (susedne) boje plus komplement jedne od tih nijansi (analogno + komplementarno).

Ovo su samo početna mesta. Ne postoje čvrsta i brza, neupadljiva pravila za mešanje i usklađivanje boja. Takođe ćete pronaći da se boje koje se prikazuju na različitim lokacijama mogu razlikovati prilično malo tako da su direktne suprotnosti na jednom kolutu u boji nešto drugačije na drugom mjestu. U redu je. Pomeranje nekoliko nijansi na jedan ili drugi način pri uparivanju boja je kako završimo sa svim vrstama zanimljivih paleta boja. Donja linija: Odaberite kombinacije boja koje izgledaju ispravno za vaš projekat.

• Koliko boja treba da koristite? Dva do pet (uključujući i crnu ili bijelu) su uobičajene. Više od toga (osim fotografija) može postati vizuelno ogromno - i zavisno od načina štampanja / vrste mastila može biti skupo. Ali to je samo smjernica, a ne pravilo. Sa Web stranicama, korišćenje više boja ne utiče na troškove, osim u pogledu izgubljenih kupaca ako su boje previše .
• Koliko od svake boje koristite? Iako je ravnoteža važna, to ne znači da bi trebalo da koristite jednake količine svake boje u vašoj odabranoj paleti. Uravnotežite doze jake boje sa manjim količinama nekoliko lakših ili tamer boja. Opet, nema apsolutnih. Ako koristite par jakih boja, korišćenje manje od jednog od njih može zadržati vašu stranicu od preteranog čitača.
• Postoje li kombinacije boja koje nikada ne bi trebalo koristiti? Možda. Možda ne. Vidite kombinovane kombinacije boja?

Indeks boja osnove:

1. Mešanje u školskoj školi razreda
2. Dodatni i subtraktivni primarijumi (RGB & CMY)
3. RGB boja u namiznom izdavaštvu
4. CMY boja u namiznom izdavaštvu
5. Specifying Colors
6. Percepcija boja
7. Hues, Tint, Shades i Saturation
8. Šema kombinacije boja (ova stranica)
9. Fine-tuning Color Combinations

09 od 09

Fine-tuning Color Combinations

Neke od dvosmislenosti susednih, kontrastnih i komplementarnih kombinacija boja mogu se ublažiti uvođenjem crno-belih, tamnih i svetlih, nijansi i tonova.

Nijansa i nijanse boje
Kada koristite susedne ili harmonizirane boje, možete postići veći stepen čitljivosti dodavanjem crne ili bijele u jednu od nijansi - promjenom zasićenosti i vrijednosti nijanse. Crna stvara tamniju nijansu nijanse. Bela stvara svetliji ton od senke. Tamo gde žuto i žuto-zeleno uparivanje može biti suviše blizu kako bi dobro funkcionisalo zajedno, korištenjem tamnije zelene boje može pomoći kombo da zaista popije.

Ovo je samo osnovni uvod. Igrajte se sa zasićenjem i vrijednostima za kreiranje nijansi i nijansi različitih nijansi koristeći ovaj interaktivni Color Scheme Creator na Colorspire. Ili, koristite funkcije boje u svom omiljenom grafičkom softveru da biste eksperimentisali sa nijansom, zasićenjem i vrijednošću. Neki grafički softver može koristiti intenzitet, svetlinu ili lakoću da se odnosi na vrednost nijanse.

Kreirajte kontrast s crnom i belim bojama
WHITE je vrhunska boja svetlosti i kontrasti dobro sa tamnim bojama kao što su crvena, plava ili ljubičasta. BLACK je krajnje tamne boje i čini svetlije boje kao što je žuta.

Svaka pojedinačna ili višestruka boja može da se promeni - ili bolje rečeno, naša percepcija o njima se menja - zbog drugih okolnih boja, blizine boja jedni prema drugima, i količine svetlosti. Zbog toga se par boja koji se mogu suprotstaviti kada se postavljaju jedan pored drugog, mogu raditi i izgledati dobro kada se odvoje na stranici ili koriste u drugim bojama.

Svetla boja se pojavljuje još lakše kada je u blizini tamne boje (uključujući i crnu). Dve slične boje jedni pored drugih mogu se pojaviti kao dvije različite boje ali postavljene daleko drugačije, počinju izgledati iste boje.

Papir i emocije utiču na percepciju boja
Na količinu svetlosti koju vidimo u boji takođe utiče i na površinu na kojoj se štampa. Sjajna RED korveta odštampana u reklamnom oglasu na glatkom, sjajnom papiru neće izgledati isto kao i RED korveta odštampana u novinskom oglasu. Papir apsorbuje i odražava svetlost i boju drugačije.

Color Meanings
Osim toga, naše izbore u boji često diktiraju emocije koje izazivaju određene boje i kombinacije boja. Određene boje stvaraju fizičke reakcije. Neke boje i kombinacije boja imaju određena značenja bazirana na tradicionalnoj i kulturnoj upotrebi.

• Cool Color Meanings (umirujuće): plava, zelena, tirkizna, srebrna
• Toplo u boji (uzbudljivo): crvena, roza, žuta, zlatna, narančasta
• Mešano hladno / toplo Količina boja : ljubičasta, lavanda, zelena, tirkizna
• Neutralno znanje o boju (ujedinjujuće): smeđa, bež, slonova, siva, crna, bela

Indeks boja osnove:

1. Mešanje u školskoj školi razreda
2. Dodatni i subtraktivni primarijumi (RGB & CMY)
3. RGB boja u namiznom izdavaštvu
4. CMY boja u namiznom izdavaštvu
5. Specifying Colors
6. Percepcija boja
7. Hues, Tint, Shades i Saturation
8. Uobičajene kombinacije boja
9. Fine-tuning Colour Combinations (ova stranica)

Takođe pogledajte: Problem sa bojom, jer kada mislite plavom bojom, obojica možemo videti crveno.