Uchwyty gradientu mogą być teraz aktywowane przez kliknięcie narzędziem Pointer lub Paint Brush obiektu z wypełnieniem gradientowym, co ułatwia wybieranie i modyfikację gradientów.

Rysunek 11.9.

Za pomocą wywoływanego okna dialogowego Edit Gradient możesz modyfikować kolory używane w gradiencie

Color wells - Próbki kolorów

Preview - Podgląd

W spektrum kolorów przedstawione są przejścia pomiędzy kluczowymi kolorami gra­dien­tu, które wyświetlane są w próbkach znajdujących się poniżej spektrum kolorów. W pa­nelu podglądu można zobaczyć, jak wybrana kombinacja kolorów będzie wy­glą­da­ła po zastosowaniu do aktywnego wzoru gradientu. W oknie Edit Gradient możesz mo­­dy­fi­kować zarówno predefiniowane gradienty, jak i te tworzone za pomocą kolorów ob­rysu i wypełnienia.

Aby edytować gradient:

15. Wybierz z menu polecenie Window Fill lub użyj skrótu klawiaturowego Shift+F7, aby wyświetlić paletę Fill

16. Z rozwijanego menu palety Fill wybierz polecenie Edit Gradient. Zostanie ot­war­te okno dialogowe Edit Gradient

17. Aby zmienić przejście pomiędzy kolorami, przeciągnij próbki kolorów w nowe miej­sca. Każda próbka koloru może być przeciągana nawet na drugą stronę in­nej próbki.

18. Aby usunąć dowolny kolor z gradientu, przeciągnij reprezentującą go próbkę po­za obszar okna dialogowego Edit Gradient

19. Aby dodać nowy kolor, kliknij w dowolnym miejscu poniżej spektrum ko­lo­rów. Nowy kolor zostanie wyświetlony bezpośrednio nad spektrum kolorów.

20. Aby zmienić kolor, kliknij reprezentującą go próbkę. Zostanie wy­świe­tlony standardowy próbnik kolorów. Wybierz dowolną z dostępnych pró­bek lub narzędzie Eyedropper, aby pobrać kolor znajdujący się na ekranie, na przy­kład ten reprezentowany przez inną próbkę koloru. Za pomocą przycisku Palette, znajdującego się w rozwijanym próbniku kolorów, można otworzyć sys­temową paletę kolorów.

21. Po zakończeniu edycji kliknij przycisk OK

Teoretycznie nie ma ograniczeń liczby kolorów, jakie możesz dodać do edytowanego gra­dientu, ale dodanie więcej niż dwudziestu kolorów jest mało praktyczne. Przy tak du­żej liczbie kolorów, reprezentujące je próbki zaczynają nakładać się na siebie i coraz trud­niejsze staje się wybranie określonego koloru do edycji.

Zapisywanie i zmienianie nazw

Po zmodyfikowaniu istniejącego gradientu powinieneś go zapisać, aby móc wyko­rzys­ty­wać go w przyszłości. Fireworks oferuje dwie metody zachowywania zmodyfiko­wa­nych gradientów:

u         Wykorzystanie polecenia Save Gradient z rozwijanego menu palety Fill do za­pi­sania kombinacji kolorów gradientu w bieżącym dokumencie.

u         Utworzenie nowego stylu i zapisanie go jako typ Fill

Polecenia palety Fill

W palecie Fill znajduje się kilka poleceń pozwalających zarządzać gradientami:

u         Save Gradient As (Zapisz gradient jako). Zapisuje gradient pod nową nazwą w bieżącym dokumencie.

u         Edit Gradient (Edytuj gradient). Otwiera okno dialogowe Edit Gradient

u         Rename Gradient (Zmień nazwę gradientu). Zmienia nazwę bieżącego gra­dientu.

u         Delete Gradient (Usuń gradient). Usuwa bieżący gradient (standardowy lub włas­ny) z palety Gradient

Zapisywanie zmodyfikowanych gradientów

Aby zapisać zmodyfikowany gradient:

22. Z rozwijanego menu palety Fill wybierz polecenie Save Gradient As. Zostanie ot­warte okno dialogowe Save Gradient As

23. Wpisz nową nazwę gradientu. Jeśli wpiszesz taką, która jest już używana, Fire­works zapyta Cię, czy chcesz zastąpić istniejący gradient.

24. Po wpisaniu nazwy gradientu kliknij przycisk Save. Nowy gradient zostanie wy­świetlony w rozwijanej liście Preset w porządku alfabetycznym.

Wykorzystywanie gradientów w innych dokumentach

Musisz pamiętać, że każdy nowy lub zmodyfikowany gradient może być zapisany tylko w bieżącym dokumencie. Aby wykorzystać gradient w innym dokumencie:

25. Otwórz dokument zawierający gradient, którym chcesz się posłużyć.

26. Zaznacz obiekt wykorzystujący żądany gradient.

27. Otwórz dokument, w którym zastosujesz nowy gradient.

28. Skopiuj zaznaczony obiekt do nowego dokumentu za pomocą poleceń Edit Copy i Edit Paste lub przeciągnij go z jednego dokumentu do drugiego. W chwili umie­szczenia obiektu w nowym dokumencie, w palecie Fill pojawią się usta­wie­nia nowego gradientu.

29. Jeśli chcesz, możesz teraz usunąć skopiowany wcześniej obiekt z nowego do­kumentu.

Istnieje jeszcze kilka innych sposobów przenoszenia gradientów pomiędzy dokumentami:

