Zarządzanie kolorem

W tym rozdziale:

u         Podstawy pracy z kolorami w Internecie.

u         Mieszanie nowych kolorów.

u         Wybór palety kolorów.

u         Technika Fireworks: Konwersja drukowanych kolorów.

Każdy projektant grafiki wie, jak ważnym elementem jego pracy jest kolor. Przyciąga on nie tylko oko, ale i przekazuje emocje. Jest również ważnym czynnikiem, który trze­ba brać pod uwagę w pracach komercyjnych. W Internecie, jak w każdym masowym me­dium, kolor jest również kluczowym elementem identyfikacji. Jeśli będziesz pra­co­wał nad znakiem graficznym Coca-Coli umieszczonym na stronie WWW tej firmy le­piej upewnij się, że posłużyłeś się właściwym odcieniem czerwieni.

Fireworks jest programem wykorzystywanym do produkcji grafiki przeznaczonej do wy­świetlania na ekranie. Nie znajdziesz w nim narzędzi do separacji kolorów, two­rze­nia półtonów lub kalibracji kolorów, które są używane w druku. Co więcej - Fireworks jest narzędziem do tworzenia grafiki przeznaczonej nie tylko na ekran, ale również dla In­ternetu - medium balansującego na granicy wolności i ograniczeń.

W tym rozdziale opisane zostało wykorzystanie kolorów w Internecie. Znajdziesz tu teo­retyczne podstawy pracy z kolorami (m.in. ich różne standardy) oraz ich praktyczne za­stosowania w Fireworks. Jeśli miałeś już wcześniej okazję poznać zasady zarządzania ko­lorem w innych programach komputerowych, możesz opuścić początkowe pod­roz­dzia­ły i przejść do tych, w których opisałem zagadnienia dotyczące zarządzania kolo­rem w Fireworks. Gdy jednak myślisz, że RGB to dokonały zespół muzyczny dzia­ła­ją­cy w la­tach 80. zaś termin "szesnastkowy" oznacza system katalogowania stosowany w bi­­bliotekach, koniecznie przeczytaj pierwsze podrozdziały.

Kolor w Internecie

W naturze kolor uderza w nas z całą swoją siłą, bez żadnych ograniczeń. Jednak w In­ternecie kolory muszą przejść przez wiele różnych filtrów. Najpierw powinny zostać wy­ge­nerowane przez komputer. W grafice internetowej zamiast mieszania barwników, jak od­bywa się to podczas druku, komputer w celu uzyskania pożądanego koloru miesza świa­tła: czerwone, zielone i niebieskie. Następnie zakres wykorzystywanych kolorów jest determ 16416g613q inowany przez ustawienia systemowe, z jakich korzysta określony użytkownik. Ostatnimi fil­trami kolorów stosowanych w Internecie są przeglądarki, które występują w wielu wer­sjach i konfiguracjach.

Aby móc rozpocząć tworzenie grafiki dla Internetu, musisz poznać zasady generowania ko­lo­rów przez komputer. Najmniejszym widzialnym elementem monitora kompute­ro­we­go jest piksel. Być może pamiętasz z poprzednich rozdziałów, że angielska nazwa pik­sela - pixel jest skrótem od wyrażenia picture element (element obrazu). Każdy pik­sel obrazu jest wyświetlany za pomocą kombinacji trzech kolorów: czerwonego, zie­lo­ne­go i niebieskiego, które są używane w modelu RGB (Red - czerwony, Green - zie­lo­ny i Blue - niebieski). Wymieszanie tych trzech barw z ich pełnymi nasyceniami daje w re­zul­tacie czystą biel.

Jeśli w modelu RGB mieszanie kolorów w pełnych nasyceniach daje biel, zaś zerowe war­tości poszczególnych kolorów generują czerń, to jak tworzone są wszystkie inne ko­lo­ry? Nasycenia poszczególnych kolorów pikseli: czerwonego, zielonego i niebieskiego mo­gą występować w wielu różnych kombinacjach. Przykładowo, jeżeli ustawisz mak­sy­malną wartość czerwieni i wyłączysz zupełnie kolor zielony i niebieski, uzyskasz czys­tą czerwień. Jeśli dodasz do niej maksymalne nasycenie niebieskiego - uzyskasz ciemny fiolet. Gdyby jednak istniała tylko jedna możliwość włączania lub wyłączania po­szcze­gólnych kolorów, ich kombinacje byłyby bardzo ograniczone. Na szczęście istnie­je możliwość wykorzystywania pośrednich wartości poszczególnych kolorów.

Głębia kolorów

Liczba dostępnych kombinacji kolorów w modelu RGB nazywana jest (bitową) głębią kolorów. Bit to najmniejszy element pamięci komputera, który może być włączany i wyłączany. Kom­puter pracujący z 1-bitową głębią kolorów potrafi wyświetlić jedynie dwa kolory: je­den kolor dla bitu włączonego i jeden dla wyłączonego. Jeżeli głębia bitowa zostanie dwu­krotnie zwiększona, liczba wyświetlanych kolorów wzrośnie do czterech.

Liczba wyświetlanych kolorów jest obliczana przez komputer poprzez podniesienie licz­by 2 do takiej potęgi, jaką wartość ma głębia bitowa. W tabeli 7.1 znajdziesz opis od­­działywania zmian głębi kolorów na zakres wyświetlanych kolorów.

Tabela 7.1.

Głębia bitowa a liczba kolorów

W tabeli 7.1 pominąłem niektóre wartości głębi bitowych, które są bardzo rzadko wy­ko­rzystywane w monitorach komputerowych. Zwróć uwagę, że w 32-bitowej głębi jest ty­le samo kolorów co w głębi 24-bitowej. Mimo że za pomocą 32-bitów można teo­re­tycz­nie opisać ponad 4 miliardy kolorów, ludzkie oko nie potrafi rozróżnić ich wszys­tkich. Dlatego też 32-bitowa głębia kolorów jest kombinacją głębi 24-bitowej (16,7 mi­li­ona ko­lo­rów) i nakładanej na nią 8-bitowej skali szarości (nazywanej mas­ką) definiującej prze­zro­czystość i sposób łączenia grafiki. Maska może być wykorzystana na przykład do utwo­rzenia okrągłej grafiki lub obrazka z "dziurami", przez które będą widoczne obiek­ty znajdujące się pod spodem. Maska tego typu nazywana jest maską alfa lub kanałem alfa

Głębia bitowa jest ściśle związana z pamięcią komputera (bit jest najmniejszym ele­men­tem pamięci), więc do wyświetlenia pełnego zakresu kolorów wymagane jest zwięk­sze­nie za­sobów pamięci. Co więcej, potrzebna jest do tego nie pamięć operacyjna, ale pamięć kar­ty graficznej. Jeszcze do niedawna pamięć kart graficznych była mocno ograniczona i większość systemów mogła wyświetlać jedynie 256 kolorów (8-bitów). Zatem artyści pro­jektujący dla Internetu byli zmuszeni do pracy z tylko 256 kolorami.

Kolory szesnastkowe

W języku Internetu - HTML-u, kolory występujące w modelu RGB podawane są za po­mocą wartości szesnastkowych (heksadecymalnych). System heksadecymalny (częs­to nazywany hex od angielskiego słowa hexadecimal) jest oparty na szesnastu znakach:

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

Litery reprezentują wartości, które w systemie dziesiętnym musiałyby zostać przed­sta­wio­ne za pomocą dwóch cyfr: A oznacza 10, B - 11, C - 12 itd. Jeżeli chciałbyś podać war­tość wykraczającą poza szesnaście pojedynczych cyfr (innymi słowy, wyższą niż F), mu­sisz umieścić na początku jedynkę, czyli tak samo jak w systemie dziesiętnym po­da­wa­ne są liczby składające się z więcej niż jednej cyfry. Może to brzmieć trochę obco dla tych, którzy wcześniej korzystali tylko z systemu dziesiętnego, ale przyjrzyjmy się po­niż­szemu zapisowi (pamiętaj, że "10" oznacza tutaj liczbę 16):

