Witamy w Fireworks

W tym rozdziale:

u         "Filozofia" Fireworks.

u         Łączenie grafiki wektorowej i bitmapowej.

u         Integracja grafiki z istniejącymi obrazkami.

u         Integracja z Internetem.

u         Zarządzanie środowiskiem pracy.

u         Nowe i poprawione funkcje Fireworks 4.

Każdego roku, czwartego lipca siedzimy z przyjaciółmi i rodziną na dachu domu są­sia­­dów i obserwujemy sztuczne ognie eksplodujące nad Manhattanem. Podobne grupy ob­ser­wa­to­rów znajdują się wówczas na dachach prawie wszystkich budynków w oko­licy. Z każdej stro­ny rozlegają się "ochy" i "achy" w odpowiedzi na spektakularne pokazy świe­t­lne. Nie­które wzory tworzone na niebie wydają się znajome, inne widzi­my po raz pierwszy.

Internet to globalny, trwający 24 godziny na dobę, pokaz fajerwerków. Grafika znaj­du­ją­ca się na stronach internetowych eksploduje swoją błyskotliwością, intensywnością i mno­gością znaczeń. Każdy może ją oglądać z własnej perspektywy. Internet to nowe uni­katowe medium, które jednocześnie uczy i bawi. Jest to również nadzwyczaj aktyw­ne medium. Każdego dnia pojawiają się w nim tysiące nowych i zaktualizowanych stron WWW. Oprócz tekstu, strony internetowe pełne są grafiki: wszystkich typów obraz­ków, ilustracji, logo, symboli i ikon. Niektóre obrazy są statyczne, inne animowane, a jesz­cze inne - interaktywne. Projektowanie zdecydowanie wkroczyło na zupełnie no­we obszary.

Aby wnieść swój wkład w działalność nowego medium, niezbędne jest posiadanie no­wych narzędzi. Internet jest medium opartym na wyświetlaniu informacji na ekranie, a nie na druku i dlatego też działa na własnych zasadach. Programy graficzne zorien­to­wa­ne na druk są wzbogacane o nowe narzędzia umożliwiające tworzenie grafiki inter­ne­towej, ale wystąpiła potrzeba stworzenia zupełnie nowego narzędzia, które dałoby


pro­jektantom internetowym wszystkie potrzebne funkcje i pozwoliło pracować jed­no­cześ­nie wydajnie i kreatywnie. Narzędzie zdolne tworzyć wspaniałą grafikę i na tyle potężne, aby mogłoby rozjaśnić noc.

Więc powstał program Fireworks.

Fireworks
- pakiet graficzny nowej generacji

Fireworks firmy Macromedia to program do tworzenia grafiki dla Internetu. Jako pakiet gra­ficzny nowej generacji, Fireworks zdecydowanie odróżnia się od wcześniej pow­sta­łych programów graficznych. Mimo że wiele funkcji Fireworks działa podobnie, jak w in­nych programach graficznych, jest on aplikacją nastawioną na tworzenie grafiki in­ter­netowej i posiada wiele innowacyjnych możliwości.

Fireworks został stworzony od początku do końca pod kątem Internetu. Przed wypro­du­ko­waniem Fireworks, Macromedia przeanalizowała metody pracy grafików i stwier­dzi­ła, że większ 13213w227n ość z nich w dążeniu do celu wykorzystuje wiele różnych narzędzi. Zarysy pro­jektów powstają przeważnie w programach wektorowych, takich jak FreeHand lub Adobe Illu­stra­tor. Grafiki wektorowe jednak nie mogą być obsługiwane w Internecie, dlatego też ilu­stracje muszą być następnie importowane do programów bitmapowych, takich jak Pho­toshop lub Corel PhotoPaint. W programach bitmapowych trzeba mozolnie stwo­rzyć wszystkie po­trze­bne efekty, na przykład wytłoczenia krawędzi i połączyć tekst z obraz­kiem, zanim gra­fi­kę będzie można wyeksportować do programu służącego do op­tymalizacji. Aplikacja optymalizująca, na przykład Debabelizer, musi tak prze­kształ­cić grafikę, by używała jedy­nie kolorów bez­pie­cznych dla Internetu i jej plik miał jak naj­mniejszy rozmiar fizyczny, aby mogła był szybko wyświetlana nawet u użytkow­ni­ków posiadających mało wydajne połą­cze­nie z Inter­ne­tem. Kolejne elementy integracji Fire­works z Internetem to: łącza do adre­sów URL, mapy obrazków, obrazki reagujące na na­jechanie kursorem (ang. rollovers), obrazki podzielone na fragmenty (ang. slices) i wie­le innych. Pozwala to na wyelimi­no­wa­nie potrzeby stosowania wielu specjali­sty­cznych programów. Dodatkowo wielu projek­tan­tów grafiki dla Internetu zmu­szonych jest nauczyć się języka HTML i JavaScript. Program komputerowy nie jest w stanie wy­ko­nać wszystkich określonych zadań i wiele z nich trzeba wykonać ręcznie. Oprócz ko­niecz­ności opanowania wszystkich tych osob­nych programów, występuje też kolejny pro­blem: edycja obrazka. Jeśli klient zasugeruje wprowadzenie zmian (a klienci zawsze chcą zmian!), cała grafika musi zostać stworzona od nowa.