u         Możesz wykorzystać polecenie Insert Image do wstawienia dokumentu, za­wie­rającego jeden lub więcej własnych gradientów. Po kliknięciu i umie­szcze­niu dokumentu, wybierz polecenie Undo. Wstawiona grafika zniknie z dokumentu, ale wszystkie znajdujące się w niej własne gradienty zostaną dołączone do pa­le­ty Gradient

u         Skopiuj obiekt wektorowy wypełniony własnym gradientem do schowka, następnie zaznacz obiekt wektorowy w innym dokumencie i zastosuj do niego wypełnienie gradientowe pierwszego obiektu za pomocą polecenia Edit Paste Attributes

Wykorzystanie stylów

Najlepszym sposobem na zapewnienie dostępności własnych gradientów jest praw­do­po­dobnie zapisywanie ich w postaci stylu w palecie Styles. Aby utworzyć nowy styl uży­wający własnego gradientu:

30. Zaznacz obiekt wypełniony własnym gradientem.

31. Wybierz z menu polecenie Window Styles lub użyj skrótu klawiaturowego Shift+F11, aby wyświetlić paletę Styles. Jeśli paleta Styles jest już wyświetlana na ekranie w grupie innych palet, kliknij jej zakładkę.

32. Kliknij przycisk New Style (Nowy styl) znajdujący się w palecie Styles

33. W oknie dialogowym Edit Style, w polu tekstowym Name wpisz opisową naz­wę swojego gradientu i usuń zaznaczenia wszystkich pól wyboru oprócz pola Fill Type

34. Kliknij przycisk OK. W palecie Style pojawi się nowy styl.

Wszystkie utworzone w ten sposób style będą zawsze dostępne w dowolnym doku­men­cie Fireworks. Aby zastosować gradient, zaznacz dowolny obiekt znajdujący się w do­ku­mencie i wybierz styl z palety Styles. Gradient zostanie wówczas dodany również do palety Fill

Technika Fireworks: tworzenie przezroczystych gradientów

Dla każdej próbki koloru gradientu możesz wybrać dowolny kolor dostępny w spek­trum, ale nie możesz zdefiniować braku koloru. Innymi słowy - nie ma sposobu na ut­wo­rzenie przezroczystego gradientu za pomocą okna dialogowego Edit Gradient. Ist­nie­je jednak prosta i elastyczna metoda pozwalająca na tworzenie efektu zanikających obiek­tów (wektorowych i bitmapowych).

Prawie wszystkie efekty przezroczystości tworzone są w Fireworks z wykorzystaniem funk­cji Mask Group (Grupa maski). Przezroczyste gradienty nie są tu żad­nym wyjątkiem. Grupa maskująca łączy obiekty w ten sposób, że górny obiekt jest używany jako maska alfa. Tam gdzie maska jest czarna, obiekty znajdujące się pod spodem są przezroczyste, a tam gdzie jest biała - są nie­przez­roczyste. Odcienie szarości są półprzezroczyste. Pomiędzy kolorami gradientu tworzone są stopniowe przejścia, więc przej­ście pomiędzy przezroczystością i kryciem także będzie bardzo płynne.

Aby utworzyć przezroczysty gradient:

35. Utwórz lub wstaw obiekt albo obrazek, który ma być częściowo prze­zroczysty.

36. Narysuj obiekt maskujący, który całkowicie obejmie oryginalny obiekt. Jeśli chcesz maskować obiekt wektorowy, możesz skopiować oryginalny obiekt.

37. Otwórz paletę Fill

38. Zaznacz obiekt maskujący i wybierz wzór gradientu jego wypełnienia, na przy­kład Linear lub Radial

39. Z rozwijanej listy Preset wybierz pozycję Black, White (Czarny, Biały).

40. Jeżeli to konieczne, zmień położenie obiektu maskującego względem ory­gi­nal­ne­go tak, aby obiekt maskujący znajdował się nad obiektem oryginalnym.

41. Zaznacz oba obiekty za pomocą zaznaczenia prostokątnego narysowanego na­rzę­dziem Pointer

42. Wybierz z menu polecenie Modify Mask Group as Mask

Jak możesz zobaczyć na rysunku 11.10, gdy połączyłem dwa obiekty znajdujące się w gór­nej części ilustracji, powstała grupa maskująca, przez której przezroczyste obszary wi­dać tło dokumentu.

Object - Obiekt

Gradient - Gradient

Mask group with gradient as mask - Grupa maskująca wykorzystująca gradient jako maskę przezroczystości

Właściwie widać przez nią nawet zbyt dużo tła. Często muszę do­sto­sowywać stan­dar­dowy czarno-biały gradient, aby było w nim więcej czerni niż bieli. Wy­bieram wówczas polecenie Edit Gradient z rozwijanego menu palety Fill i prze­su­wam czarną próbkę koloru tak, aby znajdowała się bliżej białej próbki. Aby w ten spo­sób zmo­dy­fikować gradient, naj­le­piej jest najpierw zaznaczyć grupę maskującą, a na­stęp­nie wy­brać na­rzę­dzie Paint Buc­ket aby wyświetlić uchwyty kontrolne gradientu. Po uaktyw­nie­niu tych kontrolek, mo­żesz bezpośrednio edytować gradient. W przeciwnym przypadku musiał­byś najpierw roz­gru­po­wać grupę maskującą i dopiero wówczas zmodyfikować gradient.

Desenie