10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 1A, 1B, 1C, 1D, 1E, 1F, 20

W systemie dziesiętnym, za pomocą dwóch cyfr można określić każdą liczbę mniejszą niż 99, zaś w systemie szesnastkowym największą dwucyfrową liczbą jest FF. Mimo że obie liczby składają się z dwóch cyfr, w systemie szesnastkowym FF oznacza liczbę 255.

Wartości RGB w systemie szesnastkowym wyrażane są za pomocą trzech dwu­cy­fro­wych liczb, z których każda odpowiada jednemu z 256 poziomów kolorów - odpowiednio czerwonego, zie­lonego i niebieskiego. Przykładowo - biel w systemie RGB jest zapisywana za po­mo­cą wartości 255, 255, 255, czyli wszystkie kolory składowe mają maksymalne nasy­ce­nie. Odpowiednikiem tego zapisu w systemie szesnastkowym jest FF, FF, FF. W ję­zy­ku HTML wszystkie te wartości są wpisywane razem: FFFFFF. Wartość koloru czarnego w modelu RGB to 0, 0, 0, zaś w systemie szesnastkowym - 000000. Czerwień nato­miast ma wartości 255, 0, 0 w modelu RGB i FF0000 w systemie szesnastkowym.

Na początku zapisywanie kolorów w systemie szesnastkowym może być nieco skom­pli­ko­wane, ale zapis taki umożliwia szybkie rozpoznawanie kolorów. Najlepiej rozpocząć od rozpoznawania pewnych wzorców. Oto jeden z nich - wszystkie zapisy składające się z trzech par takich samych cyfr oznaczają odcienie szarości: 111111 oznacza naj­ciem­niejszy a EEEEEE najjaśniejszy odcień szarości.

Kolory bezpieczne dla Internetu

Jak wspomniałem wcześniej, najniższym wspólnym mianownikiem dla monitorów kom­puterowych jest 8-bitowa głębia kolorów (256 kolorów). Ale istnieje jeszcze jeden czyn­nik ograniczający kolory w Internecie - przeglądarka. Wszystkie znaczące prze­glą­dar­­ki Microsoftu i Netscape'a w obu systemach operacyjnych - Windows i MacOS - do wy­świetlania 8-bitowych obrazków używają stałej 256-kolorowej palety. Jeśli od niej odej­miemy jeszcze 40 specyficznych dla poszczególnych systemów kolorów, które różnią się w zależności od systemu ope­racyjnego (a zapewne chciałbyś, aby Twoja grafika wyglądała tak samo w każdym sys­temie operacyjnym), pozostaje paleta składająca się jedynie z 216 kolorów. Wszys­tkie odcienie należące do tej palety mogą być wyświetlane bez żadnych rozbieżności w każ­dym systemie operacyjnym (bez konieczności symulowania ich poprzez miesza­nie dwóch innych barw), nazywane są więc paletą bezpieczną dla przeglądarki lub bezpieczną dla Internetu (Web Safe Palette

Należy wiedzieć, że paleta kolorów bezpiecznych dla Internetu powinna być stosowana w obrazkach zawierających duże obszary jednolitego koloru, takich jak ilustracje, znaki gra­ficzne i tekst nagłówkowy, czyli obrazkach tworzonych w programie komputero­wym i eksportowanych w formacie GIF. Wykorzystanie w takich obrazkach kolorów bez­piecznych dla Internetu sprawia, że obszary jednolitego koloru nie tracą spoistości. Fo­tografie są eksportowane z użyciem 24-bitowej palety (przeważnie w formacie JPEG) i w razie konieczności wyświetlane przy użyciu techniki zwanej rozpraszaniem (ang. dithering) przez przeglądarkę.

Paleta bezpiecznych kolorów jest bardzo ważnym czynnikiem w projektowaniu dla In­ter­netu, więc Fireworks umożliwia jej szerokie zastosowania i zawiera wiele funkcji poz­walających na efektywną pracę z kolorami:

u         Domyślnie rozwijany próbnik kolorów, dostępny po kliknięciu dowolnej prób­ki koloru w Fireworks, jest ustawiony na kolory bezpieczne dla Internetu.

u         Wciśnięcie i przytrzymanie klawisza Shift w czasie korzystania z narzędzia Eye­dropper (Kroplomierz) powoduje, że każdy próbkowany kolor jest kon­wer­to­wany na kolor bezpieczny dla Internetu.

u         Paleta Find and Replace umożliwia wyszukiwanie w całym dokumencie lub na­wet wielu dokumentach jednocześnie kolorów, które nie należą do palety ko­lo­rów bezpiecznych dla Internetu i konwertowanie ich na najbliższe "bez­piecz­ne" odpowiedniki.

u         W palecie Fill (Wypełnienie) znajduje się kategoria Web Dither (Rozproszenie in­ter­netowe). Jej wybranie powoduje przekonwertowanie dowolnego koloru na de­seń składający się z odcieni bezpiecznych dla Internetu, które sy­mu­lu­ją wybraną barwę.

Pracując dłużej w Fireworks lub w ogóle z grafiką internetową, na pewno bliżej poz­nasz paletę kolorów bezpiecznych dla Internetu.

Różnice pomiędzy platformami

Projektanci grafiki internetowej muszą borykać się nie tylko z ograniczeniami kolorów i róż­nicami występującymi pomiędzy wieloma dostępnymi na rynku przeglądarkami in­ter­netowymi. Powinni brać pod uwagę także różnice pomiędzy platformami Windows i Macintosh. Najważniejsze z nich występują pomiędzy ustawieniami parametru gamma.

Gamma lub - bardziej poprawnie - korekcja gamma pozwala na uniknięcie wy­świe­tla­nia średnich tonów jako zbyt ciemnych. Problem ten wynika z odmiennych ustawień gam­my w różnych systemach operacyjnych. W MacOS domyślnie gamma wynosi 1.8, zaś w Windows 2.2 (gamma 2.2 wykorzystywana jest również w telewizji). Niższe war­toś­ci gammy w MacOS dobrze sprawdzają się przy symulowaniu wyglądu grafiki w dru­ku, ale przy wyświetlaniu na ekranie grafika będzie jaśniejsza niż w Windows. W re­zultacie ta sama grafika w systemie Windows będzie wyglądała na ciemniejszą niż w MacOS.

Wiele problemów sprawia również fakt, że użytkownicy systemów PC korzystają z bar­dzo zróżnicowanych kart graficznych i monitorów, zaś posiadacze MacOS mają za­zwy­czaj dopasowane lub nawet wbudowane systemy wyświetlania. Po przeprowadzeniu tes­tów może się okazać, że typowe ustawienia gammy w Windows mogą różnić się mię­dzy sobą o wiele bardziej niż ustawienia gammy w MacOS. Poza tym istnieje wielu

róż­nych producentów sprzętu komputerowego, więc ustawienie korekcji gamma na 2.2 nie gwarantuje, że grafika będzie właściwie wyświetlana u wszystkich użytkowników sys­temów Windows.

Jedyne rozwiązanie tego problemu, które wciąż pozostaje w fazie "już wkrótce", to źród­łowy format Fireworks - PNG. Obrazki zapisane w formacie PNG mogą posiadać wbu­dowane wartości korekcji gamma, co pozwala na ich poprawne wyświetlanie w każ­dym systemie operacyjnym. Mimo że wyświetlanie obrazków PNG w prze­glą­dar­kach internetowych nie jest już żadną nowością, obsługę wbudowanej korekcji gamma umo­żliwia jedynie Internet Explorer dla Windows.