Połączenie najlepszych możliwości

Fireworks oferuje rewolucyjne metody pracy z grafiką bitmapową. łączy najlepsze funk­cje wielu różnych programów:

u         Narzędzia wektorowe służące do tworzenia projektu grafiki i jej edytowania.

u         Proste, ale spektakularne efekty specjalne.

u         Wyszukane narzędzia do edycji grafiki bitmapowej umożliwiające pracę z ist­nie­jącą grafiką i skanowanymi obrazkami.

u         Narzędzia optymalizacji grafiki pod kątem standardów internetowych umo­żli­wia­jące porównanie różnych ustawień, co pozwala na wybranie obrazka, który naj­lepiej wygląda i ma najmniejszy rozmiar.

u         Przypisywanie elementom graficznym funkcji opisanych za pomocą kodu HTML lub JavaScript.

Najlepsze jest jednak to, że praktycznie każdy element grafiki tworzonej w Fireworks mo­że być w dowolnej chwili modyfikowany. Możliwość ta pozwala nie tylko zao­szczę­dzić mnóstwo czasu, ale także podnieść wydajność pracy (a Internet jest medium wy­ma­gającym nadzwyczaj wielu materiałów i ciągłej troski o ich aktualność). Przez cały czas przybywa wiele nowych witryn WWW, a istniejące wymagają nieustannej aktu­ali­za­cji. Obiektowa natura Fireworks - każdy element może być w dowolnej chwili mody­fi­kowany - nadąża za potrzebami projektantów grafiki internetowej.

Wydajne tworzenie grafiki wektorowej

Jeśli wcześnie tworzyłeś grafikę przeznaczoną do druku i pracowałeś z programami, ta­ki­mi jak Adobe Photoshop, najpierw będziesz musiał poznać podstawowe funkcje Fire­works. Po pierwsze - musisz uświadomić sobie, że Fireworks nie jest programem słu­żą­cym do edycji grafiki bitmapowej, choć posiada doskonałe narzędzia umożliwiające edycję ob­razków. Zasadniczo Fireworks jest programem wektorowym, pozwalającym na two­rze­nie realistycznych obrazków bitmapowych. Jak już zrozumiesz, na czym polega two­rze­nie wektorów (dowiesz się, że ścieżki wektorowe są dużo bardziej elastyczne niż bit­ma­py) i sto­sowanie do nich bitmapowych obrysów oraz wypełnień, nie zechcesz powrócić do wcześ­niej wykorzystywanych programów.

Orientacja na wyświetlanie

Fireworks, jako program do tworzenia grafiki internetowej, jest zorientowany na pro­duk­cję grafiki, która będzie wyświetlana na ekranie, nie drukowana. Rozdzielczość obraz­ka wyświetlanego na ekranie jest zazwyczaj mniejsza niż rozdzielczość tego sa­me­go obrazka w druku. Obrazki są przeważnie tworzone i zapisywane w ich rzeczywistych roz­miarach; technika polegająca na pracy z dużymi obrazkami zawierającymi więcej szcze­gółów i późniejsza redukcja ich rozmiarów nie zdaje egzaminu w Fireworks. Dzia­ła­nie takie daje wręcz odwrotne rezultaty, gdyż powoduje utratę wielu szczegółów ob­raz­ka. Możesz jednak powiększyć obrazek (nawet do 6400 procent) i wówczas dokonać edy­cji jego szczegółów. Pamiętaj jedynie o tym, że w przeglądarkach internetowych obrazki są wyświetlane w swoich naturalnych rozmiarach.

Integracja z Internetem

Kolejna rzecz która sprawia, że program jest idealnym rozwiązaniem dla użytkowników ra­czkujących w Sieci: Fireworks jest zorientowany nie tylko na grafikę ekranową, ale na grafikę internetową. Wiele funkcji Fireworks jest dostosowanych do reguł panu­ją­cych w Internecie, takich jak minimalne rozmiary fizyczne plików, ograniczenia licz­by ko­lorów i możliwości większości przeglądarek internetowych. Fireworks w pełni res­pe­k­tuje wady i zalety środowiska, jakim jest Internet i, przy odpowiednim wyko­rzys­ta­niu, pomaga projektować grafikę respektującą ograniczenia przeglądarek i zaso­bów in­ter­netowych.

Piksele i ścieżki: Wszystko, co najlepsze

Mimo że Internet jest medium opartym na wyświetlaniu grafiki bitmapowej, wektory (zwa­ne również ścieżkami) są dużo łatwiejsze do kontroli i edycji. Najlepszą moż­li­woś­cią Fireworks jest tworzenie ścieżek, choć oferuje on również wiele opcji służących do pracy z grafiką opartą na pikselach. Swobodne przełączanie programu pomiędzy try­ba­mi pracy z pikselami i ścieżkami sprawia, że Fireworks jest doskonałym narzędziem do pracy z obydwoma rodzajami grafiki.