Najprościej mówiąc, Pattern (Desenie) do wypełnienia obiektu używają serii powta­rza­jących się obrazków. Desenie są często wykorzystywane do tworzenia wypełnień imi­tujących rzeczywiste powierzchnie, takie jak tkanina lub woda. Do modyfikowania wyglądu grafiki używane są również bardziej ab­strak­cyjne desenie. Fireworks za­wiera szereg standardowych deseni, a jeszcze więcej znajduje się w ka­talogu Goodies/Patterns na płycie instalacyjnej programu. Jako deseni możesz uży­wać także własnych obrazków.

Wypełnienia Pattern to jedna z głównych kategorii, jakie możesz znaleźć w palecie Fill. Po jej wybraniu, wyświetlana jest dodatkowo rozwijana lista Pattern name, zawierająca wszy­stkie dostępne typy deseni. Podczas przechodzenia pomiędzy jej poszczególnymi pozycjami, obok nazwy desenia wyświetlany jest jego miniaturowy podgląd (rysunek 11.11).

Aby obrazek mógł zostać wykorzystany jako deseń Fireworks wystarczy, że będzie on za­pisany w formacie PNG. Jednak nie wszystkie obrazki są odpowiednie do wyko­rzys­ty­wania ich jako desenie. Najlepsze są te, które zawierają jednolity, powtarzający się wzór bez zauważalnych krawędzi. W kolorowej wkładce możesz zobaczyć, że wszys­tkie standardowe desenie Fireworks spełniają te wymagania.

Jak każde inne wypełnienie, wypełnienie Pattern może być stosowane do obiektów o dowolnych kształtach. Dla deseni dostępne są również dodatkowe opcje wypełnienia - krawędzie i tekstury.

Dodawanie nowych deseni

Istnieją dwa sposoby dodawania deseni do listy opcji Pattern name tak, aby były one do­stęp­ne w dowolnym momencie pracy w Fireworks:

u         Zapisz lub wyeksportuj plik w formacie PNG do katalogu programu Fireworks Configuration/Patterns.

u         W oknie dialogowym Preferences przydziel programowi dodatkowy katalog z de­seniami.

Aby zapisać dowolny plik jako deseń, wystarczy zachować go w źródłowym formacie Fire­works - PNG. Obrazki używane jako desenie są przeważnie pełnokolorowe (pod­czas gdy tekstury są wyświetlane w skali szarości), ale nie jest to żelazna reguła. Nie jest to wymóg konieczny, ale desenie mają przeważnie wymiary 128 128 pikseli. Jeden z tych, który możesz znaleźć na płycie Fireworks - Light Panel - ma inne wy­miary: 12 pikseli szerokości i 334 piksele wysokości.

Po zapisaniu pliku w katalogu deseni i ponownym uruchomieniu Fireworks, nowy de­seń zostanie wyświetlony w palecie Fill. Jak widać na rysunku 11.12, własne desenie po­siadają nawet możliwość podglądu.

Dobrym sposobem na jednoczesne dodanie całej grupy folderów oraz współ­użyt­ko­wa­nie zasobów w środowisku sieciowym jest przydzielenie Fireworks zewnętrznego kata­lo­gu z deseniami. Aby to zrobić:

43. Wybierz z menu polecenie Edit Preferences. Zostanie otwarte okno dialo­go­we Preferences

44. Kliknij zakładkę Folders (lub wybierz pozycję Folders z listy opcji w MacOS).

45. W części Additional Materials, kliknij znajdujący się obok opcji Patterns przy­cisk Browse. Zostanie otwarte okno dialogowe, w którym będziesz mógł wska­zać katalog z deseniami.

46. Odszukaj zewnętrzny katalog zawierający pliki w formacie PNG, które chcesz wy­korzystać jako desenie. Zaznacz katalog i kliknij przycisk OK. W oknie dia­lo­gowym Preferences zostanie zaznaczone pole wyboru Patterns

47. Kliknij OK, aby zaakceptować zmiany i zamknąć okno preferencji.

48. Aby można było używać dodatkowych deseni, musisz ponownie uruchomić Fire­works.

Dodawanie deseni do dokumentów

Dołączenie często wykorzystywanych deseni do domyślnej listy wypełnień Fireworks to doskonała możliwość, ale co zrobić, gdy chcesz wykorzystać jakiś plik graficzny szybko i bez konieczności prze­no­sze­nia do listy deseni? A co, jeśli chcesz go użyć tylko w jednym dokumencie? Fireworks umożliwia bardzo elastyczną pracę z deseniami, poz­walającą na umieszczanie ich w wybranych dokumentach.

Aby wykorzystać zewnętrzny plik PNG jako deseń w bieżącym dokumencie:

49. Zaznacz obiekt, który chcesz wypełnić deseniem.

50. Wybierz z menu polecenie Window Fill, aby otworzyć paletę Fill lub kliknij jej za­kładkę, jeśli jest widoczna na ekranie.

51. Wybierz pozycję Pattern z rozwijanej listy kategorii w palecie Fill

52. Z listy Pattern name wybierz pozycję Other (Inny), aby otworzyć okno dialogowe Lo­cate File

53. Odszukaj plik, który chcesz wykorzystać jako deseń i zaznacz go. Kliknij przy­cisk OK

Fireworks doda nowy deseń do listy Pattern name i zastosuje go do zaznaczonego obiektu. De­seń będzie dostępny w liście wypełnień tylko w obrębie bieżącego dokumentu. Po za­pisaniu tego dokumentu, deseń zostanie zachowany wraz z nim.

Modyfikowanie deseni

Desenie mogą być modyfikowane w taki sam sposób, w jaki dostosowywałeś gradienty. Gdy po zastosowaniu desenia do obiektu wybierzesz narzędzie Paint Bucket, wy­świe­tlo­ne zostaną uchwyty kontrolne wypełnienia (rysunek 11.13). Dostępne są te same kon­trolki, których używałeś przy gradientach:

u         Zmodyfikuj położenie środka wypełnienia deseniem poprzez przeciągnięcie okrą­głego punktu początkowego.

u         Aby obrócić deseń, umieść kursor nad jedną z linii łączących uchwyty kon­trol­ne. Gdy kursor zostanie zamieniony na kursor narzędzia Rotate (Obróć), przeciągnij go, aby zmienić kąt obrotu desenia.

u         Zmień rozmiar desenia, przeciągając po linii prostej w nowe położenie jeden z je­go kwadratowych uchwytów kontrolnych.

u         Aby zmienić pochylenie desenia, przeciągnij w pożądanym kierunku jeden z je­go kwadratowych uchwytów kontrolnych.

W odróżnieniu od gradientów, desenie posiadają dwa uchwyty kontrolne oprócz punktu po­czątkowego wypełnienia. Uchwyty te są zawsze położone prostopadle względem sie­bie i zachowują proporcje pomiędzy wysokością i szerokością.

Technika Fireworks:
tworzenie bezspoinowych deseni

Największym problemem przy tworzeniu nowych deseni jest zapewnienie tego, żeby wy­glądały one na bezspoinowe. Gdy Fireworks próbuje wypełnić obiekt o rozmiarach więk­szych niż te, które ma plik z deseniem, program mu­si wielokrotnie wykorzystać w nim ten sam obrazek, aby kompletnie wypełnić obiekt. Jeśli obiekt będzie posiadał choćby cien­kie obramowanie, wyraźnie będzie widać powtarzający się deseń. W większości przy­padków jest to efekt niepożądany. Istnieje kilka metod likwidacji widocznych miejsc łączenia deseni.

Pierwsza i najprostsza metoda polega na umieszczaniu elementów graficznych z dala od krawędzi desenia. Pozwala to na tworzenie gładkich przejść pomiędzy poszcze­gól­ny­mi kopiami desenia umieszczanymi nad kolorem tła. Do utworzenia de­se­nia bez wi­docznych "szwów" można wykorzystać na przykład obrazek pokazany na rysunku 11.14.

Większość obrazków tworzona jest w ten sposób, by można było nimi wypełnić cały ob­szar roboczy. Jednak żeby grafika taka mogła zostać przekształcona na deseń, trzeba wło­żyć trochę pracy w jej edycję i utworzyć niewidoczne krawędzie. Na szczęście Fire­works zawiera wystarczającą ilość narzędzi służących do edycji grafiki bitmapowej, aby moż­na było w nim wykonać wszystkie potrzebne czynności.

Deseń powstaje poprzez umieszczanie obok siebie poszczególnych obrazków. Aby usu­nąć wszystkie widoczne krawędzie, musisz stworzyć symulację ułożenia poszczególnych ele­men­tów desenia i tak połączyć obrazki, żeby nie było widać pomiędzy nimi żadnych kra­wędzi. Poniżej spisane są poszczególne etapy procedury, którą wykorzystuję do utwo­rzenia niewidocznych krawędzi deseni w Fireworks.

Zatem:

54. Otwórz obrazek, który chcesz przekształcić na deseń.

55. Zaznacz tę część obrazka, która ma zostać wykorzystana jako deseń.

Najczęściej jako desenie wykorzystywane są jedynie fragmenty skanowanych obraz­ków lub innych grafik. Przekonałem się, że najlepiej jest najpierw okre­ślić rozmiar tworzonego desenia (na przykład 128 128 pikseli) i do jego usta­wie­nia wykorzystać funkcję Fixed Size (Stała wielkość) narzędzia Marquee znaj­dującą się w palecie Options. Ułatwia to szybkie tworzenie zaznaczenia i prze­su­wanie go w nowe położenia.

56. Wybierz z menu polecenie Edit Copy aby skopiować zaznaczony obszar.

57. Wybierz z menu polecenie File New, aby utworzyć nowy dokument. Doku­ment powinien być co najmniej trzy razy większy niż zaznaczony obszar. Zaznaczony przeze mnie obszar jest kwadratem o boku 128 pikseli, więc minimalne rozmiary doku­men­tu to 384 384 piksele.

58. Wybierz z menu polecenie View Grid Edit Grid i ustaw takie same roz­miary siatki, jakie ma Twój obrazek, a następnie włącz opcje Show Grid (Po­każ siatkę) i Snap to Grid (Przyciągaj do siatki).

59. Wybierz z menu polecenie Edit Paste, aby wkleić skopiowany fragment obraz­ka w lewym górnym rogu dokumentu (rysunek 11.15).

60. Skopiuj obrazek, przeciągając go z wciśniętym klawiszem Alt Option) i umieść ko­pię po prawej stronie oryginalnego obrazka.

61. Powtórz jeszcze dwa razy powyższą czynność, aby umieścić dwie następne kopie obraz­ka poniżej tych, które już znajdują się w dokumencie (rysunek 11.16).