W przyszłości ogromny wpływ telewizji na Internet i Internetu na świat komputerów mo­że spowodować, że 2.2 stanie się standardowym ustawieniem korekcji gamma także w sys­temach MacOS. Na razie najlepszym rozwiązaniem pozostaje testowanie wyglądu gra­­fiki przy obu ustawieniach korekcji i znalezienie kompromisu, koniecznego do osią­gnię­cia rezultatów możliwych do zaakceptowania na obu platformach. W takich sy­tu­ac­jach z pomocą przychodzi Fireworks. Pozwala on na szybkie oglądanie grafiki przy róż­nych usta­wieniach gammy za pomocą poleceń Macintosh Gamma i Windows Gamma

W Fireworks dla Windows wybierz z menu polecenie View Macintosh Gamma, aby zo­baczyć, jak Twoja praca będzie wyglądała MacOS. Podobnie w Fireworks dla Mac­OS, wybierz z menu polecenie View Windows Gamma, zobaczysz, jak ta sama grafika bę­dzie wyglądała u większości użytkowników systemów Windows.

Systemy zarządzania kolorem

Systemy zarządzania kolorem: ColorSync (tylko dla MacOS) i Kodak CMS są wyko­rzys­tywane w Photoshopie i innych aplikacjach w celu dokładnego odwzorowania ko­lo­rów grafiki na ekranie, w skanerach i drukarkach. Jeśli zaimportujesz do Fireworks obra­zek utworzony w jednej z takich aplikacji, wartości poszczególnych odcieni mogą ulec niewielkim zmianom, gdyż Fireworks nie współpracuje z żadnym systemem zarzą­dza­nia barwami.

Najprostszym sposobem zapobiegania takim zmianom jest wyłączenie systemu zarzą­dza­nia kolorem w aplikacji źródłowej przed wyeksportowaniem lub zapisaniem obraz­ka. Możesz także zaimportować obrazek do Fireworks i użyć suwaka Hue (Barwa) w oknie Xtra Hue/Saturation (Barwa/Nasycenie), aby skorygować wszystkie przesunięcia ko­lo­rów i przy­wrócić im, na przykład, wartości bezpieczne dla Internetu.

Mieszanie kolorów

Najważniejsze narzędzie służące do zarządzania kolorem w Fireworks to Color Mixer (Mik­ser kolorów), za pomocą którego można wybierać odcienie wypełnień i obrysów z peł­nego spektrum kolorów dostępnych w jednym z pięciu modeli. Możesz również zde­fi­niować barwę poprzez wprowadzenie jej wartości za pomocą suwaka lub bez­po­śred­nio w odpowiednie pola tekstowe.

Korzystanie z miksera kolorów

Aby otworzyć paletę Color Mixer, wybierz z menu polecenie Window Color Mixer. Mikser kolorów (rysunek 7.1) podzielony jest na trzy główne sekcje:

Fill color well - Próbka koloru wypełnienia

Stroke color well - Próbka koloru obrysu

Options pop-up button - Przycisk wyświetlający opcje miksera

Color sliders - Suwaki kolorów

Default colors button - Przycisk przywrócenia standardowych kolorów

Set to None button - Przycisk ustawienia None (Brak)

Swap colors button - Zamiana kolorów obrysu i wypełnienia

Color ramp - Spektrum kolorów

u         Próbki kolorów: Próbki kolorów obrysu i wypełnienia wyświetlają kolory za­zna­czonego obiektu. Za pomocą przycisków znajdujących się w tej sekcji mik­se­ra można przywrócić standardowe kolory obrysu i wypełnienia lub je zamie­nić.

u         Suwaki kolorów: Za pomocą suwaków można zmieniać wartości po­szcze­gólnych składowych koloru.

u         Spektrum kolorów: W spektrum kolorów wyświetlane są wszystkie kolory do­stępne w określonym modelu, które można wybierać za pomocą narzędzia Eye­dropper (Kroplomierz).

Wybieranie koloru

Artyści projektujący dla Internetu mogą tworzyć grafikę od podstaw, tak jak pod­po­wia­da im wyobraźnia, albo dostosowywać lub adaptować istniejące prace. Obie metody są dobre, zaś w każdej z nich Fireworks pozwala zdefiniować odpowiednie kolory. Je­że­li preferujesz "wzrokowe" metody pracy i wybór kolorów bezpośrednio z palety, masz możliwość pobierania barw z ich pełnego spektrum, próbek kolorów bez­piecz­nych dla Internetu lub z dowolnego innego obrazka. Jeśli jednak wolisz pracować "prze­pi­sowo", za pomocą suwaków możesz wprowadzać dokładne liczbowe wartości ko­lo­rów należących do jednego z pięciu modeli.

Spektrum kolorów

Aby wybrać kolor za pomocą spektrum kolorów:

1. Wybierz z menu polecenie Window Color Mixer, aby otworzyć paletę Color Mixer (Mikser kolorów).

2. Wybierz próbkę koloru obrysu lub wypełnienia. Wybrana próbka zostanie wy­róż­niona obwódką.

3. Przesuń kursor nad spektrum kolorów. Narzędzie Eyedropper (Kroplomierz) mo­że pracować w jednym z dwóch trybów. Krzywa linia w ikonie krop­lo­mie­rza wskazuje, że pobrany zostanie kolor obrysu, zaś czarny kwadrat reprezen­tu­je pobieranie koloru wypełnienia.

4. Kliknij w spektrum, aby wybrać pożądany kolor.

5. Po zwolnieniu przycisku myszy i wybraniu nowego koloru, program zak­tu­ali­zu­je ustawienia zarówno próbki, jak i suwaków kolorów. Jeśli w tym czasie za­zna­czony był jakiś obiekt, jego kolory także zostaną zmienione.

Suwaki miksera kolorów

Inną metodą wyboru koloru jest wykorzystanie suwaków znajdujących się w palecie Color Mixer. Jak w przypadku każdego innego suwaka Fireworks, możesz wpisać wartość bez­pośrednio w pole tekstowe lub przeciągnąć suwak w górę albo w dół. To, jakie su­wa­ki są dostępne w mikserze zależy od wybranego modelu kolorów. Każdy z suwaków w modelach RGB, CMY i HSB odpowiada za kolor reprezentowany przez poszcze­gól­ne litery w nazwie modelu. W modelu Hexadecimal (Szesnastkowy) wyświetlane są su­wa­ki R, G i B. W przypadku modelu Grayscale (Skala szarości) wyświetlany jest tylko je­d­en suwak - K, który jest odpowiedzialny za procentowy udział czerni.

Jeżeli nie znasz dokładnych wartości poszczególnych składowych pożądanego koloru, możesz prze­suwać suwaki i obserwować zmieniającą się próbkę. Jeśli zaznaczony będzie jakiś obiekt, po zwolnieniu przycisku myszy zmieniony zostanie kolor jego obrysu lub wy­pełnienia.

Modele kolorów

Oprócz wcześniej wspomnianych modeli kolorów: RGB i szesnastkowego, Fireworks ofe­ruje jeszcze trzy inne. Możliwość przełączania się pomiędzy różnymi modelami ko­lo­rów to bardzo ważna funkcja w projektowaniu dla Internetu. Dość często się zdarza, że projektant musi przekonwertować grafikę przeznaczoną pierwotnie dla innego nośnika. Możesz również przełączyć się na inny system kolorów, aby uzyskać dostęp do jego specyficznych możliwości. Przykładowo - przejście na model HSB pozwala na zmia­nę odcienia danego koloru poprzez modyfikację jego nasycenia.