Oddzielne elementy graficzne są traktowane przez program jako niezależne obiekty, któ­re mogą być łatwo przekształcane, rozmieszczane i wyrównywane. Dwa główne typy obiektów, z którymi będziemy pracować w Fireworks to obiekty wektorowe i obiekty bitmapowe. Zorientowanie na pra­cę z obiektami jest nadzwyczaj przydatne w procesie produkcji. Na przykład prosty wektor, definiujący kontur przycisku, może być szybko duplikowany i rozmieszczany, co pozwala na stworzenie paska nawigacyjnego zawierającego wiele takich samych przy­cisków z odróżniającymi je etykietami tekstowymi. Do stworzenia obiektów przed­sta­wionych na rysunku 1.1 wykorzystane zostały jedynie trzy obiekty wektorowe.

Używanie narzędzi wektorowych z bitmapami

Fireworks zapewnia jeszcze większą elastyczność, zachowując podział pomiędzy obry­sem, wypełnieniem i efektami zastosowanymi do tego samego obiektu. Daje to projek­tan­tom prawie nieograniczone możliwości manipulowania grafiką z jednoczesnym utrzy­ma­niem jej podziału na oddzielne, edytowalne obiekty. Jeśli klientowi bardzo po­do­ba się po­ma­rańczowy blask otaczający przycisk, ale zechce, aby tekst przycisku zos­tał wy­środ­kowany, a nie wyrównany do jego prawej krawędzi, wykonanie tego w Fire­works nie będzie stanowiło problemu. Możliwość zmiany jednego z elementów grafiki, bez konie­czności tworzenia jej całej od początku, to jedna z najlepszych funkcji Fire­works.