62. Ukryj siatkę dokumentu (polecenie View Grid Show Grid) i wyłącz opcję Snap to Grid (po­lecenie View Grid Snap to Grid

63. Zaznacz wszystkie cztery kopie obrazka i wybierz z menu polecenie Modi­fy Convert to Bitmap. Jest to konieczne, gdyż cała technika opiera się na wyko­rzys­taniu narzędzia Rubber Stamp (Stempel), które pracuje jedynie z obiektami bit­mapowymi. Po zaznaczeniu wszystkich kopii, cztery oddzielne obiekty bit­ma­powe zostaną połączone w jeden obiekt.

64. Wybierz narzędzie Rubber Stamp z palety narzędziowej.

Następny krok jest najważniejszy w całej procedurze, dlatego też wymaga od­ro­biny finezji i "metody prób i błędów". Możesz na tym etapie pracy zapisać do­kument, abyś w razie pomyłki nie musiał powtarzać całej procedury od po­czątku.

65. Najpierw zajmiemy się pionowymi łączeniami pomiędzy poszczególnymi ko­pia­mi desenia. Ustal źródło próbkowania narzędzia Rubber Stamp w miejscu po­ło­żonym w odległości kilku pikseli od boku jednej z kopii obrazka. Prze­ciąg­nij w poprzek pionowej krawędzi od lewej do prawej (lub od prawej do le­wej, w zależności od tego, po której stronie krawędzi zostało ustawione źródło prób­kowania), rozsze­rza­jąc w ten sposób bok jednego obrazka na bok innego obrazka.

Powtarzaj całą procedurę, aż dojdziesz do końca pionowej krawędzi obrazka. Cza­sami możesz zmieniać kierunek malowania i położenie źródła, aby mo­dy­fi­ko­wać rozmycie obrazka. Wciśnij klawisz Alt, aby ponownie ustawić źródło próbkowania na­rzędzia Rubber Stamp. Jeśli będzie to konieczne, możesz ustawić maksymalne rozmycie kra­wędzi stempla za pomocą opcji dostępnych w palecie Options

66. Po rozmyciu pionowych krawędzi desenia, powtórz całą procedurę dla krawędzi po­zio­mych. Musisz zmienić jedynie kierunek malowania narzędziem Rub­ber Stamp

Po zakończeniu rozmywania pionowych i poziomych krawędzi, powstałe w ten spo­sób obrazki powinny wyglądać jak jednolity deseń (rysunek 11.17). Przy­szedł czas na skopiowanie fragmentu obrazka, który zostanie wykorzystany do utworzenia desenia.

67. Wybierz z menu polecenie View Grid Edit Grid i tak ustaw siatkę, aby była o połowę mniejsza niż poprzednio. Włącz opcje wyświetlania i przy­cią­gania do siatki. Wykorzystanie o połowę mniejszej siatki pomoże ustalić śro­dek obrazka. Moja oryginalna siatka miała wymiary 128 128 pikseli, więc no­wa będzie miała wymiary 64 64 piksele.

68. Wybierz narzędzie Marquee z palety narzędziowej. W palecie Options powinna być ustawiona dla tego narzędzia opcja Fixed Size, z poprzednio ustalonymi roz­miarami.

69. Za pomocą narzędzia Marquee zaznacz środkową część całego obrazka (rysunek 11.18). Zauważ, że widoczne na rysunku zaznaczenie obejmuje fragmenty wszys­tkich czterech obrazków, które wcześniej były oddzielnymi obiektami.

70. Wybierz z menu polecenie Edit Copy, aby skopiować zaznaczenie.

71. Wybierz z menu polecenie File New, aby utworzyć nowy dokument. Fire­works automatycznie przyjmie takie rozmiary dokumentu, jakie ma grafika znaj­dująca się w schowku.

72. Wybierz z menu polecenie Edit Paste, aby wkleić zaznaczony obszar. To, co zobaczysz na ekranie, jest Twoim gotowym deseniem (rysunek 11.19).

73. Wybierz z menu polecenie File Save i zapisz obrazek w katalogu programu Fireworks Configuration/Patterns.

74. Ponownie uruchom Fireworks.

	Rysunek 11.18. Wykorzystanie siatki dokumentu w połączeniu z opcją Fixed Size (Stała wielkość) narzędzia Marquee pozwala łatwo wyselekcjonować fragment grafiki zawierający części wszystkich czterech oryginalnych obrazków
	Rysunek 11.19. Końcowy deseń używa środkowej części połączonych obrazków, więc przy powtarzaniu desenia ich krawędzie są niezauważalne
		Jeśli nie chcesz ponownie uruchamiać Fireworks, nie musisz tego ro­bić, ale żeby wykorzystać utworzony deseń, będziesz musiał wybrać z roz­wijanej listy Pattern name opcję Other (Inny).		76. Jeśli będzie to konieczne, otwórz plik z deseniem, aby usunąć wszystkie jesz­cze zauważalne krawędzie. Istnieje wiele innych sposobów rozmywania krawędzi obrazków, ale w większości przy­padków wykorzystywane jest do tego narzędzie Rubber Stamp. Mimo że opa­no­wa­nie obsługi stempla i całej techniki wymaga nieco praktyki, końcowe rezultaty są tego warte. Więcej informacji o narzędziu Rubber Stamp i jego opcjach znajdziesz w rozdziale 6.   Dodawanie tekstur do wypełnień Najczęściej wymienianą wadą grafiki komputerowej jest jej zbyt sztuczny wygląd. Jeśli ro­zejrzysz się wokół siebie zauważysz, że bardzo niewiele przedmiotów ma jed­no­ko­lo­ro­we i jednorodne powierzchnie. Większość z nich posiada jakieś tekstury. Fireworks poz­wa­la uzy­skać "rzeczywisty" wygląd obiektów poprzez łączenie dowolnych typów wy­peł­nień (lub obrysów) z teksturami. W Fireworks tekstura jest powtarzającym się obrazkiem, któ­ry może być nakładany na obiekty z różnym natężeniem, mierzonym w procentach. Podobnie jak desenie, tekstury są obrazkami PNG przechowywanymi w określonym ka­ta­logu, które mogą być wielokrotnie powtarzane, aby wypełnić cały obiekt. Na tym jed­nak kończy się podobieństwo tych dwóch elementów. Podczas gdy zastosowanie de­senia usu­wa z obiektu wszystkie inne wypełnienia, tekstury są używane jako dodatek do wy­peł­nień. W rezultacie, są one oddzielnymi obiektami, które z różnym stopniem krycia są nakładane na obiekt oryginalny. Zwiększając natężenie tekstury za pomocą suwaka znaj­dującego się w palecie Fill, w rzeczywistości zwiększasz jej stopień krycia. Przy 100-procentowym natężeniu tekstura jest całkowicie nieprzezroczysta. Kolejną różnicą pomiędzy deseniem a teksturą jest kolor. Desenie wykorzystują pełen ich zakres, natomiast tekstury są wyświetlane w skali szarości. Powodem takiego wyko­rzys­ty­wa­nia tekstur jest ich funkcjonalność. Gdyby tekstura zawierała jakiś kolor, po­wo­do­wa­ło­by to zmianę oryginalnych kolorów wypełnienia lub obrysu. Jedną z wad tekstur wy­świe­tla­nych w skali szarości jest fakt, że zastosowanie jej do kompletnie białego wypeł­nie­nia nie daje zupełnie żadnych rezultatów. Z reguły tekstury lepiej działają z ciemnymi kolorami, które zapew­nia­ją większy kontrast.   Fireworks oferuje szeroki wachlarz tekstur, a dodatkowe znajdują się na płycie instalacyjnej Fire­works. Podobnie jak w przypadku deseni, dla każdej tekstury wybranej z listy, która znaj­duje się w palecie Fill, wyświetlany jest miniaturowy podgląd. Obok rozwijanej listy Texture znajduje się suwak. Umożliwia on sterowanie natężeniem wybranej tekstury. Im wyższe natężenie, tym wyraźniejszy jest wpływ tekstury na wypełnienie (rysunek 11.20). Rysunek 11.20. Zwiększenie natężenia tekstury w palecie Fill pozwala tworzyć wyraźniejsze tekstury wypełnień 0% texture - Natężenie tekstury 0% 40% texture - Natężenie tekstury 40% 80% texture - Natężenie tekstury 80% Nakładanie tekstur na obrysy i obrazki Tekstury przydają się nie tylko do wypełnień. W równie łatwy sposób moż­na je stoso­wać do obrysów, a przy większym nakładzie pracy tak­że do obrazków. Niekiedy obrysy są używane do definiowania wypeł­nio­nych obiektów i wtedy nie powinno się rozsze­rzać tekstury na ob­rys obiektu. Jednak w niektórych obrazkach przynosi to wiele ko­rzyści. Za przykład niech nam posłuży poniższy rysunek. W górnej części ekra­nu utworzyłem prostą teksturę składającą się z linii i zasto­so­wa­łem ją do obrysu (aerograf o dużej średnicy). Taki sam zestaw tekstur jest dostępny zarówno w palecie Fill, jak i Stroke, więc można łatwo sko­piować ustawienia tekstury z jednej palety do drugiej. W środkowym przykładzie zasto­sowałem zatem tę samą teksturę do wypełnienia i obrysu obiek­tu. W dolnym przykładzie    wprowadziłem kilka efektów. Linie teks­tury nadal są widoczne i łączą ze sobą obrys i wypełnienie obiektu. Zastosowanie tekstury do obrazka wymaga dodatkowych czynności. Ob­rysy i wy­pełnienia nie mogą być bezpośrednio stosowane do obraz­ków. Należy więc utworzyć obiekt wektorowy, który całkowicie przy­kry­je obrazek i zastosować do niego teksturę. Przejście pomiędzy obiektem wek­torowym a bitmapowym można utworzyć poprzez modyfikację stop­nia krycia obiektu wektorowego i trybu mieszania (kontrolki pozwalające modyfikować oba parametry możesz znaleźć w palecie Layers) lub poprzez wykorzystanie obiektu wektorowego jako maski obrazka. Jak w większości przypadków, eksperymentowanie z różnymi tech­nikami pozwoli Ci uzyskać różne interesujące rezultaty. Istnieje jeszcze jedna właściwość tekstur - przezroczystość. Jeśli obiekt z teksturą znaj­du­je się nad innymi obiektami, włączenie opcji Transparent umożliwia wyświetlenie tych obszarów dolnych obiektów, które znajdują się pod jaśniejszymi fragmentami teks­tu­ry. Im wyższe natężenie tekstury, tym bardziej obiekty stają się przezroczyste. Dodawanie nowych tekstur Nowe tekstury dodaje się w dokładnie taki sam sposób, w jaki dodawałeś desenie: u         Zapisz lub wyeksportuj plik w formacie PNG do katalogu programu Fireworks Configuration/Textures. u         Przydziel za pomocą okna dialogowego Preferences dodatkowy katalog z teks­turami. Jako tekstury najlepiej sprawdzają się pliki zawierające powtarzający się wzór bez wi­docz­nych krawędzi i, jak zostało wspomniane wcześniej, wyświetlane są w skali sza­roś­ci. Konwersja kolorowych obrazków na skalę szarości Mimo że nie musisz konwertować obrazków na skalę szarości przed zapisywaniem ich ja­ko tekstury (Fireworks i tak wyświetla je w skali szarości), konwersja taka pozwoli Ci zo­baczyć, jak tekstura będzie wyglądała w rzeczywistości i umożliwi Ci dostosowanie jej jasność i kontrast. Aby przekształcić kolorowy obiekt wektorowy lub bitmapowy na skalę szarości za po­mo­cą polecenia Convert to Grayscale 77. Zaznacz obiekt, który chcesz przekształcić. 78. Wybierz z menu polecenie Commands Creative Convert to Grayscale, a Fire­works przekształci obiekt na skalę szarości. Przydzielanie dodatkowego katalogu z teksturami Jeśli masz cały zestaw tekstur i chciałbyś je wszystkie dodać jednocześnie do Fire­works, możesz przydzielić do programu dodatkowy katalog tekstur. Aby przydzielić do Fire­works dodatkowy katalog z teksturami: 79. Wybierz z menu polecenie File Preferences. Zostanie otwarte okno dialo­go­we Preferences 80. Kliknij zakładkę Folders (w MacOS wybierz opcję Folders z rozwijanej listy). 81. W części Additional Materials, kliknij znajdujący się obok opcji Textures przy­cisk Browse, a zostanie otwarte nawigacyjne okno dialogowe. 82. Odszukaj zewnętrzny katalog zawierający pliki PNG, które chcesz wyko­rzys­ty­wać jako tekstury. Zaznacz ten katalog i kliknij przycisk OK. W oknie Pre­fren­ces zostanie zaznaczone pole wyboru Textures 83. Kliknij OK, aby zaakceptować zmiany i zamknij okno preferencji. 84. Aby móc korzystać z dodatkowych tekstur, musisz ponownie uruchomić Fire­works. Masz wciąż za mało tekstur? Dodatkowe znaj­dziesz w katalogu Textures na płycie CD-ROM dołączonej do tej książ­ki.   Dodawanie tekstur do dokumentu Podobnie jak desenie, tekstury mogą być pojedynczo otwierane i wykorzystywane w bie­żącym dokumencie. Funkcja ta daje łatwy dostęp do plików tekstur, znajdujących w Twoim komputerze. Otwierane w ten sposób tekstury są zapisywane wraz z bieżącym do­kumentem. Aby wykorzystać zewnętrzny plik PNG jako teksturę w bieżącym dokumencie: 85. Wybierz z menu polecenie Window Fill, aby wyświetlić paletę Fill, lub kliknij jej zakładkę, jeśli znajduje się na ekranie. 86. Wybierz wypełnienie Solid Pattern lub dowolny gradient z rozwijanej listy ka­te­gorii w palecie Fill, aby wyświetlić listę Texture name 87. Z rozwijanej listy Texture name wybierz pozycję Other, aby otworzyć okno dia­logowe Open 88. Odszukaj i zaznacz plik PNG, który chcesz wykorzystać jako teksturę. Obrazek mo­że być kolorowy lub utrzymany w skali szarości, ale tekstura i tak będzie zaw­sze wyświetlana w skali szarości. Kliknij przycisk OK Fireworks doda nową teksturę do rozwijanej listy Texture Tworzenie wypełnień za pomocą narzędzia Paint Bucket Narzędzie Paint Bucket (Wiadro z farbą) jest używane do tworzenia wypełnień zazna­czo­nych obszarów z wykorzystaniem bieżących ustawień palety Fill (obojętnie, czy do­ty­czą one jednolitego koloru, gradientu czy też desenia). Wiadro z farbą może być uży­wa­ne do wypełniania zarówno obiektów wektorowych, jak i bitmapowych. W obu przy­pad­kach zachowuje się jednak trochę inaczej. Obiekty wektorowe są wypełniane cał­ko­wi­cie, zaś w obiektach bitmapowych wypełniane są jedynie zaznaczone obszary lub, jeśli nie zostanie zaznaczony żaden obszar, sąsiadujące ze sobą obszary o podobnych kolorach (rysunek 11.21). Rysunek 11.21. Znajdujący się w dolnym lewym rogu obiekt wektorowy został całkowicie wypełniony narzędziem Paint Bucket. Zastosowanie tego samego wypełnienia do obrazka bitmapowego znajdującego się w prawym dolnym rogu ilustracji spowodowało wypełnienie jedynie pikseli o podobnych kolorach do znajdujących się poniżej kursora Pre-Bucket - Przed wypełnieniem Path objects - Obiekty wektorowe Image objects - Obiekty bitmapowe Cursor point - Punkt kursora Post-Bucket - Po wypełnieniu Wypełnianie obiektów wektorowych za pomocą wiadra z farbą jest bardzo proste. Wy­star­czy, że wybierzesz narzędzie Paint Bucket z palety narzędziowej (lub wciśniesz skrót klawiaturowy K) i klikniesz obiekt, aby zastosować do niego wypełnienie o usta­wie­niach zdefiniowanych w palecie Fill. Jeżeli w palecie Fill wybrana jest kategoria No­ne (Brak), do obiektu zastosowywane jest wypełnienie Solid z bieżącym kolorem (widocz­nym w palecie narzędziowej i mikserze kolorów). Fireworks podczas pracy z narzędziem Paint Bucket nie odróżnia ście­żek zamkniętych od otwartych. Jeżeli użyjesz wiadra z farbą do ot­war­tej ścieżki, program narysuje niewidoczną linię łączącą punkt począ­tko­wy z końcowym i dopiero wówczas wypełni tak powstałą ścieżkę.   Stosowanie narzędzia Paint Bucket do obiektów bitmapowych to zupełnie inna historia. Je­żeli klikniesz tym narzędziem obiekt bitmapowy, w którym nie zaznaczyłeś uprzed­nio żadnych obszarów za pomocą któregoś z narzędzi selekcji (Marquee Ellipse Marquee Lasso Polygon Lasso lub Magic Wand), stanie się jedna z trzech rze­czy: u         Bieżące ustawienia wypełnienia zostaną zastosowane do wybranego piksela i wszy­s­tkich sąsiadujących z nim pikseli, które mieszczą się w zakresie to­le­ran­cji zdefiniowanym za pomocą opcji Tolerance w palecie Options u         Jeśli w palecie Options zaznaczona będzie opcja Fill Selection Only (Wypełnij tyl­ko zaznaczenie) i w oknie preferencji wyłączona będzie opcja Expand to Fill Do­cument, bieżące ustawienia wypełnienia zostaną zastosowane do całego obiektu bitmapowego. u         Jeśli w palecie Options zaznaczona będzie opcja Fill Selection Only (Wypełnij tyl­ko zaznaczenie) i w oknie preferencji włączona będzie opcja Expand to Fill Do­cument bieżące ustawienia wypełnienia zostaną zastosowane do całego do­ku­mentu. Jak widzisz, przy stosowaniu narzędzia Paint Bucket do wypełniania obiektów bit­ma­po­wych bardzo ważna staje się paleta Options (rysunek 11.22). Rysunek 11.22. Opcje znajdujące się w palecie Options dla narzędzia Paint Bucket mają duży wpływ na sposób wypełniania obiektów bitmapowych Opcje dostępne w palecie Options to: u         Mouse Highlight (Wyróżnienie). Wyróżnia obszary, które są zazna­cza­ne, gdy znajduje się nad nimi kursor. u         Fill Selection Only (Wypełnij tylko zaznaczenie). Ignoruje ustawienia to­le­rancji kolorów i wypełnia zaznaczony obszar lub - jeśli żaden obszar nie jest zaznaczony - cały obiekt bitmapowy czy dokument, w zależności od ustawienia opcji Expand to Fill Document u         Preserve Transparency (Zachowaj przezroczystość). Wypełnia kolorem tylko ist­niejące piksele, więc przezroczyste piksele nadal pozostają przezroczyste. u         Tolerance (Tolerancja). Określa zakres kolorów, które będą wypełniane przy wy­łączonej opcji Fill Selection Only. Za pomocą suwaka Tolerance można usta­wiać wartości z zakresu od 0 (nie są wypełniane żadne dodatkowe kolory) do 255 (wypełniane są wszystkie dodatkowe kolory). u         Edge (Krawędzie). Definiuje typ krawędzi wypełnienia: Hard (Ostre), Anti-Alias (Wygładzane) lub Feather (Rozmyte). Po wybraniu opcji Feather aktyw­ny staje się suwak Amount of Feather, umożliwiający ustawienie stopnia roz­my­cia krawędzi wypełnienia. Po zaznaczeniu obszaru w obiekcie bitmapowym, nie musisz kliknąć do­kład­­nie w tym obszarze, aby go wypełnić. Kliknięcie w dowol­nym miejscu dokumentu spowoduje automatyczne wypełnienie wyse­lek­cjonowanych obszarów.   Podsumowanie Wypełnienia są jednym z podstawowych elementów grafiki Fireworks. Bez nich obiek­ty posiadają jedynie kontury i bardzo trudne jest wówczas rozmieszczanie jednych obiek­tów nad innymi. Rozpoczynając pracę z wypełnieniami, musisz pamiętać o na­stę­pujących rzeczach: u         Wypełnienia mogą być stosowane do wszystkich obiektów Fireworks: wek­to­ro­wych i bitmapowych. u         Wszystkie ustawienia wypełnień można definiować z poziomu palety Fill. Prób­kę koloru wypełnienia można znaleźć również w palecie narzędziowej i w pa­le­cie Color Mixer u         Istnieje pięć kategorii wypełnień: None (Brak), Solid (Jednolite), Web Dither (Dithe­ring internetowy), Pattern (Deseń) i Gradient u         Wypełnienie Web Dither miesza ze sobą dwa kolory bezpieczne dla Internetu, aby uzyskać trzeci kolor, który nie należy do palety bezpiecznej dla Internetu. u         Wypełnienia Pattern i Gradient można modyfikować poprzez zaznaczenie obie­k­tu, wybranie narzędzia Paint Bucket i dostosowanie uchwytów kon­trol­nych wypełnienia. u         Nowe kombinacje kolorów gradientów można zapisać wraz z bieżącym do­ku­men­tem lub jako styl Fireworks. u         Desenie można tworzyć z dowolnych powtarzających się obrazków zapisanych w for­macie PNG i zapisywać wraz z dokumentami Fireworks. u         Tekstury można wykorzystywać do nadawania rzeczywistego wyglądu "płas­kim" obiektom graficznym i zapisywać wraz z dokumentami Fireworks. u         Opcje narzędzia Paint Bucket pozwalają definiować, czy wypełniany będzie ca­ły obiekt bitmapowy, czy też jedynie wyselekcjonowany obszar. W następnym rozdziale poznasz zabawne i efektowne oblicza Fireworks: Live Effects i Xtras. Document Info Accesari: 2391 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/Wypenienia-i-tekstury134231727.php" target="_blank" title="Wypełnienia i tekstury - https://www.scritub.com">Wypełnienia i tekstury</a> eCoduri.com - coduri postale, contabile, CAEN sau bancare Politica de confidentialitate | Termenii si conditii de utilizare Copyright © Contact (SCRIGROUP Int. 2025 )