ALTE DOCUMENTE
|
||||||||||
W tym rozdziale:
u 16516f55q 16516f55q Podstawowe wiadomości o grafice bitmapowej.
u 16516f55q 16516f55q Tryb edycji grafiki bitmapowej.
u 16516f55q 16516f55q Otwieranie bitmap w Fireworks.
u 16516f55q 16516f55q Skalowanie bitmap.
u 16516f55q 16516f55q Zaznaczanie elementów bitmap.
u 16516f55q 16516f55q Definiowanie obszaru rysowania.
u 16516f55q 16516f55q Praca z narzędziami bitmapowymi.
Filarem Fireworks są obiekty wektorowe, wystarczające do wykonania większości zadań podczas tworzenia grafiki internetowej: budowania pasków nawigacyjnych, rysowania kształtów i linii oraz wstawiania edytowalnego tekstu. Elementy te tworzone są z precyzją, jaką zapewnia tworzenie wektorów i najczęściej są wykorzystywane w Fireworks do budowania projektów od przysłowiowego "zera".
Niektóre grafiki jednak nie mogą być opracowywane jedynie w oparciu o ścieżki wektorowe. Fotografie wykonywane za pomocą aparatów cyfrowych i skanerów są 100-procentowymi bitmapami. Mogą one być wykorzystywane w internetowych sklepach lub galeriach sztuki zawierających obrazy w postaci cyfrowej. Umieszczenie ich na stronie WWW nie wymaga od projektanta żadnego rysowania. Zamiast tworzyć ścieżki, będziesz wówczas wycinał i wklejał wyselekcjonowane piksele oraz manipulował kanałami alfa i trybami mieszania.
Większość pracy z obrazkami bitmapowymi w Fireworks odbywa się w trybie edycji grafiki bitmapowej. Gdy tylko użyjesz jednego z narzędzi bitmapowych, takich jak Magic Wand (Magiczna różdżka), Fireworks automatycznie wybierze tryb bitmapowy. Przejście to wydaje się niezauważalne, ale jest bardzo istotne. Mówi ono Fireworks, aby nie umieszczał pikseli w obiektach wektorowych i skupił się jedynie na samych pikselach.
Ten rozdział rozpoczyna się od wyjaśnienia sposobu, w jaki Fireworks pracuje z grafiką bitmapową. Zbadamy dokładnie zasady działania wszystkich narzędzi pracujących jedynie w trybie edycji grafiki bitmapowej oraz narzędzi używanych do tworzenia obiektów wektorowych, które znajdują inne zastosowania w pracy z bitmapami. Ostatecznie, dowiesz się, jak przekształcać obiekty wektorowe na obiekty bitmapowe i poznasz korzyści, jakie możesz z tego mieć.
Oto krótki kurs doskonalenia zawodowego traktujący o obrazkach bitmapowych. Powinieneś go przejść jedynie w przypadku, gdy dotychczas obracałeś się w świecie grafiki wektorowej i jesteś kompletnym laikiem, jeśli chodzi o piksele. Słowo piksel (ang. pixel) pochodzi od terminu element obrazu (ang. picture element) (PIX od picture i EL od element). Piksel jest najmniejszą częścią obrazka bitmapowego. W początkach grafiki komputerowej, kolor każdego piksela był zapisywany za pomocą 1 bita pamięci. Bit ten był włączony dla koloru białego, zaś wyłączony dla czarnego. Rozmieszczenie bitów wzdłuż osi poziomej i pionowej pozwalało na stworzenie obrazka. Edycja bitmap polega na dodawaniu i usuwaniu pikseli lub zmianach ich kolorów. Nawet jeśli usuwasz fragment obrazka, właściwie zmieniasz kolor zbędnych pikseli na kolor tła i w efekcie wyglądają one, jakby zostały usunięte.
Aby lepiej zrozumieć różnicę pomiędzy obrazkiem bitmapowym (nazywanym również grafiką rastrową) i obiektem wektorowym, wyobraź sobie linię o długości 100 pikseli i szerokości 1 piksela. W grafice wektorowej, aby zbudować taką linię, wystarczy stworzyć dwa punkty i obrys pomiędzy nimi. W grafice bitmapowej musisz utworzyć dokładnie 100 pikseli. Aby zmienić położenie jednego z punktów linii w grafice wektorowej, wystarczy przesunąć jeden z jej punktów końcowych. W grafice bitmapowej, musisz w takim przypadku usunąć wszystkie piksele tworzące linię i utworzyć ją od początku w nowym położeniu.
Jak zdążyłeś zauważyć, manipulowanie obiektami wektorowymi i obiektami bitmapowymi to dwie zupełnie różne operacje. Dlatego właśnie Fireworks może pracować w dwóch różnych trybach: trybie wektorowym, czyli edycji obiektów wektorowych (opisywany w rozdziale 5.) oraz w trybie bitmapowym, czyli edycji grafiki bitmapowej. Niektóre narzędzia Fireworks pracują tylko w jednym z tych trybów, zaś inne działają w obu, dając odmienne rezultaty. Nie ma trybu lepszego ani gorszego; każdy z nich używany jest w innym celu.
Możesz ręcznie zmienić tryb pracy Fireworks na bitmapowy. Nie musisz jednak tego robić, gdyż po wybraniu narzędzia bitmapowego Fireworks automatycznie przejdzie do trybu edycji grafiki bitmapowej. Wybierz narzędzie do edycji obiektów wektorowych, rozpocznij pracę, a program zostanie automatycznie przełączony z powrotem na tryb wektorowy. Niekiedy przejściu pomiędzy trybami towarzyszy pomocny komunikat Fireworks mówiący, że zmiana trybu jest konieczna. Jeżeli na przykład spróbujesz użyć narzędzia Freeform w trybie edycji grafiki bitmapowej, Fireworks wyświetli ostrzeżenie, że narzędzie to może pracować jedynie z wektorami.
|
W każdym oknie mówiącym o konieczności zmiany trybu znajduje się pole wyboru "don't show again" ("nie pokazuj więcej tego komunikatu"). Gdy usuniesz zaznaczenie tego pola, program nie będzie wyświetlał więcej takich komunikatów. Aby przywrócić prezentację komunikatów, należy wybrać polecenie Commands Reset Warning Dialogs. |
|
Każdy obiekt tworzony w Fireworks początkowo należy wyłącznie do jednej z kategorii: składa się tylko z pikseli lub tylko ze ścieżek wektorowych. Jeśli jednak przykładowo do linii zastosujesz rozmycie, niepostrzeżenie stanie się ona zarówno obiektem wektorowym (ścieżka), jak i bitmapowym (rozmycie) i, nie zdając sobie z tego sprawy, będziesz pracował na przemian w dwóch trybach.
Oprócz możliwości automatycznego wchodzenia programu w tryb edycji grafiki bitmapowej, istnieje także kilka sposobów na ręczne uruchamianie tego trybu:
u 16516f55q 16516f55q Kliknij dwukrotnie obiekt bitmapowy za pomocą narzędzia Pointer (Wskaźnik) lub Subselection (Zaznaczanie bezpośrednie). Prawdopodobnie jest to najczęściej używana metoda przechodzenia w tryb edycji grafiki bitmapowej.
|
Podczas pracy w trybie edycji grafiki bitmapowej, dwukrotne kliknięcie powoduje powrót do trybu wektorowego. |
u 16516f55q 16516f55q Wybierz z menu polecenie Modify Edit Bitmap lub użyj skrótu klawiaturowego Ctrl+E Command+E
u 16516f55q 16516f55q Wybierz z menu polecenie Insert Empty Bitmap. Zostanie utworzony nowy obiekt bitmapowy, w którym możesz malować za pomocą narzędzi służących do edycji pikseli.
atwo możesz sprawdzić, czy aktualnie pracujesz w trybie edycji grafiki bitmapowej. Fireworks oferuje wiele różnych sygnałów wizualnych (rysunek 6.1). Pierwszy z nich to obwódka otaczająca obszar roboczy. Jeśli w preferencjach programu usuniesz zaznaczenie opcji Expand to Fill Document, obwódka będzie tworzona jedynie wokół samego obiektu bitmapowego. Po drugie - gdy pracujesz w trybie edycji grafiki bitmapowej, w paskach tytułowych okna dokumentu i palety Object wyświetlane jest zdanie - Bitmap Mode. Ostatecznie, aktywny staje się przycisk Stop (biały znak X na okrągłym, czerwonym tle, z etykietką "Exit Bitmap Mode") znajdujący się w pasku stanu Fireworks.
|
W systemie Windows obok przycisku Stop wyświetlana jest także wskazówka "Press Stop to exit Bitmap Mode" ("Kliknij przycisk Stop, aby wyjść z trybu edycji grafiki bitmapowej"). |
|
Po opuszczeniu trybu edycji grafiki bitmapowej wszystkie zaznaczone obrazki są otaczane obwódką. W Fireworks bitmapy mogą być także modyfikowane (przemieszczane, skalowane, wyrównywane i zniekształcane) jako obiekty bitmapowe. W trybie wektorowym, obiekty bitmapowe zachowują się jak prostokątne obiekty wektorowe z bitmapowym wypełnieniem. Do wybranego obiektu bitmapowego możesz nawet stosować efekty, takie jak cienie.
Najbardziej oczywistym sposobem opuszczenia trybu bitmapowego i przejścia na tryb wektorowy jest kliknięcie przycisku Stop. Jednak twórcy Fireworks uwzględnili jeszcze kilka innym metod wychodzenia z trybu edycji grafiki bitmapowej. Oto ich lista:
u 16516f55q 16516f55q Kliknij przycisk Stop znajdujący się w pasku stanu, jak wspomniano wyżej.
u 16516f55q 16516f55q Wybierz z menu polecenie Modify Exit Bitmap Mode lub użyj skrótu klawiaturowego Ctrl+Shift+E Command+Shift+E
u 16516f55q 16516f55q Jeśli obwódka wskazująca tryb bitmapowy otacza jedynie obiekt bitmapowy (a nie całe okno dokumentu), umieszczenie kursora poza tym obiektem, sprawi, że jego ikona zostanie zamieniona na znak Stop. Kliknij wówczas myszą, aby opuścić tryb edycji grafiki bitmapowej.
Rysunek 6.1. Fireworks na wiele sposobów informuje użytkownika o pracy w trybie edycji grafiki bitmapowej. Zwróć uwagę na etykietkę opisującą działanie przycisku Stop |
|
Document ... message - Komunikat w pasku tytułowym dokumentu
Striped border - Obwódka
Active Stop Button - Aktywny przycisk Stop
Stop buttom tooltip - Etykietka przycisku Stop
Object ... message - Komunikat w pasku tytułowym palety Object
u 16516f55q 16516f55q Jeśli obwódka wskazująca tryb edycji grafiki bitmapowej otacza całe okno dokumentu, wybierz jedno z narzędzi selekcji (Marquee - Prostokątne zaznaczenie, Oval Marquee - Owalne zaznaczenie, Lasso Polygon Lasso - Wielokątne lasso lub Magic Wand - Magiczna różdżka) i kliknij dwukrotnie poza obiektem.
Aby określić, czy obwódka ma otaczać jedynie obiekt bitmapowy, czy też całe okno dokumentu:
16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 1. Wybierz z menu polecenie File Preferences
16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 2. Kliknij zakładkę Editing w oknie dialogowym Preferences
16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 3. Usuń zaznaczenie opcji Expand to Fill Document znajdującej się w sekcji When Editing Bitmaps
16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 4. Kliknij przycisk OK
Zmiany zostaną uwzględnione natychmiast.
Dlaczego miałbyś chcieć, aby obwódka wskazująca tryb edycji grafiki bitmapowej otaczała więcej niż tylko samą bitmapę? Jest to wygodne, gdyż często zdarza się, że trzeba zwiększyć obszar bitmapy podczas edycji, aby na przykład rozmyć jej krawędzie lub stworzyć nieregularny kształt. Jeśli obwódka będzie dokładnie przylegała do krawędzi grafiki bitmapowej, nie zostanie uwzględnione miejsce na jakiekolwiek rozszerzenie. Po włączeniu opcji Expand to Fill Document, do dyspozycji pozostanie Ci wiele miejsca w obszarze roboczym, a nadal będziesz edytował tylko jeden obiekt bitmapowy.
Bardzo przydatne są trzy inne opcje When Editing Bitmaps znajdujące się w palecie Editing okna preferencji Fireworks. Poniższe preferencje są zaznaczone zgodnie z ustawieniem domyślnym:
1. 16516f55q Open in Bitmap Mode (Otwórz w trybie edycji grafiki bitmapowej) mówi Fireworks, aby po otwarciu dokumentu nie zawierającego żadnych ścieżek wektorowych (chodzi tu o pojedynczy obrazek), automatycznie przeszedł w tryb edycji grafiki bitmapowej. Jeśli chcesz, możesz usunąć zaznaczenie tej opcji, wtedy zawsze będziesz rozpoczynać pracę w trybie edycji grafiki wektorowej. Aby zmiany zostały uwzględnione, musisz ponownie uruchomić Fireworks.
2. 16516f55q Turn Off Hide Edges (Wyłącz ukrywanie krawędzi) anuluje polecenie View Hide Edges podczas przechodzenia z trybu wektorowego do bitmapowego. Ułatwia to odnalezienie wybranego obiektu, ale jeżeli krawędzie przeszkadzają Ci, możesz usunąć zaznaczenie z tego pola. Zmiana zostanie natychmiast uwzględniona.
3. 16516f55q Display Striped Border (Wyświetl obwódkę) mówi Fireworks, aby narysował obwódkę wokół obszaru roboczego podczas pracy w trybie edycji grafiki bitmapowej. Zmiana zostanie natychmiast uwzględniona.
Na pewno słyszałeś kiedyś powiedzenie - sukces w jednym procencie składa się z inspiracji i w dziewięćdziesięciu dziewięciu procentach z wylanego potu. W grafice internetowej powiedzenie to uległo nieznacznej zmianie: projektowanie dla Internetu opiera się w dwudziestu procentach na tworzeniu i w osiemdziesięciu na modyfikowaniu. Są to oczywiście moje przybliżone obliczenia, ale ogólnie zawsze spędzam większość dnia na modyfikowaniu grafiki stworzonej wcześniej przeze mnie lub innego projektanta.
Fireworks oferuje wiele metod otwierania istniejących bitmap i obsługuje wiele formatów grafiki bitmapowej. Coraz częściej większość pracy zapisywana jest w źródłowym formacie Fireworks - PNG, który umożliwia edycję zarówno grafiki wektorowej, jak i bitmapowej. Wiele razy byłem jednak zmuszony do wykorzystania w swoich pracach obrazków bitmapowych tworzonych za pomocą innych aplikacji, takich jak Photoshop.
Jak większość programów komputerowych Fireworks ładuje obrazki i inne pliki za pomocą polecenia File Open. Wyświetla ono okno dialogowe Open (rysunek 6.2), które umożliwia podgląd wielu formatów plików: PNG, TIFF, PSD (Photoshop), FreeHand, GIF, JPEG i innych. Można wybrać wiele plików jednocześnie, naciskając klawisz Shift lub Ctrl Command) podczas klikania nazw plików. W oknie Open znajduje się także bardzo przydatna funkcja Open as Animation (Otwórz jako animację), umożliwiająca tworzenie animacji składających się z wielu plików rozłożonych na różne klatki dokumentu. Aby uaktywnić pole Open as Animation, należy wybrać przynajmniej dwa pliki.
|
Więcej informacji o korzystaniu z polecenia Open oraz ładowaniu plików znajdziesz w rozdziale 14. |
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Rysunek 6.2. Za pomocą opcji Open as Animation możesz tworzyć w Fireworks animacje składające się z sekwencji wielu plików |
|
Fireworks oferuje cztery metody interpolacji (rysunek 6.3):
Interpolation ... list - Lista metod interpolacji u 16516f55q 16516f55q Bicubic (Dwusześcienna). W interpolacji dwusześciennej, Fireworks do utworzenia każdego piksela wykorzystuje średnią wartości ośmiu otaczających go pikseli znajdujących się u dołu, u góry, po lewej, po prawej i we wszystkich narożnikach. Ta metoda skalowania daje najlepsze rezultaty w prawie każdych warunkach i jest zalecana dla większości obrazków. u 16516f55q 16516f55q Bilinear (Dwuliniowa). Metoda podobna do dwusześciennej, ale używa tylko czterech (dolny, górny, lewy i prawy) zamiast ośmiu sąsiednich pikseli. u 16516f55q 16516f55q Nearest Neighbor (Najbliższy sąsiad). Algorytm "najbliższy sąsiad" przy interpolacji nowych pikseli kopiuje piksele sąsiednie. W efekcie powstają obrazki z tzw. mozaiką, czyli widocznymi gołym okiem pikselami. u 16516f55q 16516f55q Soft (Miękka). Metoda miękkiej interpolacji była używana już w pierwszej wersji Fireworks. Przy zmniejszaniu obrazków powoduje ona ich rozmywanie. Metoda Soft jest dobrym wyborem w przypadku obrazków, które przy skalowaniu z wykorzystaniem innych metod interpolacji powodują generowanie niepożądanych efektów. W większości przypadków wykorzystuję dwusześcienną metodę interpolacji. Na metodę dwuliniową i miękką decyduję się jedynie w niektórych przypadkach, zwykle gdy wykorzystuję tekst o małych rozmiarach. Nie znajduję zbyt wielu zastosowań dla mozaiki tworzonej przy skalowaniu obrazków z wykorzystaniem metody Nearest Neighbor (Najbliższy sąsiad). Najlepszym sposobem na poznanie działania poszczególnych metod interpolacji jest eksperymentowanie. Umieszczanie bitmapy w dokumencieBardzo ważnym narzędziem wykorzystywanym w projektowaniu dla Internetu jest kolaż, czyli połączenie różnych obrazków i innych elementów graficznych. Nieważne, czy chcesz, aby obrazki zachodziły na siebie, czy też były rozmieszczane jeden obok drugiego, polecenie Insert Image (Wstaw obrazek) umożliwia wstawianie istniejących obiektów w dowolne miejsca otwartego dokumentu. Aby wstawić bitmapę do dokumentu: 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 1. Wybierz z menu polecenie Insert Image lub użyj skrótu klawiaturowego Ctrl+R Command+R). Fireworks wyświetli okno dialogowe Import 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 2. Odszukaj obrazek, zaznacz go i kliknij przycisk Open. Ikona kursora zostanie zamieniona na kątownik. 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 16516f55q 3. Umieść kursor Import w miejscu, w którym powinien zostać umieszczony lewy górny róg wstawianego obrazka i kliknij. Obrazek zostanie umieszczony w dokumencie jako nowy obiekt bitmapowy i zaznaczony. Jeśli chciałbyś zmienić położenie wstawionego obrazka, wybierz narzędzie Pointer, a następnie kliknij i przeciągnij obrazek na nowe miejsce. Precyzyjne przesuwanie obiektów o jeden piksel w dowolnym kierunku można wykonywać za pomocą klawiszy strzałek.
Umieszczanie pustych bitmapDo tej pory dowiedziałeś się, że Fireworks potrafi otwierać pliki z grafiką bitmapową zapisaną w wielu różnych formatach. Co jednak zrobić, gdy zechcesz w Fireworks utworzyć zupełnie nowy obrazek bitmapowy? Obiekty składające się ze ścieżek wektorowych są dużo wygodniejsze w edycji, ale niektóre zadania można wykonać jedynie poprzez zastosowanie grafiki bitmapowej. W takich sytuacjach możesz wykorzystać funkcję Fireworks umożliwiającą tworzenie obszarów edycji obrazków bitmapowych. Wybierz z menu polecenie Insert Empty Bitmap
Po wstawieniu pustej bitmapy, Fireworks automatycznie przejdzie w tryb edycji grafiki bitmapowej i uaktywni narzędzie Marquee (Zaznaczenie prostokątne). Jeżeli chcesz ograniczyć obszar rysowania, obejmij narzędziem Marquee prostokątny fragment obrazka. Wszystkie narzędzia będą wówczas działały tylko w wyselekcjonowanym obszarze. W przeciwnym przypadku, przejdź od razu do tworzenia bitmapy za pomocą dowolnego dostępnego narzędzia. Po wyjściu z trybu edycji grafiki bitmapowej, utworzony obrazek zostanie przeskalowany do wymiarów wystarczających, aby pomieścić wszystkie zastosowane piksele. Taki automatycznie przycięty obiekt bitmapowy może być oczywiście dowolnie przemieszczany i modyfikowany jak każdy inny obiekt graficzny Fireworks. Stosowanie narzędzi bitmapowychFireworks posiada prawie tyle samo (sześć) narzędzi przeznaczonych do pracy z obrazkami bitmapowymi, co narzędzi do pracy z obiektami wektorowymi (siedem). Ogromna większość ich może pracować w obu trybach; niektóre tak samo, inne w nieco różny sposób. Oczywiście wiedza na temat dostępnych narzędzi i ich jak najlepszego wykorzystania pomoże Ci lepiej zorganizować pracę i proces tworzenia. W tym rozdziale opisane zostaną narzędzia dostosowane do pracy jedynie w trybie edycji grafiki bitmapowej. Narzędzia bitmapowe przeznaczone są głównie do wykonywania selekcji. Ma to swoje uzasadnienie. O wiele trudniej jest zaznaczać piksele niż ścieżki. Nawet najbardziej skomplikowana ścieżka wektorowa może zostać zaznaczona za pomocą jednego kliknięcia myszą. Piksele mogą być zaznaczane względem ich położenia za pomocą narzędzi, takich jak Marquee (Zaznaczenie prostokątne) lub względem kolorów przez użycie Magic Wand (Magiczna różdżka). Bardzo często będziesz musiał skorzystać z kombinacji obu typów narzędzi i metod, aby osiągnąć pożądane rezultaty. Na szczęście Fireworks oferuje pełen zakres narzędzi selekcji: Pointer (Wskaźnik), Marquee (Prostokątne zaznaczenie), Oval Marquee (Owalne zaznaczenie), Lasso Polygon Lasso (Wielokątne lasso) i Magic Wand (Magiczna różdżka). Każde z nich pracuje w inny sposób i posiada opcje, które mogą być definiowane przez użytkownika. Narzędzie Pointer (Wskaźnik)Choć praktycznie narzędzie Pointer powinno zostać opisane jako narzędzie pracujące w obu trybach edycji, z prostego powodu postanowiłem opisać je właśnie w tym miejscu. Dwukrotne kliknięcie wskaźnikiem obrazka bitmapowego jest jedną z najszybszych i najbardziej intuicyjnych metod uruchamiania trybu edycji grafiki bitmapowej. Wskaźnik można wykorzystywać także do zmiany położenia obiektów bitmapowych w trybie edycji grafiki bitmapowej. Wystarczy w tym celu kliknąć w dowolnym miejscu obiektu i przeciągnąć go w nowe miejsce (rysunek 6.4). Należy tylko upewnić się, że żadne piksele nie są aktywne.
|