Choć w procesie tworzenia struktury grafiki w Fireworks wykorzystywane są obiekty wek­torowe, wszystkie pozostałe elementy tej struktury (obrysy, wypełnienia i efekty) są two­rzone z pikseli (rysunek 1.2).

		Więcej informacji o obrysach znajdziesz w rozdziale 8. Jeśli chcesz do­wiedzieć się czegoś więcej o wypełnieniach, zajrzyj do rozdziału 11.
	Rysunek 1.1. Podczas tworzenia i modyfikowania grafiki w Fireworks można w prosty sposób wielokrotnie wykorzystywać te same ścieżki wektorowe
	Rysunek 1.2. Bez określenia obrysu, wypełnienia lub efektu doskonale widoczne są ścieżki wektorowe (po lewej).Jednak po zastosowaniu obrysu i (lub) wypełnienia i (lub) efektu, można skorzystać z powiększenia i zobaczyć, że widzialne elementy w Fireworks są wyświetlane za pomocą pikseli (po prawej).				Rysunek 1.3. Fireworks po każdej zmianie kształtu obiektu ponownie przelicza i stosuje wypełnienie, obrys i inne jego właściwości Zgodność bitmap Jako narzędzie graficzne nowej generacji, Fireworks pozwala na wykorzystywanie ob­raz­ków tworzonych we wcześniejszych programach. Wykorzystując szeroki wachlarz fil­trów importu, w Fireworks można otwierać i edytować pliki tworzone w programach Pho­toshop, CorelDraw, FreeHand i wielu innych. Fireworks oferuje kompletny zestaw na­rzędzi selekcji używanych w pracy z bitmapami: zaznaczenie prostokątne, lasso i różdżkę oraz narzędzia służące do malowania, takie jak ołówek i gumka. Bardzo ważnym elementem każdego programu do tworzenia grafiki bitmapowej są fil­try i Fi­reworks nie odstaje pod tym względem od swoich konkurentów. Oprócz wielu wbu­do­wa­nych filtrów, takich jak Gaussian Blur (Rozmycie gaussowskie), Invert (Od­wrot­ność) i Sharpen (Wyostrzenie), Fireworks umożliwia wykorzystanie filtrów zgod­nych z Photosho­pem. W rezultacie, w Fireworks działają wszystkie plug-iny obsługujące stan­dardy Pho­to­sho­pa, na przykład Kai's Power Tools i Eye Candy firmy Alien Skin oraz rozszerzenia Xenofex. Do Fireworks 4 dołączana jest nawet wersja LE (Limited Edition) pakietu Eye Candy, za­wierająca trzy filtry, m. in. filtr Motion Trail (Poruszenie) (rysunek 1.4). Co wię­cej, w prosty sposób można dołączać wszystkie rozszerzenia różnych firm, które są wy­korzystywane w Pho­to­shopie. Wystarczy w tym celu zmienić pojedyncze ustawienie w preferencjach programu. Chcesz dowiedzieć się więcej o wykorzystywaniu zewnętrznych filtrów w Fireworks? Zajrzyj do rozdziału 12.   Efekty Jednym z największych wyzwań dla projektanta grafiki komputerowej jest stosowanie efek­tów specjalnych, na przykład fazowanie krawędzi czy rzucanie cieni. Fireworks za­stę­puje skomplikowaną pracę z warstwami i maskami mechanizmem nazywanym Live Effects Live Effects pozwala na bardzo łatwe modyfikacje parametrów poszczególnych efek­tów, takich jak Inner Bevel (Faza wewnętrzna), Outer Bevel (Faza zewnętrzna), Drop Shadow (Cień zewnętrzny) czy Emboss (Wytłoczenie). Rysunek 1.4. Do Fireworks 4 dołączany jest filtr Motion Trail, będący częścią pakietu Eye Candy LE Efekty te nie tylko można bardzo łatwo tworzyć w Fireworks, ale automatycznie dosto­so­wują się one do dowolnych zmian obiektów. Stąd ich nazwa - Live Effects (w wol­nym tłumaczeniu "żywe efekty"). Funkcja ta jest bardzo przydatna przy modyfikowaniu gra­fiki i pozwala znacznie zwiększyć wydajność pracy. Możesz nawet przetwarzać wsa­do­wo większe ilości plików. Gdy zredukujesz ich rozmiary, efekty zostaną również auto­matycznie przeskalowane i ponownie zastosowane. Oprócz wbudowanego modułu filtrów Live Effects, w Fireworks 4 można wykorzystywać tak­że filtry zgodne z Photoshopem, które możesz instalować jako rozszerzenia (Xtras). Fil­try te są wyświetlane w palecie Effect, co przedstawiono na rys. 1.5, i są tak samo "żywe", jak każdy inny filtr z gru­py Live Effects. Innymi słowy, dopóki wektorowy obiekt jest edytowalny, za­sto­so­wa­ne do niego efekty również mogą być w dowolnej chwili edytowane, usuwane lub usta­wiane w innej kolejności. Co więcej, kombinacje efektów można zapisać pod włas­ną nazwą i wykorzystywać w przyszłości do innych obiektów. Więcej informacji o Live Effects znajdziesz w rozdziale 12.   Style Style pozwalają na zachowanie spójnego wyglądu wielu różnych obiektów wy­ko­rzys­ty­wa­nych w jednym projekcie. Style Fireworks mogą zawierać ustawienia obrysów, efek­tów a nawet tekstu. Projektanci stron WWW mogą je wykorzystywać w celu zapew­nie­nia spój­nego wyglądu całej witryny internetowej. Dodatkowo style mogą być ekspor­to­wa­ne jako pliki. Funkcję tę można stosować do utworzenia stylów grafiki internetowej, któ­re będą mogły być wykorzystywane przez pozostałych projektantów pracujących nad grafiką przeznaczoną do zastosowania w tej samej witrynie WWW. Rysunek 1.5. Paleta Effect pozwala na stosowanie, usuwanie i zmianę kolejności efektów Live Effects, jak również filtrów zgodnych z Photoshop, umożliwiając zarazem edytowanie wszystkich ustawień Style są także sposobem na szybkie nadawanie różnych wyglądów pojedynczym obiek­tom. Możesz łatwo zastosować do obiektu zestaw różnych ustawień (rysunek 1.6). Rysunek 1.6. Podstawowy kształt geometryczny (po lewej) przybiera nową formę po zastosowaniu stylów (w środku i po prawej) Oprócz stylów znajdujących się standardowo w palecie Styles, Macromedia oferuje wiele do­datkowych, predefiniowanych stylów. Możesz je znaleźć na płycie instalacyjnej Fire­works lub w Internecie, pod adresem: https://www.macromedia.com/software/fireworks/download/styles. Style pozwalają na zaoszczędzenie mnóstwa czasu i pracy. Przeko­nasz się o tym, czytając rozdział 16.   Animacja Zanim pojawił się Fireworks, każdy projektant grafiki internetowej musiał mieć w swo­im zestawie narzędzie do tworzenia animowanych GIF-ów (Graphics Interchange For­mat), wy­korzystywanych w budowaniu bannerów reklamowych. Teraz nie są Ci już po­trzeb­ne żadne oddzielne programy. Fireworks umożliwia tworzenie, wyświetlanie i ekspor­to­wanie animowanych GIF-ów w dowolnych rozmiarach i kształtach. Oczywiście w pro­ce­sie two­rzenia animacji masz możliwość wykorzystywania wszystkich narzędzi, za­rów­no bit­mapowych, jak i wektorowych. Każdy obiekt Fireworks może zostać zamieniony na symbol, który zostanie umie­szczo­ny w bibliotece (Library). Kopie symboli nazywane są w języku angielskim "instances". Z wielu instancji moż­na utworzyć animowaną sekwencję. Tworzysz obiekt początkowy i końcowy, a Fireworks wy­znacza wszystkie etapy pośrednie. W sekwencjonowaniu (ang. tweening) można wy­ko­rzystywać zmiany położenia lub innych ustawień obiektu. Możesz na przykład stwo­rzyć efekt znikającego obiektu poprzez sekwencjonowanie pomiędzy dwiema jego instan­cjami: nieprzezroczystą i przezroczystą. Oprócz typowej animacji klatka po klatce, Fireworks oferuje również specjalne animowane symbole, o właściwościach umożliwiających stałą edycję, dzięki czemu tworzenie i edytowanie animacji w Fireworks jest naprawdę łatwe (patrz rys. 1.7). Rysunek 1.7. Łatwo jest stworzyć podobny symbol pojedynczej animacji, na który składa się szereg ujęć wstawionych automatycznie do dokumentu programu Fireworks Animacje są integralną częścią grafiki internetowej. Więcej informacji na ich temat znajdziesz w części VI.   Integracja z Internetem Jak nazwałbyś program komputerowy, który daje większe możliwości niż sama produk­cja grafiki? Nazwałbym to wielką innowacją. Na zewnątrz, strony internetowe to kom­po­zycje tekstu i obrazu, ale za wszystko to odpowiada ich kod. Fireworks potrafi łączyć obraz­ki przeznaczone do wykorzystania na stronie WWW z kodem HTML i JavaScript i tworzyć mapy obrazków, podzielone obrazki, przyciski reagujące na najechanie kur­so­rem i wiele innych. Program daje nawet możliwość wyboru rodzaju stylu kodu, w za­leż­noś­ci od wykorzystywanego przez Ciebie programu służącego do projektowania stron. Fireworks jest w pełni zintegrowany z Internetem. Każdy z jego elementów, od narzędzia pozwalającego próbkować kolory bezpieczne dla przeglądarek po optymalizację eksportu, respektuje re­guły panujące w Internecie. Nawet funkcje powszechnie spotykane także w innych pro­gramach, zostały w Fireworks ponownie zaprojektowane z myślą o ich zastosowaniu w sieci. Na przykład nieoceniona dla projektantów grafiki jest możliwość jej wydruko­wa­nia. W Fireworks możesz wydrukować grafikę tak jak będzie ona wyglądała w sieci lub w wyższej rozdzielczości - Twój wybór. Aktywne obszary i plastry Aktywne obszary (hotspots) i plastry (slices) to elementy bardzo często wykorzysty­wa­ne w projektowaniu grafiki internetowej. Zanim pojawił się Fireworks, projektanci musieli je tworzyć za pomocą dodatkowych narzędzi lub męczyć się i wszystko robić ręcznie. Ob­szar aktywny to część mapy obrazka umieszczonej na stronie WWW, któ­ra jest defi­nio­wana za pomocą współrzędnych x i y (czyli elementów niestosowanych na co dzień przez artystów). Fireworks pozwala na rysowanie aktywnych obszarów tak samo, jak każ­dego innego obiektu i wykona za Ciebie wszystkie niezbędne obli­czenia mate­matyczne. Plaster to termin określający fragment większego obrazka, który został "pokrojony" na mniej­sze części. Pozwala to na szybsze ładowanie obrazka lub dołączenie do niego inter­aktywnych elementów. Poszczególne fragmenty obrazka są następnie łączone ze so­bą w tabeli zdefiniowanej w kodzie HTML. Jeśli wydaje Ci się, że wymaga to dużych na­kładów pracy, to masz rację - chyba, że wykorzystasz Fireworks. Krojenie obrazka po­lega na rysowaniu na nim poszczególnych plastrów (rysunek 1.8) i wyeksportowaniu ich jako jednej całości. Fireworks stworzy za Ciebie całą tabelę HTML. Oprócz tego, Fire­works pozwala także ustawiać różne parametry optymalizacji dla różnych plastrów. Przy­kładowo, jeden fragment obrazka może wyeksportować jako JPEG (Joint Pho­to­gra­phic Experts Group), zaś inny jako GIF (lub inny format graficzny zapewniający naj­wyż­szą jakość obrazka przy jak najmniejszym rozmiarze fizycznym pliku).   Rysunek 1.8. Narysuj plaster, a Fireworks potnie obrazek i wygeneruje kod HTML   Więcej informacji o możliwościach aktywnych obszarów i plastrów znaj­dziesz w rozdziale 20. Obrazki z behawiorami Projektantom stron WWW nie wystarczają już obrazy statyczne. Na każdej dobrej stro­nie internetowej powinny znajdować się interaktywne obrazki, czyli takie, które reagują na akcje użytkownika. Fireworks umożliwia tworzenie takich elementów za pomocą skryp­tów zwanych, podobnie jak w innych aplikacjach firmy Macromedia, beha­wio­ra­mi. Behawior to połączenie obrazka ze złożonym kodem HTML lub JavaScript. Przy sto­sowaniu behawiorów w Fireworks, program generuje cały kod za Ciebie. Behawiory Fireworks mogą na przykład wyświetlać komunikat, gdy użytkownik umieś­ci kur­sor nad określonym obrazkiem albo zmienić go na inny. Fireworks może nawet zmie­nić obrazek w jednym miejscu, gdy zostanie wybrana grafika znajdująca się gdzie in­dziej. Wspaniałą możliwością jest również to, że możesz określić, czy program ma eks­portować standardowy kod HTML, czy też zoptymalizowany pod kątem programu, w którym projektujesz strony WWW. Fireworks zawiera szablony kodów dla pro­gra­mów Macromedia Dreamweaver, Adobe GoLive i Microsoft FrontPage. Jeśli zajdzie taka potrzeba, możesz tworzyć tak­że własne szablony. Więcej informacji o behawiorach znajdziesz w rozdziale 21.   Optymalizacja pod kątem Internetu Dla wielu projektantów grafiki najważniejszą sprawą jest optymalizacja plików: jak stwo­rzyć dobrze wyglądającą grafikę z jednoczesnym utrzymaniem jak najmniejszych roz­miarów fizycznych plików? Fireworks 4 umożliwia porównanie rezultatów czterech róż­nych ustawień kompresji bezpośrednio w oknie dokumentu. Bardzo łatwo można spraw­dzić wygląd swojej pracy przed jej wyeksportowaniem. Wystarczy w tym celu klik­nąć jedną z zakładek podglądu znajdujących się w oknie dokumentu (rysunek 1.9). Paleta Optimize (Optymalizacja) zawiera zestaw różnych opcji eksportu po­trzeb­nych każdemu projektantowi grafiki internetowej i jest dostępna w dowolnym mo­men­cie pracy. Kolory mogą być edytowane, blokowane, przekształcane na bezpieczne dla prze­- Rysunek 1.9. Porównując obrazek oryginalny z wersją zoptymalizowaną, bezpośrednio w obszarze roboczym, szybko stworzysz obrazek o jak najlepszej jakości przy jednoczesnym utrzymaniu jak najmniejszego rozmiaru pliku glą­darki lub przezroczyste za pomocą jednego kliknięcia myszą w nowej palecie Color Table (Tabela kolorów). W Fireworks jest również paleta Frames (Klatki), umoż­li­wia­ją­ca kontrolowanie animacji. Aby uzyskać więcej informacji na temat eksportowania w Fireworks, zajrzyj do rozdziału 15.   Integracja z Dreamweaverem Micromedia Dreamweaver to doskonałe narzędzie do tworzenia stron WWW, teraz jeszcze lepiej zin­tegrowane z Fireworks 4. W menu Commands Dreamweavera znajdują się polecenia umo­żliwiające bezpośredni dostęp do funkcji Fireworks i pomagające w importowaniu ko­du HTML generowanego w Fireworks. Rozbudowane możliwości tworzenia włas­nych skryptów pozwalają nawet na sterowanie programem Fireworks z poziomu menu Commands Dreamweavera. Integracja ta odbywa się nie tylko w jedną stronę. Fireworks potrafi generować stan­dar­do­wy kod Dreamweavera lub szablony, które są umieszczane w bibliotece Dream­wea­vera i mogą być edytowane oraz zastosowywane z jego poziomu. Oba programy, w swoich wersjach 4.0, korzystają z tego samego interfejsu Micromedia Common User Interface. Informacje o tym, jak maksymalnie wykorzystywać możliwości inte­gra­cji Fireworks z Dreamweaverem znajdziesz w rozdziale 22. Narzędzia produkcyjne Mimo to, że Internet jest wielkim polem dla wyrażania swoich wizji artystycznych, two­rzenie grafiki internetowej stało się obecnie biznesem. Aby odnieść sukces na tym po­lu, potrzebne Ci będzie narzędzie umożliwiające wydajną produkcję. Doskonale spraw­dza się tutaj Fireworks 4. Za jego pomocą możesz tworzyć całe strony WWW, prze­skalowywać wszystkie obrazki znajdujące się w określonym katalogu lub po­je­dyn­cze obrazki czy też modyfikować tekst znajdujący się w wybranych grafikach na stro­nie. Automatyzacja Nic nie jest tak czasochłonne i nużące jak wykonywanie wciąż tych samych czynności. Jed­nak w produkcji na potrzeby Internetu zadania tego typu trafiają się dość często. Ta­kie same czynności trzeba niekiedy powtarzać wiele razy. Jako jedną ze swoich prostszych funkcji, paleta History daje możliwość cofania wy­ko­na­nych operacji, z możliwością dokładnego wskazania określonego etapu. Gdy przyj­rzysz się tej palecie nieco bliżej, zobaczysz że umożliwia ona również automatyzację pracy. Rysunek 1.10. Paleta History jest zarówno rozszerzeniem polecenia Undo, jak i narzędziem umożliwiającym nagrywanie poleceń Po wybraniu jednego lub grupy kroków w palecie History, możesz je przekształcić w po­­lecenie, które zostanie automatycznie umieszczone w menu Commands. Paleta History ma także inne zastosowania. Każdy wyko­na­ny krok jest reprezentowany za pomocą kodu JavaScript, który można skopiować do scho­w­ka, wkleić do dowolnego edytora tekstów i poddać edycji. Zerknij do rozdziału 19, w którym znajdziesz informacje o automa­ty­za­cji pracy w Fireworks. Kolejnym narzędziem pozwalającym zaoszczędzić mnóstwo czasu jest paleta Find and Re­place (Znajdź i zamień). Skąd takie narzędzie w programie graficznym? Jakie może mieć zastosowania? Otóż bardzo różne. Fireworks potrafi wyszukiwać i zastępować tekst, czcionki, kolory lub adresy URL w pojedynczych plikach lub ich całych zes­ta­wach. Co więcej, Fireworks umożliwia również wyszukiwanie kolorów niemożliwych do wyświetlenia przez przeglądarki i zamienianie ich na kolory z palety Web-Safe Wszystkie potrzebne informacje o przetwarzaniu wsadowym w Fire­works znajdziesz w rozdziale 18.   Nowości Fireworks 4 Jakby na to nie patrzeć, przejście z pierwszej na drugą wersję Fireworks był dość dużym skokiem. Fireworks 2 miał już rozbudowane narzędzia rysunkowe, poprawiony interfejs i zgod­ność z różnymi formatami grafiki wektorowej oraz bitmapowej. Twórcy Fireworks 3 sku­pili się bardziej na użytkowniku niż na samym programie. Nowe funkcje umo­żli­wia­ły pogląd w oknie dokumentu, korzystanie z Live Effects i automa­ty­zo­wa­nie najczęściej wykonywanych czynności. Tworząc Fireworks 4, firma Micromedia zajęła się dopracowaniem szczegółów i wprowadziła dojrzałe i poważne narzędzie do grafiki internetowej, dające wiele przyjemności w pracy. Każdy aspekt Fireworks został przeanalizowany, zbadany, oceniony i poprawiony. Interfejs użytkownika Poprawienie interfejsu użytkownika może przez niektórych nie zostać zakwalifikowane ja­ko nowa "funkcja", ale zmienia całkowicie metody codziennej pracy z programem. Znacz­ne ulepszenia, takie jak te wprowadzone w Fireworks 4, mają ogromny wpływ na po­prawę wydajności i sposób pracy. Ulepszenia interfejsu użytkownika to: u         Macromedia Common User Interface zapewnia podobny interfejs użytkownika dla różnych aplikacji Macromedia, jak Fireworks, Dreamweaver i Flash. u         Elementy interfejsu wyglądają teraz lepiej i nie rozpraszają uwagi w pracy nad grafiką. u         Drobny program wywołujący u dołu okna dokumentu ułatwia dostęp do często używanych palet. u         Takie same kontrolki okna dokumentu w wersji Fireworks dla Windows i dla Macintosha ułatwiają życie użytkownikom korzystającym z obu platform. u         Dostępne są skróty z klawiatury (przygotowane zestawy odpowiadają innym programom graficznym), które można dostosować w szerokim zakresie do własnych potrzeb. u         Fireworks umieszcza symbol gwiazdki w pasku tytułu dokumentu, w którym nie zapisano wprowadzonych zmian. u         Pojedyncze klatki mogą być nazywane, tak jak warstwy. u         Paleta Layers umożliwia łatwy dostęp do krycia i trybu mieszania oraz maskowania typu Photoshop. u         Miniaturki pojedynczych obiektów są pokazywane wraz z nowymi warstwami w palecie Layers u         Narzędzie Eyedropper jest aktywne natychmiast po otwarciu rozwijanego menu próbnika kolorów. Więcej informacji o zmianach w interfejsie użytkownika znajdziesz w ko­lejnych rozdziałach pierwszej części książki.   Tworzenie grafiki Wraz z każdą kolejną wersją, Fireworks staje się coraz większym i lepszym narzędziem słu­żącym do edycji grafiki wektorowej i bitmapowej. Wprowadzone poprawki to m.in.: u         Nowe narzędzie Rounded Rectangle u         Ulepszone narzędzie Pen (Pió­ro) dla lepszej edycji krzywych Béziera. u         Możliwość automatycznego łączenia dwóch ścieżek przez przeciągnięcie ich punktów końcowych, jeden na drugi. u         Możliwość zmiany rozmiaru obszaru roboczego (powiększenia lub pomniejszenia), aby pomieścił wszystkie obiekty, przy użyciu polecenia Fit Canvass. u         Możliwość przesunięcia obiektów tekstowych w obrębie obszaru roboczego, przy otwartym edytorze tekstu. u         Poprawiona edycja gradientów. u         Ulepszone efekty Emboss umożliwiające przedstawienie oryginalnych obiektów, jak i wytłoczeń. u         Color Fill Life Effect (wypełnienie kolorem) szybko zmienia kolor pikseli bez zmieniania ich na stałe. u         Narzędzie Pointer (wskaźnik) umożliwia edytowanie uchwytów wypełnienia gradientu, zamiast narzędzia Bucket u         Możliwość zmiany wyboru obwódek bez zmieniania pikseli, oraz możliwość zapisania i przywracania jednego wyboru obwódek. u         Kursory w rozmiarze pędzla, dla wskazania rozmiaru i kształtu końcówki pędzla. u         Możliwość przeciągania przez krawędź okna dokumentu w celu przewijania obszaru roboczego, aby podążał za naszym narzędziem. u         Panel informacyjny pokazujący obrót, przekrzywienie i wartość skali podczas pracy. u         Preferencje w zakresie wybierania i przeciągania kursora. u         Nowe symbole animacji ułatwiające tworzenie i edytowanie złożonych animacji. u         Nowe funkcje maskowania upraszczające tworzenie złożonych kanałów alfa. Współpraca z Internetem Gdy na rynku oprogramowania pojawił się Fireworks, jego możliwość generowania ko­du HTML była jak startująca rakieta. Teraz umożliwiają to także inne programy, ale Fire­works pozwala na lepszą integrację dwóch podstawowych elementów wykorzysty­wa­nych przez twórców stron WWW: grafiki i kodu HTML. Elementy wprowadzone w celu poprawy współpracy z Internetem to: u         Ikony docelowe na plastrach mogą być przeciągane na inne plastry w celu szybkiego stworzenia elementów reagujących na najechanie myszą (rollover) lub rozdzielnych elementów reagujących na najechanie myszą (disjointed rollover). u         Symbole przycisków nie muszą korzystać ze wspólnej warstwy. u         Plastry zachodzące na siebie są eksportowane zgodnie z ich porządkiem, co zmniejsza liczbę eksportowanych obrazków. u      Set Pop-up Menu Behaviour tworzy ciekawe menu rozwijane Web. Więcej informacji o integracji Fireworks z Internetem znajdziesz w części V.   Optymalizacja obrazków Dla wielu użytkowników optymalizacja obrazków jest najlepszą funkcją Fireworks. Uzy­skanie obrazka o najlepszej jakości i minimalnym rozmiarze pliku jest wszystkim, cze­go potrzebują. Fireworks 4 oferuje nowe metody zmniejszania rozmiarów plików i poz­wala na tworzenie grafiki w formatach używanych na wielu platformach. Elementy wprowadzone w celu ulepszenia optymalizacji obrazków to: u         Selektywna kompresja JPEG, co oznacza dwa ustawienia kompresji dla jednego eksportu JPEG. u         Eksport WBMP (Wireless BitMap). u         Aktualizacja HTML może aktualizować tylko obraz lub obraz i kod HTML. u         Uproszczony proces eksportowania przy użyciu ulepszonego okna dialogowego Export i wycofaniu polecenia Export Special u         Więcej opcji HTML Setup. Więcej informacji o wykorzystywaniu Fireworks jako narzędzia optyma­lizacji znajdziesz w rozdziale 15.   Zarządzanie środowiskiem pracy Zarządzanie środowiskiem pracy ponownie zostało potraktowane ze szczególną uwagą w Fireworks 4. Do importu plików Pho­toshopa dodany został eksport plików Photoshopa, co umożliwiło stworzenie działania w obie strony pomiędzy tymi dwoma programami. Elementy ułatwiające zarządzanie środowiskiem pracy to: u         Eksport plików Photoshopa. u         Import i eksport WBMP. u         Import obrazków EPS. u         Eksport do Macromedia Director. u         Większa integracja z Dreamweaverem u         Importowane obrazki animowane GIF konwertowane na symbole animacji. u         Znacznie ulepszone okno dialogowe Batch Process, upraszczające automatyzację. Wiele informacji na temat ulepszeń dotyczących zarządzania obsza­rem roboczym znajdziesz w części VI.   Podsumowanie Istnieje powiedzenie: "wybierz właściwe narzędzie do pracy", a Fireworks 4 zde­cy­do­wa­nie jest właściwym narzędziem do tworzenia grafiki internetowej. W większości przy­padków jest on narzędziem, które wystarczy Ci do wykonania wszystkich zadań: two­rzenia obrazków, edycji, optymalizacji i integracji grafiki z Internetem. W prze­szło­ści, każdy projektant witryn WWW musiał poznać wiele różnych programów, aby wy­ko­nać to samo zadanie, do którego teraz wystarczy mu Fireworks. Jeśli po raz pierwszy pra­cujesz w Fireworks, musisz pamiętać o kilku sprawach: u         Fireworks 4 zastępuje cały zestaw programów potrzebnych w przeszłości każ­de­mu projektantowi grafiki internetowej. Teraz, gdy projektant musi poznać tyl­ko jeden program, więcej czasu może poświęcić na właściwą pracę. u         Fireworks 4 pozwala na pracę zarówno z obiektami wektorowymi, jak i z bit­ma­powymi obrazkami. Poza tym pozwala łączyć obiekty wektorowe z bit­ma­pa­mi, ułatwiając w ten sposób ich edycję. u         Fireworks 4 obsługuje pliki w formacie Photoshopa i wielu innych. Pozwala na­wet na wykorzystywanie filtrów zgodnych z Photoshopem jako dodatek (Xtras) lub element grupy Live Effects. u         Jedną z najważniejszych możliwości Fireworks 4 jest jego integracja z Inter­ne­tem. Program posiada dostępne w każdej chwili palety kolorów bezpiecznych dla Internetu i umożliwia generowanie kodów (standardowych lub własnych) HTML i JavaScript. u         Im dłużej będziesz projektował dla Internetu, tym prędzej uświadomisz sobie, ile pracy to wymaga. Fireworks 4 jest doskonałym narzędziem aktualizacji gra­fi­ki poprzez funkcję "znajdź i zamień" lub przetwarzanie wsadowe. Pozwala to na zautomatyzowanie żmudnej pracy z najczęściej wykorzystywanymi funk­cja­mi programu. u         Fireworks 4 wprowadza interfejs Macromedia Common User Interface, dając szersze pole do popisu użytkownikom kilku aplikacji Macromedia, takich jak Fireworks, Dreamweaver i Flash. W kolejnym rozdziale przyjrzymy się bliżej interfejsowi użytkownika Fireworks 4 i po­le­ceniom znajdującym się w jego menu. Document Info Accesari: 1735 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/Witamy-w-Fireworks1121322713.php" target="_blank" title="Witamy w Fireworks - https://www.scritub.com">Witamy w Fireworks</a> eCoduri.com - coduri postale, contabile, CAEN sau bancare Politica de confidentialitate | Termenii si conditii de utilizare Copyright © Contact (SCRIGROUP Int. 2025 )