Wszystkie modele kolorów można wybierać za pomocą menu rozwijanego po klik­nię­ciu przycisku znajdującego się w prawym górnym rogu palety Color Mixer. Z wyświe­tla­nej listy możesz wybrać potrzebny Ci model kolorów (rysunek 7.2).

Model RGB

Modelu RGB umożliwia wybranie jednego z 16,7 miliona kolorów do­stęp­nych w 24-bitowym spektrum. Nie wszystkie kolory znajdujące się w tym modelu są wy­świetlane w spektrum RGB (przy rozdzielczości 72 pikseli na cal, na wyświetlenie wszys­tkich pikseli potrzebnych byłoby 19 000 stóp kwadratowych - musiałbyś mieć po­tężny monitor), ale za pomocą suwaków kolorów (rysunek 7.3) możesz wprowadzić od­powiednią wartość. Suwaki kolorów używają wartości od 0 do 255.

	Rysunek 7.3. Podczas pracy w modelu RGB można wybrać jeden z 16,7 miliona kolorów
		Jeżeli Twój ekran nie jest w stanie wyświetlić tylu kolorów, ile jest do­stęp­nych w danym modelu (jeśli na przykład wybierzesz model RGB, a Twój monitor potrafi wyświetlić tylko 256 kolorów), w spektrum ko­lo­rów będzie wykonywane rozpraszanie (dithering). Polega ono na two­rzeniu wzorku składającego się z dwóch lub więcej kolorów, który sy­muluje inny kolor i jest wyświetlany w postaci widocznych punktów. Jed­nak mimo tego, że na ekranie pojawi się tylko symulacja, kolory wybierane za pomocą na­rzędzia Eyedropper będą miały dokładne wartości RGB.		Rysunek 7.4. Mimo że za pomocą suwaków w modelu szesnastkowym możesz wprowadzić dowolną wartość koloru z modelu RGB, w spektrum wyświetlane są jedynie kolory bezpieczne dla Internetu W spektrum, które jest domyślnie wyświetlane po pierwszym uruchomieniu Fire­works, można zaobserwować zjawisko nazywane pasmowaniem. Występuje ono, gdy za­kres ko­lo­rów jest zbyt mały, aby mogły zostać utworzone pomiędzy nimi płyn­ne przej­ścia. Wszystkie wartości wprowadzane ręcznie w pola tekstowe znajdujące się obok suwaków kolorów muszą być podawane w systemie szes­nas­tkowym. Jeśli spróbujesz wprowadzić wartość wykraczającą poza sys­tem szesnastkowy, na przykład 255, Fireworks przekonwertuje tę war­tość poprzez odrzucenie pierwszej cyfry.   Model CMY Jak wspomniałem w jednym z poprzednich podrozdziałów, większość projektantów roz­poczynało swoją karierę w poligrafii, gdzie każdy kolor jest tworzony za pomocą czte­rech różnych farb: niebieskozielonej (Cyan), magenty (Magenta), żółtej (Yellow) i czarnej (BlacK). Są to kolory używane w modelu CMYK. Teoretycznie cały zakres kolorów mo­że zostać odwzorowany za pomocą trzech pierwszym kolorów modelu CMYK, ale w praktyce do utworzenia ciemnych kolorów potrzebny jest jeszcze czwarty kolor - czarny. W Fireworks kolory z modelu CMY są reprezentowane za pomocą wartości z prze­dzia­łu od 0 do 255. Pod pewnymi względami model ten można rozpatrywać jako prze­ci­wień­stwo modelu RGB który jest modelem addytywnym, ponieważ musisz dodawać do sie­bie poszczególne kolory, aby uzyskać biel. Model CMY jest modelem subtraktywnym gdyż w celu uzyskania bieli, musisz odejmować od siebie kolory. Po wybraniu tego właś­nie modelu z rozwijanego menu palety Color Mixer, wyświetlone zostaną suwaki: C (Cyan), M (Magenta) i Y (Yellow) (rysunek 7.5). Rysunek 7.5. Projektanci internetowi, którzy wcześniej pracowali z grafiką przeznaczoną do druku powinni dobrze znać model kolorów CMY Fireworks nie jest programem służącym do przygotowywania grafiki do druku, więc ko­lory możesz określić jedynie za pomocą trzech składowych: cyjanu, magenty i żół­te­go; nie ma możliwości dodawania czerni. Niedogodność ta utrudnia konwersję kolorów z modelu CMYK na model CMY. Najlepszym rozwiązaniem jest wykorzystanie innego mo­delu kolorów, na przykład RGB lub określonego koloru z palety Pantone. Model HSB Skrót HSB pochodzi od pierwszych liter angielskich słów: Hue (Barwa), Saturation (Na­sycenie) i Brightness (Jasność). Model ten jest dostępny w wielu programach kom­pu­terowych, włączając w to Photoshopa. Barwa reprezentuje grupę kolorów, jaką moż­na zaobserwować w kole kolorów. HSB jest to modelem "kołowym", więc war­tości barwy są liczbami z zakresu od 0 do 360 stopni. Nasycenie definiuje czystość barwy i jest mie­rzo­ne w procentach. 100% nasycenie daje najczystszą barwę. Jasność także jest poda­wa­na w wartościach procentowych i określa stopień rozjaśnienia lub zaciem­nienia koloru. 0% daje czerń, zaś 100% najjaśniejszy odcień danego koloru. Po zre­dukowaniu jas­noś­ci do zera, wartości barwy i nasycenia także są ustawiane na zero. Po wybraniu pozycji HSB z menu rozwijanego palety Color Mixer, wyświetlane są trzy suwaki: H S i B (rysunek 7.6).   Rysunek 7.6. W modelu HSB można łatwo rozjaśnić lub przyciemnić określony kolor   Nie próbuj bezpośrednio "przenosić" barwy określonej w modelu HSB do modelu o podobnej nazwie - HLS. Model HLS (Hue - Bar­wa, Luminosity - Luminancja i Saturation - Nasycenie), używany w programie FreeHand i innych programach wektorowych i dostępny rów­nież w próbniku systemu MacOS, do określenia "światła" zamiast jas­noś­ci wykorzystuje luminancję. Główna różnica pomiędzy tymi dwo­ma parametrami polega na innym oddziaływaniu ich maksymalnych war­toś­ci na tworzony kolor. W modelu HSB połączenie maksymalnej war­tości jasności z maksymalną wartością nasycenia daje najbardziej jas­krawe odcienie koloru. W modelu HLS, maksymalna wartość lumi­na­ncji (niezależnie od poziomu nasycenia) daje kolor biały. Po wybraniu modelu Grayscale z menu palety Color Mixer, z trzech dostępnych wcześ­niej suwaków kolorów pozostaje tylko jeden - K (BlacK - Czarny). Jak pokazano na ry­sunku 7.7, czerń podawana jest w wartościach procentowych (100% daje czerń, zaś 0% - biel). Rysunek 7.7. Wybierz model Grayscale z menu rozwijanego palety Color Mixer, aby uzyskać dostęp do 256 odcieni szarości Próbki kolorów Dość często witryny internetowe tworzone są z wykorzystaniem ściśle określonych ko­lo­rów. Najczęściej stosowana paleta zawiera 216 kolorów bezpiecznych dla Internetu, któ­re w każdym systemie operacyjnym zawsze wyglądają tak samo. Została ona za­pro­jek­towana także z myślą o dostosowaniu kolorów do określonego schematu (dla całej witryny WWW lub określonego obszaru). Każda paleta kolorów może zostać zapisana jako plik. W palecie Swatches Fireworks można znaleźć wiele funkcji umożliwiających zarzą­dza­nie próbkami kolorów. Mogą one być modyfikowane, zapisywane, ładowane lub cał­ko­wi­cie usuwane. Możliwe jest nawet wydobywanie palet kolorów z obrazków. Wybieranie kolorów za pomocą próbek Standardowy rozwijany próbnik kolorów Fireworks oferuje duże możliwości. Po jego wybraniu, kursor zmienia się w narzędzie Eyedropper (Kroplomierz), które umożliwia pobieranie kolorów z dowolnych ob­sza­rów znajdujących się na ekranie (zarówno w próbniku kolorów, w innej części Fireworks, jak i w dowolnym miejscu monitora). Przy­cisk No Color (Bez koloru) pozwala na szybkie usunięcie barwy obrysu i wy­peł­nie­nia obiektu bez konieczności otwierania żadnych palet, a przy­cisk Palette (Paleta) pozwala na otwarcie systemowego próbnika kolorów. W Fireworks 3 narzędzie kroplomierz było aktywne dopiero po naciśnięciu przycisku w próbniku kolorów. Teraz jest ono dostępne natychmiast po otwarciu próbnika kolorów.   Aby uzyskać dostęp do bieżącego zestawu kolorów, kliknij strzałkę znajdującą się obok do­wolnej próbki koloru. Po otwarciu rozwijanego próbnika kolorów (rysunek 7.8), prze­suń kursor nad dowolną próbkę. Podczas jego przesuwania zauważysz, że auto­ma­tycz­nie jest aktualizowana próbka koloru znajdująca się w prawym górnym rogu prób­ni­ka. Wy­świetlona zostaje również nazwa koloru w systemie szesnastkowym. Kliknij próbkę, aby wybrać pożądany kolor.   Rysunek 7.8. Za pomocą dowolnej próbki kolorów znajdującej się w Fireworks możesz otworzyć rozwijany próbnik kolorów Color name - Nazwa koloru No Color button - Przycisk No Color (bez koloru) Palette button - Przycisk palety Eyedropper - Kroplomierz Jeżeli obiekt nie posiada żadnego koloru obrysu i wypełnienia, wybra­nie koloru w rozwijanym próbniku spowoduje zastosowanie go do bie­żą­cego obiektu i ustawienie typu obrysu na Pencil (Ołówek), a typu wy­pełnienia na Solid (Jednolite). Chociaż próbnik kolorów jest poręcznym narzędziem, czasami jednak użytkownik może chcieć regularnie zmieniać zestawy kolorów. Załóżmy, na przykład, że chcemy zająć się obiektem utworzonym wyłącznie z kolorów skali szarości. W takim przypadku zmiana próbnika kolorów na skalę szarości bardzo uprości nam pracę. Lista rozwijana na próbniku kolorów bardzo ułatwia zmianę zestawu kolorów (rysunek 7.9). Na próbniku kolorów znajdziemy listę rozwijaną, z której szybko możemy wybrać inny zestaw kolorów.     Rysunek 7.9. Lista rozwijana na próbniku kolorów pozwala na szybkie wybranie innego zestawu kolorów Wykorzystanie narzędzia Eyedropper (Kroplomierz) Kroplomierz jest doskonałym narzędziem umożliwiającym zachowanie w całym obraz­ku spójności kolorów. Jeśli na przykład musisz dostosować kolor krawędzi tworzonego pas­ka nawigacyjnego do określonego odcienia purpury, jaki ma grafika tła, kliknij kro­plo­mierzem w miejscu, z którego chcesz pobrać kolor, a wybrany odcień zostanie natychmiast zasto­so­wany. Narzędzie Eyedropper jest bardzo proste w użyciu. Po otwarciu rozwijanego próbnika ko­lorów, kliknij znajdujący się w nim przycisk Eyedropper. Kursor zostanie zamieniony na kroplomierz. Teraz możesz pobrać kolor z dowolnego miejsca okna Fireworks. Co więcej - za pomocą kroplomierza możesz pobierać kolory także z obszarów znaj­du­ją­cych się poza oknem Fireworks - z dowolnej aplikacji lub grafiki wyświetlanej na ekra­nie Twojego komputera. Funkcja ta jednak na każdej platformie działa w trochę in­ny sposób: u         W MacOS, narzędzie Eyedropper poza oknem Fireworks działa tak samo, jak w obrębie tego okna. u         W Windows kliknij i przeciągnij kroplomierzem poza rozwijany próbnik kolo­rów. Trzymaj wciśnięty przycisk myszy w czasie przeciągania kursora poza okno Fire­works. Zwolnij go, gdy kroplomierz znajdzie się nad kolorem, który chcesz pobrać. Prawdopodobnym jest, że kolor pobrany za pomocą kroplomierza nie bę­dzie należał do palety kolorów bezpiecznych dla Internetu. Aby po­bie­rany odcień został zamieniony na najbliższy odpowiednik bez­piecz­ny dla Internetu, przed zwolnieniem przycisku myszy wciśnij klawisz Shift.   Systemowy próbnik kolorów Jeśli pracujesz z wieloma aplikacjami graficznymi, być może wygodniej Ci będzie uży­wać systemowego próbnika kolorów zamiast próbnika Fireworks. Aby otworzyć prób­nik systemowy, kliknij przycisk Palette znajdujący się w rozwijanym próbniku Fireworks. Zam­knięcie systemowego próbnika spowoduje przypisanie ostatnio wybranego koloru do próbki Fireworks. Użytkownicy MacOS mają możliwość wyboru spomiędzy kilku systemowych prób­ni­ków kolorów. W tabeli 7.2 zostały opisane różne schematy kolorów. Po lewej stronie okna dialogowego Color Picker wybierz model kolorów (rysunek 7.10), a po prawej stronie ustaw wartości koloru. Jako oryginalny (Original) w prawym gór­nym rogu okna dialogowego wyświetlany jest odcień ustawiony w rozwijanym prób­ni­ku ko­lorów Fireworks. Pozwala to porównać kolor oryginalny z kolorem, który możesz zde­­finiować w próbniku systemowym. Gdy w oknie dialogowym Color Picker w MacOS wciśniesz klawisz Op­tion, kursor zostanie zamieniony na kroplomierz (tak samo jak w Fire­works). Możesz go użyć do pobrania koloru z dowolnego miejsca ekranu. Tabela 7.2. Modele kolorów dostępne w oknie dialogowym Color Picker w MacOS Model kolorów Opis CMYK Model kolorów używany w poligrafii Crayon "Pudełko z kredkami" o nazwach, takich jak Banana (Banan) czy Cool Marble (Marmur). Kliknij wybraną "kredkę", aby zdefiniować kolor HLS Hue (Barwa), Luminosity (Luminancja) i Saturation (Nasycenie) HSV Hue (Barwa), Saturation (Nasycenie) i Value (Wartość). Model oparty na kole kolorów HTML Kolory z modelu RGB reprezentowane za pomocą wartości szesnastkowych. Istnieje opcja zamiany na kolor bezpieczny dla Internetu RGB Standardowy model kolorów monitorów komputerowych. Istnieje opcja zamiany na kolor bezpieczny dla Internetu Rysunek 7.10. Okno dialogowe próbnika kolorów w MacOS pozwala na wybór określonego modelu kolorów Próbnik kolorów systemu MacOS jest elastycznym narzędziem, więc oprócz tych, które zo­stały wymienione w powyższej tabeli, w zależności od posiadanej konfiguracji sprzę­to­wej i programowej, możesz mieć także do dyspozycji inne modele kolorów. Przy­kła­do­wo - próbniki kolorów są instalowane wraz z pakietem Apple Display Software. Mo­żesz tak­że sam instalować próbniki produkowane przez wiele różnych firm. Mój ulubiony to FVPicker, dostępny pod adresem https://www.at-soft.net, który umożli­wia zapisywanie ze­stawów ulubionych kolorów i ich późniejsze wykorzystywanie. Systemowy próbnik kolorów w Windows jest podzielony na dwie części (rysunek 7.11). Po lewej stronie znajduje się 48 próbek kolorów z systemowej palety Windows. Po jego pra­wej stronie znajduje się spektrum i pasek wartości służący do mieszania kolorów. Po­niżej dostępne są pola tekstowe, do których można wprowadzać wartości kolorów w mo­delach RGB i HSL (Hue - Barwa, Saturation - Nasycenie i Luminance - Jaskrawość). Aby zdefiniować kolor spoza 48-kolorowej palety systemowej, musisz go okre­ślić za pomocą spektrum i paska wartości, a następnie dodać do jednej z 16 próbek włas­nych kolorów znajdujących się po lewej stronie próbnika.   Rysunek 7.11. Próbnik kolorów Windows daje szybki dostęp do kolorów pochodzących z systemowej palety Windows. Pozwala także na zdefiniowanie za pomocą spektrum 16 własnych kolorów   Aby zapobiec zastępowaniu uprzednio stworzonych własnych kolorów przez nowe, upew­nij się, że przed wybraniem nowego koloru w próbniku kolorów Win­dows zaznaczyłeś pustą próbkę. Przycisk No Color można znaleźć w rozwijanym próbniku, który otwo­rzysz, klikając w palecie narzędziowej próbkę koloru obrysu lub wy­peł­nie­nia. Nie znajdziesz go w żadnym innym rozwijanym próbniku kolo­rów. W Fire­works dla Windows przycisk No Color jest także w palecie Co­lor Mixer.   Paleta Swatches (Próbki) Prosty wygląd palety Swatches jest zwodniczy. Umożliwia ona wybranie z aktywnej pa­le­ty koloru obrysu, wypełnienia lub efektu. Podobnie jak wszystkie pozostałe pły­wa­ją­ce palety Fireworks, paleta ta może być przemieszczana i skalowana. Możliwość zmia­ny jej wymiarów staje się szczególnie przydatna, gdy chcesz wyświetlić większą pa­le­tę kolorów. Musisz pamiętać, że w palecie Swatches wyświetlana jest bieżąca pa­le­ta kolorów Fireworks, a nie paleta kolorów bieżącego dokumentu.   Podstawowe zastosowanie palety Swatches jest podobne do zastosowań palety Color Mixer oraz rozwijanego próbnika kolorów. Najpierw musisz wybrać próbkę koloru, któ­rą chcesz zmodyfikować, a później kolor, za pomocą kliknięcia próbki znajdującej się w pa­le­cie Swatches (rysunek 7.12), w której kolory można identyfikować tylko wizu­al­nie. Aby zobaczyć wartości składowych RGB lub innych kolorów, należy wyświetlić pa­letę Info Rysunek 7.12. Pobierz dowolny kolor z palety Swatches W kolejnym podrozdziale dowiesz się, że możesz wybierać spośród wielu dostępnych pa­let kolorów. Do palety Swatches możesz dodawać również, jako próbki, kolory "wy­mie­sza­ne" własnoręcznie lub pobrane za pomocą kroplomierza. Zdefiniowany jako próbka ko­lor będzie wówczas dostępny w każdym miejscu programu, w którym możesz klik­nąć jego próbkę lub otworzyć paletę Swatches. Nowe kolory będą dodawane do ze­sta­wu, rozszerzając w ten sposób paletę, lub wprowadzane w miejsce istniejących wcześniej barw. Możesz także usuwać standardowe lub własne kolory z palety. Aby dodać, zastąpić lub usunąć kolor z palety Swatches 1. Wymieszaj lub pobierz kolor, który chcesz dodać do palety tak, by został wy­świe­tlony w aktywnej próbce koloru. 2. Wyświetl paletę Swatches, wybierając z menu polecenie Window Swatches lub klikając zakładkę palety Swatches, jeżeli znajduje się ona za innymi pale­ta­mi w grupie. 3. Aby dodać nowy kolor do bieżącej palety, umieść kursor nad pustym obszarem pa­lety Swatches i kliknij. Po umieszczeniu kursora nad pustym obszarem pa­le­ty, jego ikona jest zamieniana z kroplomierza na wiadro z farbą. 4. Aby zastąpić kolor istniejący w bieżącej palecie, wciśnij klawisz Shift, umieść kur­sor nad próbką wybranego koloru i kliknij. Po wciśnięciu klawisza Shift, kur­sor znajdujący się nad istniejącym kolorem jest zamieniany na wiadro z far­bą. 5. Aby usunąć kolor z bieżącej palety, wciśnij klawisz Ctrl Command), umieść kur­sor nad próbką wybranego koloru i kliknij. Po wciśnięciu klawisza Ctrl Com­mand) kursor jest zamieniany na nożyczki. Jeśli chcesz uzyskać jak naj­bar­dziej precyzyjne rezultaty, to nad kolorem, który chcesz usunąć musisz umie­ścić ten punkt kursora, w którym krzyżują się ostrza nożyczek (środek znaku X). Żeby przywrócić domyślne ustawienia zmodyfikowanej palety, wybierz jej nazwę z roz­wijanego menu palety Swatches Wybór dostępnych kolorów W Fireworks w dowolnym momencie pracy możesz wybierać spośród czterech do­stęp­nych palet kolorów: u         Web 216 Palette. Zawiera kolory, które mogą być wyświetlane w dwóch głów­nych przeglądarkach: Netscape Navigator i Internet Explorer w obu sys­te­mach operacyjnych: Windows i MacOS. u         Windows System. Zawiera kolory wykorzystywane w Windows do wyświe­tla­nia elementów interfejsu tego systemu. u         Macintosh System. Zawiera kolory używane przez system operacyjny MacOS. u         Grayscale: Monochromatyczna paleta, zawierająca odcienie szarości: od kolo­ru białego do czarnego. Wszystkie palety oprócz Web 216 zawierają 256 kolorów. Aby przełączyć paletę kolorów, wybierz nazwę nowej palety z rozwijanego menu (ry­sunek 7.13). W rozwijanym menu znajduje się dodatkowa paleta - Current Export Palette (Bieżąca eks­portowana paleta). Wybranie jej nazwy z menu spowoduje załadowanie bieżącej pale­ty eksportu z palety Color Table (opisywanej w kolejnych podrozdziałach) do palety Swatches Rysunek 7.13. Rozwijane menu palety Swatches pozwala na wybranie jednej ze standardowych palet lub załadowanie własnej Zarządzanie próbkami Prawdziwą siłę próbkom Fireworks daje możliwość ładowania i zapisywania własnych pa­let kolorów. Pięć pozostałych poleceń, które znajdują się w rozwijanym menu, wy­ko­rzystuje się do zarządzania próbkami. Fireworks umożliwia ładowanie i zapisywanie pró­bek w formacie znanym jako Active Color Table (ACT). Format ten obsługiwany jest rów­nież przez Photoshopa, więc bez problemów możesz ładować do Fireworks palety ko­lorów zachowane uprzednio w Photoshopie. By jednak pracować z próbkami kolorów w palecie Swatches, nie musisz ich ko­niecz­nie zapisać jako plik ACT. Fireworks umożliwia również wydobywanie palet kolorów znaj­du­jących się w obrazkach GIF lub innych plikach graficznych zawiera­ją­cych 8-bi­to­wą paletę kolorów. Co więcej - zachowane palety można wykorzystywać na dwa różne spo­soby. Możesz dodać je do bieżących próbek lub wykorzystywać je­dy­nie zachowaną paletę. Aby załadować paletę kolorów do palety Swatches 6. Kliknij przycisk rozwijanego menu palety Swatches 7. Jeżeli chcesz dodać nową paletę do istniejącej, wybierz z rozwijanego menu po­lecenie Add Swatches (Dodaj próbki). 8. Jeśli chcesz używać jedynie zapisanej palety, wybierz z rozwijanego menu po­le­cenie Replace Swatches (Wymień próbki). W obu przypadkach zostanie otwarte okno dialogowe Open, umożliwiające wy­­branie palety. 9. Określ typ palety, którą chcesz załadować: u Color table (Tabela kolorów) - pliki zazwyczaj z rozszerzeniem .act. W MacOS, plik tabeli kolorów może nie posiadać rozszerzenia .act. Kod typu pliku tabeli kolorów to 8BCT. Fireworks nie posiada ikony iden­tyfikującej pliki z jego tabelami kolorów, natomiast tabele zapisywane w Pho­toshopie posiadają ikony i opis CLUT.   u  GIF files (Pliki w formacie GIF) - pliki z rozszerzeniem .gif. 10. Odszukaj odpowiedni plik i kliknij przycisk Open Jeżeli wybierzesz opcję Add Swatches, nowa paleta kolorów zostanie umieszczona na koń­cu istniejącej palety. Opcja Replace Swatches powoduje usunięcie istniejących pró­bek z palety i wyświetlenie nowych. Istnieje również ukryta funkcja, umożliwiająca ładowanie próbek ko­lo­rów Photoshopa (oprócz tabel kolorów). Pliki z próbkami Adobe Swa­t­ches posiadają rozszerzenie .aco, w odróżnieniu od plików z tabelami ko­lorów (.act). W Fireworks dla Windows w oknie dialogowym Open moż­na wybrać tylko pliki typu ACT. Aby wymusić wyświetlanie w oknie Open plików z rozszerzeniami .aco, wpisz w polu File Name wyrażenie *.aco i wciśnij klawisz Enter.   W Fireworks wszystkie palety kolorów zapisywane są w formacie Active Color Table. Aby zapisać bieżące próbki, wybierz z rozwijanego menu palety Swatches polecenie Save Swatches i w oknie dialogowym Save As wpisz nazwę pliku. Za pomocą polecenia Clear Swatches z rozwijanego menu możesz usunąć wszystkie prób­ki kolorów, znajdujące się w palecie Swatches. Wybranie tego polecenia spo­wo­du­je usunięcie próbek wyświetlanych w palecie, ale wszystkie standardowe palety nie ulegną żad­nym zmianom. Po wyczyszczeniu palety, próbki kolorów ponownie będą wyko­rzys­ty­wały paletę kolorów bezpiecznych dla Internetu, znajdującą się w rozwijanych prób­ni­kach Fireworks. Ostatnie polecenie w rozwijanym menu palety Swatches to Sort by Color (Sortuj według koloru). Jak wskazuje jego nazwa - polecenie Sort by Color powoduje ułożenie ko­lorów, znajdujących się w bieżącej palecie według ich wartości zamiast w po­rząd­ku matematycznym. Jeśli do palety zostaną dodane nowe kolory (albo załadowana będzie zu­pełnie nowa paleta), one także będą sortowane. Pamiętaj, że polecenia Sort by Color nie można cofnąć. Aby przywrócić pierwotną konfigurację palety, wybierz jej nazwę z roz­wijanego menu palety Swatches Tabele kolorów Jeśli zdefiniujesz w palecie Optimize ograniczoną tabelę kolorów wykorzystywanych pod­czas eksportu grafiki (przeważnie w formacie GIF), paleta eksportu bieżącego do­ku­men­tu również zostanie odpowiednio zredukowana i będzie różna od standardowej pale­ty. Paleta Color Table daje szybki dostęp do palet kolorów wykorzystywanych pod­czas eksportu. Aby wyświetlić paletę Color Table (rysunek 7.14), wybierz z menu polecenie Win­dow Color Table lub kliknij zakładkę palety, jeżeli znajduje się ona za innymi paletami w grupie. Rysunek 7.14. Paleta Color Table daje dostęp do palety eksportowanych kolorów bieżącego dokumentu Jeśli starannie zredukujesz eksportowaną paletę do 16 lub 32 kolorów, w czasie pracy z do­kumentem prawdopodobnie nie będzie Ci potrzebny dostęp do kolorów spoza tego za­kresu. Przypadkowe dodanie nowego koloru może zniweczyć trud włożony w op­ty­ma­­lizację grafiki. W czasie pracy z obrazkami GIF, często wykorzystuję paletę Swat­ches do ładowania kolorów używanych przy eksporcie i z niej wybieram potrzebne kolory. Jeśli w pasku tytułowym palety Color Table wyświetlane jest wyrażenie "Rebuild", znaj­du­jące się w niej kolory można uznać za nieaktualne. Oznacza to, że w palecie Optimize zo­stała zmodyfikowana paleta eksportowanych kolorów. Wybierz wówczas z roz­wi­ja­ne­go menu palety polecenie Rebuild Color Table (Odbuduj paletę kolorów). Polecenia z roz­wijanego menu oraz przyciski znajdujące się u dołu palety Color Table pozwalają na dodawanie, usuwanie, edytowanie i blokowanie kolorów. Więcej informacji o zastosowaniach palety Color Table znajdziesz w roz­dziale 15. Technika Fireworks: konwertowanie kolorów Pantone na kolory bezpieczne dla Internetu Wielu projektantów grafiki internetowej pracuje dla klientów wymagających stoso­wa­nia znaków graficznych (logo), znaków towarowych i innych identyfikatorów. Wiele du­żych firm wydaje mnóstwo pieniędzy na opracowanie własnych wizerunków w pra­sie, telewizji oraz innych mediach, w których chcą się zareklamować. Taki sam wizerunek chcą utrzymać także w Internecie. Większość projektantów używa określonych ze­sta­wów kolorów (najpopularniejsze są kolory z palety Pantone), które mogą być wyko­rzys­tywane w druku. Nie powinien dziwić fakt, że większość tych kolorów nie należy do 216-kolorowej palety bezpiecznej dla Internetu. Istnieje jednakże sposób na połączenie tych dwóch pozornie rozbieżnych światów kolo­rów. Właściwie, jest ich kilka. Firma Pantone stworzyła produkt o nazwie Color­Web Pro, który umożliwia konwertowanie kolorów używanych w grafice kompute­ro­wej. Jest to niewielkie narzędzie pozwalające na sprawdzenie numeru danego koloru z palety Pan­tone i wyświetlenie próbki koloru z jego wartościami w modelu RGB lub języku HTML. Program ColorWeb Pro może pracować w dwóch różnych trybach. Pierwszy z nich to Pan­tone Matching System umożliwiający wybieranie spośród 1 012 kolorów Pantone. Dru­gi - Pantone Internet Color System - przed wysłaniem koloru do Fireworks kon­wer­tuje go na kolor bezpieczny dla Internetu. Jeśli satysfakcjonuje Cię prosta kon­wer­sja wy­konywana przez program ColorWeb Pro, wykorzystaj tryb Internet Color Sys­tem, w któ­rym możesz wybrać kolor z palety Pantone i zamienić go na kolor bezpieczny dla In­ternetu. Aby lepiej odwzorować kolory z palety Pantone, możesz korzystać z modułu Pantone Mat­ching System w połączeniu z dostępnym w Fireworks wypełnieniem Web Dither. Po­bierz kolor Pantone i pozwól Fireworks na odwzorowanie go w Web Dither. Dzia­łanie takie umożliwia wykorzystywanie w Internecie wielu kolorów z palety Pan­to­ne. System ten nie jest może doskonały (zdarza mi się znaleźć kolor Pantone, który nie mo­że zostać odwzorowany za pomocą wypełnienia Web Dither), ale bardzo dobry. W Windows ColorWeb Pro jest uruchamiany jako aplikacja w formie pływającej próbki ko­loru. Jej dwukrotne kliknięcie powoduje otwarcie próbnika kolorów Pantone. Klik­nię­cie próbki prawym przyciskiem myszy pozwala na wyświetlenie me­nu kontekstowego, umożliwiającego określenie kilku opcji programu. W MacOS ColorWeb Pro jest instalowany jako rozszerzenie systemowego próbnika ko­lo­rów. Dostęp do nowych próbników możesz uzyskać w ten sam sposób, w jaki uży­wa­łeś innych, wbudowanych trybów systemowego próbnika. Kliknij przycisk Palette znaj­du­ją­cy się w rozwijanym próbniku kolorów Fireworks lub wybierz polecenie Add Color z roz­wijanego menu palety Color Table Użytkownicy MacOS mogą od razu posiadać próbnik kolorów Pantone, gdyż jest on instalowany razem z programami ColorSync lub Apple Display Sof­tware. W takim przypadku zainstalowanie demonstracyjnej wersji Co­lorWeb Pro spowoduje zastąpienie istniejących próbników Pan­tone. Jeśli nie zarejestrujesz ColorWeb Pro przed upływem czasu dzia­ła­nia wersji demonstracyjnej, będziesz musiał przeinstalować progra­my ColorSync lub Apple Display Software.   ColorWeb Pro dla Windows Aby w Fireworks dla Windows przekonwertować kolor z palety Pantone na wypeł­nie­nie Web Dither 11. Uruchom program ColorWeb Pro 12. Jeśli próbka koloru Pantone nie znajduje się nad oknem Fireworks, kliknij ją pra­wym przyciskiem myszy (wciśnij Control i kliknij) i z kontekstowego me­nu wybierz polecenie Stay on Top (Zawsze na wierzchu). W związku z tym, że będziesz pra­cował jednocześnie w Fireworks i ColorWeb Pro, musisz przez cały czas wi­dzieć oba programy. 13. Dwukrotnie kliknij próbkę koloru Pantone, aby otworzyć okno Pantone Color Picker (rysunek 7.15). Rysunek 7.15. ColorWeb Pro oferuje bogaty zestaw kolorów z palety Pantone 14. Zdefiniuj pożądany kolor poprzez wpisanie jego numeru w polu tekstowym Find Color lub kliknięcie go myszą. Kliknij OK, aby wrócić do próbki koloru. 15. Zaznacz obiekt, który chcesz wypełnić kolorem Pantone. 16. Otwórz paletę Fill, wybierając z menu polecenie Window Fill lub wciskając skrót klawiaturowy Shift+F7 17. Kliknij strzałkę znajdującą się obok próbki koloru wypełnienia, aby otworzyć roz­wijany próbnik kolorów, a następnie kliknij narzędzie Eyedropper (Kroplomierz). Upewnij się, że kliknąłeś główną próbkę koloru (na samej górze), a nie jedną z dwóch próbek kolorów używanych w ditheringu.   18. Użyj kroplomierza do pobrania próbki koloru Pantone. Użytkownicy Windows mu­szą kliknąć, gdy znajduje się on nad oknem Fireworks, przeciągnąć nad prób­kę koloru Pantone i zwolnić przycisk myszy, aby pobrać kolor. Fireworks obliczy najbardziej odpowiedni kolor za pomocą techniki Web Dither. Jeżeli Pan­tone należy do kolorów bezpiecznych dla Internetu, w obu próbkach wykorzys­ty­wa­nych w ditheringu użyty będzie ten sam kolor. ColorWeb dla MacOS Aby w Fireworks dla MacOS przekonwertować kolor z palety Pantone na wypełnienie Web Dither 19. Zaznacz obiekt, który chcesz wypełnić za pomocą koloru Pantone. 20. Otwórz paletę Fill, wybierając z menu polecenie Window Fill lub wciskając skrót klawiaturowy Shift+F7 21. W palecie Fill, jako typ wypełnienia wybierz Web Dither 22. Otwórz próbnik kolorów palety Fill i kliknij znajdujący się w nim przycisk Pa­let­te, aby wyświetlić okno dialogowe systemowego próbnika kolorów. Upewnij się, że w próbniku kolorów palety Fill wybrałeś górną (a nie dol­ną) próbkę wypełnienia typu Web Dither.   23. W lewej części okna systemowego próbnika kolorów (rysunek 7.16) wybierz prób­nik o nazwie Pantone DC (Pantone Digital Color). Po prawej stronie okna zde­­finiuj pożądany kolor poprzez wpisanie numeru do pola tekstowego lub klik­­nięcie myszą. Kliknij przycisk Done Fireworks obliczy najbardziej odpowiedni kolor za pomocą techniki Web Dither. Jeżeli Pan­tone należy do kolorów bezpiecznych dla Internetu, w obu próbkach wyko­rzys­ty­wa­nych w ditheringu użyty będzie ten sam kolor. Rysunek 7.16. ColorWeb Pro dodaje do systemowego próbnika paletę kolorów Pantone Podsumowanie Fireworks pozwala na dynamiczne zarządzanie kolorem. Projektanci mogą wybierać spo­śród różnych modeli kolorów i definiować palety dostosowane do własnych potrzeb. Gdy już zaczniesz zagłębiać się w zagadnienia związane z zarządzaniem kolorami w gra­fi­kach tworzonych w Fireworks, musisz pamiętać o następujących rzeczach: u         RGB to "język" opisujący kolor na ekranie. Poszczególne piksele są tworzone w wyniku mieszania trzech kolorów: czerwonego, zielonego i niebieskiego. W HTML-u kolory z modelu RGB są opisywane za pomocą wartości szes­nas­tkowych. u         Fireworks umożliwia przełączanie się pomiędzy kilkoma modelami kolorów, ta­kimi jak Grayscale (Skala szarości), RGB CMY i Hexadecimal (Szes­nas­tkowy). u         Jeśli chcesz, aby kolory wyglądały zawsze tak samo w każdej przeglądarce, sto­suj kolory bezpieczne dla Internetu. Fireworks pozwala na wybieranie ko­lo­rów z palety bezpiecznej dla Internetu i zamienianie istniejących kolorów na ich najbliższe odpowiedniki z tej palety. u         Do zarządzania kolorem w Fireworks można wykorzystywać trzy pa­lety pływające Color Mixer Swatches i Color Table. Paleta Color Mixer umożliwia pro­jek­tantom definiowanie nowych lub modyfikowanie istniejących barw. W pa­le­cie Swatches wyświetlane są zestawy próbek kolorów pochodzących z palet stan­dar­do­wych, takich jak Web 216, lub z własnych palet. W palecie Color Table wy­świe­tlane są kolory znajdujące się w bieżącej palecie eksportu. u         Za pomocą narzędzia Eyedropper, z rozwijanego próbnika kolorów, można po­bierać barwy z dowolnych obrazów znajdujących się na ekranie - w oknie Fire­­works lub innej aplikacji. W następnym rozdziale zapoznasz się z tworzeniem elementów "wykończeniowych" gra­fik Fireworks - obrysów. Document Info Accesari: 2844 Apreciat: Comenteaza documentul: Nu esti inregistrat Trebuie sa fii utilizator inregistrat pentru a putea comenta Creaza cont nou A fost util? Daca documentul a fost util si crezi ca merita sa adaugi un link catre el la tine in site Copiaza codul: in pagina web a site-ului tau. <a href="https://www.scritub.com/limba/poloneza/Zarzdzanie-kolorem1941661319.php" target="_blank" title="Zarządzanie kolorem - https://www.scritub.com">Zarządzanie kolorem</a> eCoduri.com - coduri postale, contabile, CAEN sau bancare Politica de confidentialitate | Termenii si conditii de utilizare Copyright © Contact (SCRIGROUP Int. 2024 )