Professional Documents
Culture Documents
PRZYKADOWY ROZDZIA
SPIS TRECI
KATALOG KSIEK
KATALOG ONLINE
ZAMW DRUKOWANY KATALOG
TWJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMW INFORMACJE
O NOWOCIACH
ZAMW CENNIK
CZYTELNIA
FRAGMENTY KSIEK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
Fireworks 4. Biblia
Autorzy: Joseph W. Lowery, Simon White
Tumaczenie: Witold Kurylak, Grzegorz Pays
ISBN: 83-7197-568-6
Tytu oryginau: Fireworks 4 Bible
Format: B5, stron: 852
Zawiera CD-ROM
Internet jest bez wtpienia fenomenem naszych czasw i przyciga ogromn liczb
talentw, zarwno artystycznych, jak i technicznych. Poza tym, jak czsto pojawia si
nowy rodek przekazu? Zakres projektantw internetowych rozciga si od klasycznych
artystw, ktrzy odkrywaj moliwoci Internetu, po profesjonalistw, ktrzy do tej pory
zajmowali si mediami drukowanymi, a chc poszerzy swoje horyzonty. Niniejsza
ksika przeznaczona jest dla nich wszystkich. Czytelnik znajdzie w niej rozwizania
codziennych problemw zwizanych z tworzeniem grafiki, ale mona j take
wykorzysta jako przewodnik encyklopedyczny po programie Fireworks.
Fireworks 4. Biblia jest kompletnym opisem programu Macromedia Fireworks 4.
Na pycie CD-ROM doczonej do ksiki znajduje si w peni funkcjonalna 30-dniowa
wersja Fireworks. W ksice opisane zostay wersje Fireworks 4 przeznaczone na
uytek platformy Windows i MacOS.
Przeczytanie ksiki rozdzia po rozdziale zmieni todzioba w zupenie opierzonego
profesjonalist. Mona te potraktowa t ksik jako podrczny leksykon
i wyszukiwa w niej potrzebne w danej chwili informacje. W celu uatwienia takiego
korzystania z tej publikacji zostaa ona podzielona na siedem gwnych czci, a kada
z nich jest powicona odrbnemu tematowi. Po zapoznaniu si z Fireworks mona
w trakcie pracy wybirczo korzysta z poszczeglnych rozdziaw i poszerza w ten
sposb swj zasb wiedzy.
Pocztkowe rozdziay ksiki powicone s podstawowym cechom programu,
a w kadym z nich opisane zostay poszczeglne kroki pozwalajce na wykonanie
okrelonego zadania. W pniejszych rozdziaach mona natrafi na ramki zatytuowane
Techniki Fireworks. S to instrukcje krok po kroku wyjaniajce poszczeglne
techniki wykorzystywane w projektowaniu dla Internetu, na przykad uywanie maski
w celu dodania ramki do obrazka. Techniki Fireworks mona take stosowa jako
podstawy do realizacji wasnych pomysw.
Uruchamiajc Fireworks w trakcie czytania, trzeba koniecznie woy do swojego
komputera doczon do ksiki pyt CD-ROM. Jest ona integraln czci ksiki
i zawiera wiele tekstur, gradientw i szablonw HTML Fireworks oraz wersje testowe
popularnych programw.
O Autorach ............................................................................................................................................21
Przedmowa ............................................................................................................................................23
Wstp .....................................................................................................................................................25
Rozdzia 1. Witamy w Fireworks ..........................................................................................................35
Rozdzia 2. Interfejs programu ..............................................................................................................53
Rozdzia 3. Dostosowywanie rodowiska pracy .................................................................................115
Rozdzia 4. Definiowanie waciwoci dokumentw..........................................................................137
Rozdzia 5. Tworzenie obiektw wektorowych ..................................................................................159
Rozdzia 6. Praca z grafik bitmapow ...............................................................................................183
Rozdzia 7. Zarzdzanie kolorem ........................................................................................................209
Rozdzia 8. Obrysy ..............................................................................................................................233
Rozdzia 9. Konstruowanie cieek.....................................................................................................263
Rozdzia 10. Obiekty tekstowe ............................................................................................................291
Rozdzia 11. Wypenienia i tekstury....................................................................................................319
Rozdzia 12. Live Effects i Xtras.........................................................................................................349
Rozdzia 13. Rozmieszczanie i komponowanie obiektw ..................................................................395
!"
#
$
%
Rozdzia 14. Przechwytywanie i import grafiki ..................................................................................439
Rozdzia 15. Eksport i optymalizacja ..................................................................................................473
Rozdzia 16. Praca ze stylami Fireworks.............................................................................................521
Rozdzia 17. Symbole i biblioteki .......................................................................................................533
Rozdzia 18. Aktualizowanie i utrzymywanie grafiki internetowej ....................................................553
Rozdzia 19. Automatyzacja pracy za pomoc menu Commands i palety History.............................581
!&
''
Rozdzia 20. Mapy obrazkw i plastry ................................................................................................601
Rozdzia 21. Behawiory, czyli oywiamy Fireworks..........................................................................631
Rozdzia 22. Integracja z Dreamweaverem .........................................................................................661
(
)*
Rozdzia 23. Techniki animacyjne ......................................................................................................685
Rozdzia 24. Animowane banery reklamowe......................................................................................721
%+&,
"
Rozdzia 25. Dostosowywanie Fireworks do wasnych potrzeb .........................................................735
Rozdzia 26. Interfejs programowania aplikacji Fireworks API ....................................................757
- *.
Dodatek A Podstawowe wiadomoci o stronach WWW ....................................................................805
Dodatek B Skrty klawiaturowe..........................................................................................................825
Dodatek C Co znajdziesz na CD-ROM-ie...........................................................................................841
Skorowidz ............................................................................................................................................845
!($ / 0
0
1#0
2 31
Fireworks pakiet graficzny nowej generacji.....................................................................................36
Poczenie najlepszych moliwoci ................................................................................................36
Wydajne tworzenie grafiki wektorowej ..........................................................................................37
Wywietlanie, a nie drukowanie .....................................................................................................37
Integracja z Internetem....................................................................................................................37
Piksele i cieki: wszystko, co najlepsze...............................................................................................38
Uywanie narzdzi wektorowych z bitmapami...............................................................................38
Zgodno bitmap .............................................................................................................................40
Efekty ..............................................................................................................................................40
Style.................................................................................................................................................41
Animacja .........................................................................................................................................42
Integracja z Internetem ..........................................................................................................................43
Aktywne obszary i plastry...............................................................................................................43
Paleta URL ......................................................................................................................................44
Obrazki z behawiorami ...................................................................................................................44
Optymalizacja pod ktem Internetu ................................................................................................45
Integracja z Dreamweaverem..........................................................................................................45
Narzdzia produkcyjne ..........................................................................................................................46
Automatyzacja.................................................................................................................................46
Przetwarzanie wsadowe ..................................................................................................................46
Nowoci Fireworks 4.............................................................................................................................47
Interfejs uytkownika ......................................................................................................................48
Tworzenie grafiki ............................................................................................................................48
Wsppraca z Internetem.................................................................................................................49
Optymalizacja obrazkw.................................................................................................................50
Zarzdzanie rodowiskiem pracy ....................................................................................................50
Podsumowanie.......................................................................................................................................51
%+&,
2 30
# "$
rodowisko Fireworks...........................................................................................................................53
Okno dokumentu ...................................................................................................................................54
Kontrolki okna dokumentu..............................................................................................................57
Opcje wywietlania .........................................................................................................................61
Poznajemy palet narzdziow..............................................................................................................61
Paski narzdziowe (tylko Windows) .....................................................................................................65
Pasek narzdziowy Main.................................................................................................................66
Pasek narzdziowy Modify .............................................................................................................67
Pasek stanu ......................................................................................................................................67
Zarzdzanie paletami .............................................................................................................................69
Grupowanie i przesuwanie palet .....................................................................................................69
Panel Layout Sets ............................................................................................................................70
Ukrywanie i wywietlanie palet ......................................................................................................70
Minimalizacja..................................................................................................................................71
Wsplne elementy palet ..................................................................................................................71
Paleta Optimize ...............................................................................................................................73
Paleta Object....................................................................................................................................74
Paleta Stroke....................................................................................................................................76
Paleta Fill.........................................................................................................................................78
Paleta Effect ....................................................................................................................................79
Paleta Color Table ...........................................................................................................................80
Paleta Swatches ...............................................................................................................................81
Paleta Color Mixer ..........................................................................................................................82
Paleta Tool Options .........................................................................................................................83
Paleta Layers ...................................................................................................................................84
Paleta Frames ..................................................................................................................................86
Paleta History ..................................................................................................................................87
Paleta Info........................................................................................................................................88
Paleta Behaviors ..............................................................................................................................89
Paleta URL ......................................................................................................................................90
Paleta Styles ....................................................................................................................................91
Paleta Library ..................................................................................................................................92
Paleta Find and Replace ..................................................................................................................92
Paleta Project Log ...........................................................................................................................94
Menu ......................................................................................................................................................95
Menu File ........................................................................................................................................95
Menu Edit ........................................................................................................................................97
Menu View ......................................................................................................................................99
Menu Insert ...................................................................................................................................101
Menu Modify.................................................................................................................................102
Menu Text .....................................................................................................................................107
Menu Commands ..........................................................................................................................108
Menu Xtras ....................................................................................................................................110
Menu Window...............................................................................................................................111
Menu Help.....................................................................................................................................113
Podsumowanie.....................................................................................................................................114
4#
2 36
&
5
/ '
Obiekty wektorowe w Fireworks ........................................................................................................159
cieki .................................................................................................................................................160
Stosowanie obrysw......................................................................................................................160
cieki otwarte i zamknite...........................................................................................................161
Punkt centralny..............................................................................................................................161
Kierunek ........................................................................................................................................162
Ksztaty ................................................................................................................................................162
Prostokty i kwadraty....................................................................................................................163
Elipsy i okrgi ...............................................................................................................................166
Wielokty i gwiazdy......................................................................................................................167
Rysowanie linii i cieek o dowolnych ksztatach ..............................................................................171
Linie proste....................................................................................................................................172
Odrczne rysowanie za pomoc narzdzi Pencil i Brush..............................................................172
%+&,
Tworzenie krzywych Bziera ..............................................................................................................174
Rysowanie linii za pomoc narzdzia Pen ....................................................................................175
Tworzenie gadkich krzywych za pomoc narzdzia Pen.............................................................176
czenie linii prostych i krzywych ...............................................................................................177
Modyfikowanie ksztatu krzywych ...............................................................................................178
Uywanie klawiszy modyfikujcych.............................................................................................180
Podsumowanie.....................................................................................................................................180
2 3)"7&# 7 *
Podstawy pracy z grafik bitmapow w Fireworks.............................................................................184
Tryb edycji grafiki bitmapowej.....................................................................................................184
Otwieranie istniejcych bitmap .....................................................................................................187
Skalowanie bitmap ........................................................................................................................188
Umieszczanie bitmapy w dokumencie ..........................................................................................189
Umieszczanie pustych bitmap .......................................................................................................190
Stosowanie narzdzi bitmapowych ...............................................................................................190
Technika Fireworks: ograniczanie obszaru rysowania........................................................................201
Zaznaczanie pikseli..............................................................................................................................202
Zaznaczanie wszystkich obiektw ................................................................................................203
Zaznaczanie podobnych obszarw................................................................................................203
Usuwanie wszystkich zaznacze...................................................................................................203
Odwracanie zaznacze ..................................................................................................................203
Wygadzanie istniejcych selekcji.................................................................................................204
Rozszerzanie i zawanie zaznacze ............................................................................................205
Dodawanie brzegu.........................................................................................................................205
Wygadzanie..................................................................................................................................205
Zapisywanie i przywracanie zaznacze ........................................................................................205
Uywanie narzdzi wektorowych do pracy z bitmapami ....................................................................205
Konwertowanie obiektw wektorowych na bitmapowe .....................................................................206
Podsumowanie.....................................................................................................................................207
2 387
,
0.'
Kolor w Internecie ...............................................................................................................................209
Gbia kolorw ..............................................................................................................................210
Kolory szesnastkowe.....................................................................................................................211
Kolory bezpieczne dla Internetu....................................................................................................212
Rnice pomidzy platformami ....................................................................................................213
Systemy zarzdzania kolorem .......................................................................................................215
Mieszanie kolorw ..............................................................................................................................215
Korzystanie z palety Color Mixer .................................................................................................215
Wybieranie koloru.........................................................................................................................216
Modele kolorw ............................................................................................................................217
Prbki kolorw ....................................................................................................................................220
Wybieranie kolorw za pomoc prbek........................................................................................221
Wykorzystanie narzdzia Eyedropper...........................................................................................222
Systemowy prbnik kolorw ........................................................................................................222
Brak koloru....................................................................................................................................224
Paleta Swatches .............................................................................................................................224
Tabele kolorw..............................................................................................................................228
4#
%+&,
2 3.!&
0'
Wykorzystanie edytora tekstu .............................................................................................................292
Zawsze aktualny podgld ..............................................................................................................293
Definiowanie podstawowych atrybutw czcionek........................................................................293
Dostosowywanie odstpw w tekcie ...........................................................................................295
Wczanie opcji edytora tekstu......................................................................................................301
Reedycja tekstu....................................................................................................................................301
Importowanie tekstu ............................................................................................................................302
Przeksztacanie tekstu..........................................................................................................................303
Dodawanie obrysw ......................................................................................................................303
Dostosowywanie wypenie..........................................................................................................305
Wykorzystanie narzdzi transformacji..........................................................................................306
Konwertowanie tekstu na cieki ..................................................................................................307
Konwertowanie tekstu na obrazki .................................................................................................307
Technika Fireworks: tekst jako wycinanie ksztatw za pomoc tekstu .............................................307
Technika Fireworks: zabezpieczenie czcionek....................................................................................309
Tekst na ciece ...................................................................................................................................310
Technika Fireworks: maskowanie obrazkw za pomoc tekstu..........................................................312
Podsumowanie.....................................................................................................................................314
4#
%+&,
Krycie i tryby mieszania......................................................................................................................425
Sterowanie kryciem.......................................................................................................................426
Wykorzystanie trybw mieszania .................................................................................................426
Tryby mieszania ............................................................................................................................428
Technika Fireworks: symulowanie rde wiata za pomoc trybw mieszania.........................429
Technika Fireworks: wtapianie zaznacze ..........................................................................................431
Technika Fireworks: komponowanie obiektw ..................................................................................432
Podsumowanie.....................................................................................................................................435
!"
#
$
%
2 3%
/
# "%'
Wprowadzenie do przechwytywania obrazw ....................................................................................440
Urzdzenia obsugujce TWAIN ..................................................................................................440
Instalowanie moduw dodatkowych Photoshop Acquire (tylko dla MacOS) .............................441
Skanowanie..........................................................................................................................................442
Proces skanowania...............................................................................................................................444
Wybr rozdzielczoci skanowania ................................................................................................444
Wybr gbi kolorw.....................................................................................................................446
Inne opcje skanowania ..................................................................................................................447
Skanowanie bezporednio do Fireworks.......................................................................................447
Aparaty cyfrowe ..................................................................................................................................448
Przechwytywanie obrazkw bezporednio do Fireworks .............................................................449
Cyfrowe kamery wideo .................................................................................................................450
Wstawianie obiektw z innych aplikacji .............................................................................................451
Kopiowanie i wklejanie.................................................................................................................451
Przecignij i upu.........................................................................................................................452
Importowanie plikw zewntrznych ...................................................................................................454
Pliki grafiki bitmapowej................................................................................................................454
Pliki grafiki wektorowej................................................................................................................459
Pliki tekstowe ................................................................................................................................463
Najczciej wystpujce problemy ...............................................................................................464
Zrzuty ekranowe ..................................................................................................................................466
Wbudowane narzdzia do tworzenia zrzutw ekranowych ..........................................................466
Wyspecjalizowane aplikacje .........................................................................................................467
Otwieranie animacji.............................................................................................................................468
Importowanie wielu plikw jako nowej animacji .........................................................................468
Importowanie animacji utworzonych w programie Flash.............................................................469
Podsumowanie.....................................................................................................................................471
2 3# #, %
Funkcje optymalizacji..........................................................................................................................473
Paleta Optimize .............................................................................................................................475
Paleta Color Table .........................................................................................................................476
Podgld w obszarze roboczym ......................................................................................................477
Kontrolki odtwarzania klatek ........................................................................................................482
Eksportowanie kolorw indeksowanych .............................................................................................483
Paleta kolorw...............................................................................................................................484
Liczba kolorw..............................................................................................................................486
Matte..............................................................................................................................................487
Stratna kompresja GIF...................................................................................................................488
4#
Dithering........................................................................................................................................490
Przezroczysto .............................................................................................................................490
Usuwanie nieuywanych kolorw.................................................................................................493
Przeplot..........................................................................................................................................493
Ustawienia zachowane ..................................................................................................................493
Technika Fireworks: tworzenie obrazkw przeznaczonych
do wyeksportowania w formacie GIF ........................................................................................494
Eksportowanie obrazkw fotograficznych ..........................................................................................496
JPEG..............................................................................................................................................497
PNG 32 i PNG 24..........................................................................................................................502
Inne formaty plikw ......................................................................................................................503
Praca w oknie Export Preview.............................................................................................................504
Kadrowanie ...................................................................................................................................505
Skalowanie eksportowanych obrazkw ........................................................................................507
Korzystanie z kreatorw eksportu .......................................................................................................507
Dodatkowe opcje eksportu ..................................................................................................................510
Eksportowanie w formie warstwy CSS.........................................................................................510
Eksportowanie dla programu Director ..........................................................................................512
Eksportowanie plikw...................................................................................................................513
Eksportowanie w formacie Image Wells.......................................................................................514
Eksportowanie wektorw ..............................................................................................................515
Eksportowanie dokumentw Photoshopa .....................................................................................517
Podsumowanie.....................................................................................................................................518
2 3)
,
0
Podstawowe wiadomoci o stylach .....................................................................................................522
Stosowanie stylw ...............................................................................................................................523
Tworzenie nowych stylw...................................................................................................................523
Zarzdzanie stylami .............................................................................................................................526
Technika Fireworks: pobieranie tekstur i deseni ze stylw.................................................................529
Podsumowanie.....................................................................................................................................531
2 34& ,
&&,
Podstawowe wiadomoci o symbolach i kopiach................................................................................533
Paleta Library ......................................................................................................................................536
Tworzenie i modyfikowanie symboli ..................................................................................................537
Tworzenie symboli ........................................................................................................................538
Modyfikowanie symboli................................................................................................................540
Tworzenie kopii.............................................................................................................................542
Modyfikowanie kopii ....................................................................................................................543
Praca z przyciskami .............................................................................................................................544
Tworzenie i modyfikowanie symboli przyciskw ........................................................................544
Kopie przyciskw..........................................................................................................................547
Kreator czy .................................................................................................................................547
Zarzdzanie bibliotekami ....................................................................................................................548
Importowanie bibliotek .................................................................................................................548
Eksportowanie i wspuytkowanie bibliotek...............................................................................551
Podsumowanie.....................................................................................................................................552
%+&,
2 3*($,
$
"
Podgld w przegldarce.......................................................................................................................553
Zarzdzanie czami za pomoc palety URL ......................................................................................556
Lista URL History .........................................................................................................................557
Dodawanie adresw URL do biblioteki ........................................................................................558
Zarzdzanie bibliotekami URL .....................................................................................................560
Aktualizowanie grafiki za pomoc palety Find and Replace ..............................................................561
Wyszukiwanie i zamienianie tekstu ..............................................................................................565
Wyszukiwanie za pomoc wyrae regularnych ..........................................................................566
Modyfikowanie atrybutw czcionek .............................................................................................569
Zmiana kolorw w witrynie internetowej .....................................................................................571
Zamiana kolorw na bezpieczne dla Internetu..............................................................................572
Aktualizowanie adresw URL ......................................................................................................573
Praca z palet Project Log ...................................................................................................................574
Przetwarzanie wsadowe pikw graficznych........................................................................................576
Procedura przetwarzania wsadowego ...........................................................................................576
Uruchamianie skryptletw ............................................................................................................578
Podsumowanie.....................................................................................................................................579
2 3'($ ## 7
$
#,
> *
Uruchamianie wbudowanych polece.................................................................................................581
Podmenu Creative .........................................................................................................................582
Podmenu Document ......................................................................................................................583
Panel Layout Sets ..........................................................................................................................585
Panel Layout..................................................................................................................................585
Reset Warning ...............................................................................................................................587
Podmenu Web ...............................................................................................................................587
Podnoszenie wydajnoci pracy za pomoc palety History ..................................................................589
Polecenia Undo i Redo ..................................................................................................................589
Tworzenie polece bez pisania kodu.............................................................................................590
Kopiowanie zada do schowka .....................................................................................................593
Zarzdzanie menu Commands.............................................................................................................594
Porzdkowanie zainstalowanych polece .....................................................................................595
Dodawanie polece .......................................................................................................................597
Podsumowanie.....................................................................................................................................598
4#
%+&,
Eksportowanie kodu Dreamweavera ...................................................................................................668
Praca z bibliotekami Dreamweavera.............................................................................................669
Technika Fireworks: dodawanie warstw CSS do Dreamweavera.................................................672
Wykorzystywanie behawiorw Fireworks w Dreamweaverze ...........................................................674
Technika Fireworks: tworzenie internetowego albumu fotograficznego ............................................676
Tworzenie polece hybrydowych........................................................................................................679
Podsumowanie.....................................................................................................................................680
(
)*
2 306
/
)*
Podstawowe wiadomoci o animacjach sieciowych ...........................................................................685
Kwestia przepustowoci ................................................................................................................686
Kompromis....................................................................................................................................686
Dlaczego animowany GIF? ...........................................................................................................687
Zestaw narzdzi Fireworks do tworzenia animacji .............................................................................689
Zarzdzanie klatkami ....................................................................................................................689
Animowanie obiektw ..................................................................................................................693
Kontrolki animacji.........................................................................................................................696
Opnienia w odtwarzaniu klatek .................................................................................................697
Technika skry cebuli (Onion skinning) .......................................................................................698
Ustawienia i opcje eksportu ..........................................................................................................699
Wykorzystywanie animowanych GIF-w w projektach internetowych .............................................704
Animowanie obrazkw ta.............................................................................................................704
Wielokrotne wykorzystywanie animacji .......................................................................................704
Skalowanie animacji......................................................................................................................704
Wykorzystywanie ta przegldarki w obrazku ..............................................................................704
Wstpne adowanie animacji.........................................................................................................705
Animowane rollowery...................................................................................................................705
Plastrowanie animacji....................................................................................................................706
Sekwencjonowanie symboli graficznych ............................................................................................707
Technika Fireworks: sekwencjonowanie Xtra ..............................................................................710
Technika Fireworks: sekwencjonowanie gbi .............................................................................711
Technika Fireworks: rozjanianie i ciemnianie ...........................................................................713
Symbole animacyjne............................................................................................................................715
Tworzenie symboli animacyjnych.................................................................................................715
Modyfikowanie symbolu animacyjnego .......................................................................................717
Podsumowanie.....................................................................................................................................719
2 30%(
&
,
0
Podstawowe wiadomoci o banerach reklamowych ...........................................................................721
Rozmiar standardy IAB/CASIE ...............................................................................................722
Rozmiar pliku ................................................................................................................................723
Umieszczanie banerw na stronach WWW ..................................................................................723
Przekaz informacji.........................................................................................................................723
Technika Fireworks: tworzenie banerw reklamowych......................................................................724
Krok 1. Ustawiamy scenografi ....................................................................................................724
Krok 2. Piszemy scenariusz...........................................................................................................724
Krok 3. Tworzymy aktorw ..........................................................................................................725
Krok 4. Akcja!...............................................................................................................................726
Krok 5. Usuwamy zbdne elementy..............................................................................................730
Technika Fireworks: rozmywanie jako sposb na oszczdzanie klatek..............................................731
Podsumowanie.....................................................................................................................................732
4#
%+&,
Dostp do Fireworks API ....................................................................................................................795
Funkcje obiektu Document ...........................................................................................................795
Funkcje Fireworks.........................................................................................................................796
Funkcje palety History ..................................................................................................................797
Przerabianie wbudowanych polece .............................................................................................798
Podsumowanie.....................................................................................................................................802
+ *,
-
(
/111 *.
-
+45,$
*0
-
-B2!?B
*%
4 *%
W tym rozdziale:
Stosowanie Xtras
Wikszo grafik Fireworks skada si z trzech rnych, ale uzupeniajcych si, elementw: obrysw, wypenie i efektw. Nie kady wykorzystuje efekty (umoliwiajce
szybkie dodanie cienia lub fazowanie krawdzi do przycisku) rwnie czsto co obrysy
i wypenienia, ale wikszo projektantw grafiki internetowej chtnie i czsto po nie
siga. Efekty s bardzo bliskie istocie Internetu, gdy pozwalaj nada witrynom WWW
oryginalny wygld, a ponadto poprawiaj ich funkcjonalno, zwaszcza przy tworzeniu
takich elementw jak przyciski reagujce na zdarzenia myszy.
Nowoci w Fireworks s Live Effects (inteligentne efekty). Po raz pierwszy projektanci mog edytowa efekty bez koniecznoci budowania caej grafiki od pocztku. Ale
tym, co czyni Live Effects Fireworks naprawd inteligentnymi, jest zdolno ich automatycznego dostosowywania si do kadej zmodyfikowanej grafiki obojtnie, czy
obrazek zostanie znieksztacony, przeskalowany lub zmieniony w jakikolwiek inny sposb. Fireworks umoliwia take (jak wiele innych programw) wykorzystywanie standardowych filtrw zgodnych z Photoshopem jako Live Effects, ktre mog by stosowane, edytowane i usuwane w rwnie prosty sposb co standardowe efekty fazowania
i blaskw Fireworks.
W pniejszych podrozdziaach dowiesz si, w jaki sposb i do ktrych obiektw moesz stosowa rozszerzenia Fireworks Xtras. Bdziemy pracowali z Xtras doczanymi
do Fireworks i poznamy kilka technik umoliwiajcych kreatywn prac z rozszerzeniami. Dowiesz si rwnie, jak doda do Fireworks wicej Xtras, wczajc te, ktre
by moe ju wykorzystujesz w innych aplikacjach. W rozdziale tym przyjrzymy si
dwm bardzo popularnym pakietom filtrw bitmapowych: Eye Candy i Kais Power Tools.
J
Podczas gdy w menu Xtras znajduje si lista wszystkich filtrw graficznych, ktre
mona wykorzystywa w Fireworks, w palecie Effect wiele z tych filtrw dostpnych
jest take w swoich inteligentnych wersjach.
Filtry zgodne z Photoshopem mog by w palecie Effect traktowane tak jak kady inny
Live Effect. W kadej chwili moesz taki filtr zastosowa do obiektu wektorowego,
usun go lub zmodyfikowa jego ustawienia.
Dostpne stay si nowe moliwoci eksperymentowania z tymi samymi filtrami graficznymi, ktrych wczeniej uywae podczas pracy w Photoshopie. Moliwo zmiany
kolejnoci stosowania filtrw do grafiki bez koniecznoci zaczynania pracy od pocztku
i atwo zapisywania ulubionych kombinacji filtrw s funkcjami, ktre naprawd pozwalaj puci wodze fantazji. Moliwoci czenia, dopasowywania i eksperymentowania pozwalaj tworzy atrakcyjne kombinacje rnych filtrw graficznych.
Paleta Effect (patrz rysunek 12.1) jest wygodnym narzdziem zawierajcym wikszo
opcji dotyczcych efektw Fireworks, z wyjtkiem niektrych filtrw produkowanych
przez inne firmy, dostpnych jedynie z poziomu menu Xtras. W palecie Effect znajduj
si dwie listy opcji: lista Effect Category, zawierajca wszystkie dostpne Live Effects
i lista Effect, zawierajca tylko te efekty, ktre zostay zastosowane do zaznaczonego
obiektu.
Lista Effect Category jest podzielona na pi odrbnych czci:
Use Defaults. aduje do listy efektw standardowe Live Effects: Inner Bevel
(faza wewntrzna), Outer Bevel (faza zewntrzna), Drop Shadow (cie zewntrzny)
i Glow (blask). Zaznacz wybrany efekt, aby zastosowa go do zaznaczenia.
Filtry graficzne innych firm, ktre nie mog by uywane jako Live Effects, po prostu
nie s wywietlane w licie Effect Category i s dostpne jedynie z poziomu menu Xtras.
Live Effects mog by stosowane tylko do obiektw zaznaczonych w trybie edycji grafiki wektorowej. Jeli chciaby uy ich do selekcji bitmapowej, masz do wyboru dwie
metody:
J
Paleta Effects
z rozwijan list
Effect Category
jest centrum
zarzdzania
prawie
wszystkimi
efektami
dostpnymi
w Fireworks
J
Aby edytowa parametry zastosowanego efektu, zaznacz obiekt i kliknij przycisk Info
znajdujcy si obok nazwy efektu w licie. Fireworks wywietli okno dialogowe wybranego efektu. Zmie parametry i opu okno dialogowe, wybierajc znajdujcy si
w nim przycisk OK lub klikajc w dowolnym miejscu poza oknem dialogowym.
Efekty Fireworks z reguy pozwalaj poprawi wygld obiektw, ale s wyjtki, ktre
lepiej wygldaj bez adnych efektw. Aby usun efekty z obiektu, zaznacz go i wybierz pozycj None z rozwijanej listy Effect Category, znajdujcej si w palecie Effect.
Gdy chcesz jedynie tymczasowo wyczy pojedynczy efekt, usu zaznaczenie z pola
wyboru znajdujcego si obok jego nazwy w licie. Jeli zamierzasz tymczasowo wyczy
J
Zawsze edytowalne
Live Effects
pozwalaj tworzy
obiekty wektorowe,
ktre wygldaj
jak bitmapy
zmodyfikowane
wieloma filtrami
graficznymi
wszystkie efekty, wybierz polecenie All Off z rozwijanego menu palety Effect. Wybranie
z tego samego menu polecenia All On spowoduje ponowne wczenie wszystkich efektw. Aby cakowicie usun pojedynczy efekt, zaznacz go w licie i kliknij przycisk
Delete Effect znajdujcy si u dou palety Effect i wygldajcy jak tradycyjny kosz na
mieci.
Wiele aplikacji sucych do edycji grafiki bitmapowej posiada menu zawierajce filtry
graficzne zgodne z Photoshopem. Fireworks nie jest tu adnym wyjtkiem i oferuje menu Xtras (patrz rysunek 12.4). Po uruchomieniu Fireworks w menu Xtras znajduj si
wszystkie dostpne dla programu filtry graficzne. S to rozszerzenia zainstalowane
w katalogu Xtras Fireworks lub w katalogu moduw dodatkowych Photoshopa zdefiniowanym w preferencjach Fireworks.
Filtry graficzne zawdziczaj sw nazw temu, e analizuj kady piksel obrazka
i w zalenoci od ustawie i typu zastosowanego efektu modyfikuj go lub nie.
W tym rozdziale bd wykorzystywa zamiennie terminy Xtra i filtr.
J
Menu Xtras
zawiera
wbudowane
filtry graficzne
Fireworks
oraz produkowane
przez inne firmy
filtry zgodne
z Photoshopem
Razem z Fireworks instalowane s Live Effects pogrupowane w nastpujcych podmenu listy Effect Category znajdujcej si w palecie Effect:
J
Shadow and Glow (cie i blask) Drop Shadow (cie zewntrzny), Glow
(blask), Inner Glow (wewntrzny blask), Inner Shadow (cie wewntrzny),
W tabeli 12.1 znajdziesz zestawienie i opisy dziaania wszystkich Live Effects wbudowanych w Fireworks.
Wicej informacji o grupach maskujcych znajdziesz w rozdziale 13.
Podmenu Adjust Color (znajdujce si w rozwijanej licie Effect Category) zawiera
wietne narzdzia pozwalajce dostosowywa poziomy tonalne, korygowa kolory oraz
dodawa efekty specjalne do obiektw. Wczeniej byy one dostpne tylko w swoich
destrukcyjnych wersjach. Gdy dostosowae poziomy tonalne obrazka i stwierdzie
pniej, e jest on zbyt ciemny lub zbyt jasny, musiae przywrci wczeniejsz wersj
dokumentu i rozpocz prac od nowa. Doczenie do Fireworks tych narzdzi jako
Live Effects pozwolio znacznie zwikszy efektywno pracy.
W optymalnej sytuacji obrazek bitmapowy powinien mie rwne proporcje pomidzy
ciemnymi tonami (cieniami), ptonami i jasnymi tonami (wiatami). Zbyt wiele ciemnych pikseli powoduje utrat szczegw grafiki; nadmiar jasnych tonw tworzy wyblake obrazki. Skupienie duej iloci ptonw (ciemne s niedostatecznie ciemne, za
jasne niedostatecznie jasne) tworzy mde obrazki, jak ten znajdujcy si po lewej
stronie na rysunku 12.5. Fireworks oferuje kilka rnych metod dostosowywania poziomw tonalnych obrazkw. To, ktrej metody uyjesz, jest uzalenione od stopnia
uszkodzenia obrazka.
Obrazki, ktre s jedynie nieco zbyt ciemne lub zbyt jasne albo brak w nich kontrastu
mona skorygowa za pomoc efektu Brightness/Contrast. Fireworks w oknie dokumentu wywietla podgld uzyskiwanych rezultatw.
Aby uy filtra Brightness/Contrast:
1. Zaznacz obiekt, ktry chcesz modyfikowa.
2. Wybierz z menu polecenie Window/Effect lub uyj skrtu klawiaturowego
Alt+F7 (Option+F7), aby wywietli palet Effect.
J
Wbudowane Live Effects
Live Effect
Opis
Auto Levels
Brightness/Contrast
Curves
Hue/Saturation
Invert
Levels
Inner Bevel
Inset Emboss
Outer Bevel
Raised Emboss
Blur
Blur More
Dziaa tak samo jak Blur, ale uywa wikszego promienia rozmycia
Gaussian Blur
Convert to Alpha
Find Edges
Drop Shadow
Glow
Inner Glow
Inner Shadow
Sharpen
Sharpen More
Unsharp Mask
Dziaa tak samo jak Sharpen More, ale umoliwia okrelenie pikseli,
ktre maj by wyostrzane, a ktre nie (unsharp nieostre) za pomoc
maski skali szaroci obrazka
J
Ten sam
obrazek
przed i po
zwikszeniu
zakresu
tonalnego
obrazka.
Ciemne
piksele
s jeszcze
ciemniejsze,
za2 jasne
jeszcze
ja2niejsze
Za pomoc suwakw
znajdujcych si
w oknie dialogowym
Brightness/Contrast
mo5esz
dostosowywa
jasno2 i kontrast
obrazkw
Live Effect Color Fill pozwala na zmian kolorw pikseli obiektu bez wprowadzania staych zmian.
Color Fill jest nowym Live Effect w Fireworks 4.
J
7. Aby zamkn okno dialogowe, kliknij poza jego obszarem lub wcinij Enter
(Return).
Program zastosuje efekt do zaznaczonego obiektu.
J
J
Filtr Curves ma takie samo zastosowanie jak filtr Levels, ale w nieco inny sposb prezentuje informacje o poziomach tonalnych grafiki. Podczas gdy filtr Levels pozwala dostosowywa osobno poziomy wiate, pcieni i cieni obrazka, filtr Curves umoliwia
ustawianie poziomw pojedynczych kolorw. Moesz na przykad modyfikowa poziom czerwieni bez wpywu na poziomy wiate i cieni obrazka.
W oknie dialogowym Curves znajduje si pomocnicza siatka. Na jej osi poziomej wywietlane s oryginalne wartoci jasnoci, ktre mona odczyta rwnie w polu tekstowym Input. Na osi pionowej mieszcz si nowe wartoci jasnoci, ktre mona odczyta rwnie w polu tekstowym Output. Wartoci te mieszcz si w zakresie od 0 do
255, gdzie 0 tworzy peny cie. Linia pocztkowo zawsze jest rysowana po przektnej
siatki, wskazujc w ten sposb, e nie zostay jeszcze dokonane adne modyfikacje
krzywych (wartoci Input i Output s takie same).
Jak ju wczeniej wspomniaem, okno dialogowe Curves, podobnie jak okno dialogowe
Levels, zawiera zestaw trzech kroplomierzy. W oknie znajduje si take przycisk Auto,
ktry dziaa tak samo jak podobny przycisk w oknie dialogowym Levels: najciemniejsze
piksele w obrazku zamieniane s na czarne, za najjaniejsze na biae.
J
J
Dziaanie filtru Hue/Saturation jest podobne do ustawiania kolorw w modelu HSL. Jeli znasz zasad dziaania koa kolorw, wiesz, e aby dostosowa barw, trzeba przenie si w inne miejsce koa i wybra nowy kolor. Zmodyfikowanie nasycenia odbywa
si poprzez przemieszczanie wzdu promienia koa kolorw i wybranie wymaganej
wersji danego koloru.
Przykad koa kolorw moesz znale5 w systemowym prbniku kolorw, ktry mona
otworzy za pomoc przycisku Palette znajdujcego si w rozwijanym prbniku Fireworks.
Uytkownicy MacOS mog definiowa kolory, korzystajc z rnych modeli, wczajc
model HLS.
J
Efekty fazowania maj podobny interfejs uytkownika, atrybuty i opcje. Istniej jednak
pomidzy nimi dwie istotne rnice:
Efekt Outer Bevel posiada jeden atrybut, ktrego nie ma Inner Bevel kolor.
Inner Bevel przy fazowaniu wewntrznych krawdzi uywa koloru obiektu,
za efekt Outer Bevel koloru wybranego przez uytkownika.
Gdy wybierzesz filtr Inner Bevel lub Outer Bevel z rozwijanej listy Effect Category, Fireworks wywietli ich okna dialogowe, w ktrych moesz dostosowa parametry filtrw
(patrz rysunek 12.11).
Okno dialogowe
filtru Outer Bevel
jest takie samo
jak okno filtru
Inner Bevel,
z tym wyjtkiem,
5e dodatkowo
posiada
prbk koloru
Kady typ efektw fazowania posiada taki sam rodzaj krawdzi. Porwnaj przedstawione na rysunku 12.12 efekty Inner Bevel i Outer Bevel, a zauwaysz podobiestwa
pomidzy siedmioma typami obu efektw. S one dostpne w rozwijanej licie Effect
name, a rni si midzy sob gwnie ksztatem fazy. Analiza ich ksztatw pozwala
identyfikowa poszczeglne typy efektw.
J
Efekty Bevel
Kontrolka efektu
Opis
Effect name
Width
Contrast
Softness
Angle
Button Preset
Color
Efekty
Inner Bevel
tworzone s
wewntrz
oryginalnej
2cie5ki obiektu,
za2 efekty
Outer Bevel
tworz fazy
na zewntrz
2cie5ki.
Przekrj fazy
pozwala
zidentyfikowa
jej typ
J
umieszczenie kursora nad przyciskiem powoduje zmiany tego przycisku. W obu typach
fazowania znajduj si cztery gotowe ustawienia parametrw dostpne w rozwijanej licie Button preset Raised (podniesiony), Highlight (podwietlony), Inset (wytoczony) i Inverted (odwrcony) ktre mona wykorzystywa do tworzenia przyciskw
reagujcych na zdarzenia myszy.
W przeciwiestwie do zestaww gotowych ustawie dostpnych w paletach Stroke i Fill,
wbudowane ustawienia przyciskw dostpne w efektach fazowania nie modyfikuj atrybutw znajdujcych si w palecie, jedynie wewntrznie zmieniaj kt i intensywno
owietlenia obiektw (patrz rysunek 12.13). Przyciski Raised i Highlight uywaj tego
samego kta owietlenia, ustawianego za pomoc parametru Angle, natomiast przycisk
Highlight jest o okoo 25% janiejszy. Przyciski Inset i Inverted owietlane s z przeciwnej strony ni dwa poprzednie i w tej parze janiejszym przyciskiem jest Inverted.
W obu typach
fazowania
dostpne
s gotowe
ustawienia
przyciskw:
Raised,
Highlight,
Inset i Inverted
!"#
Efekt paskorzeby czsto jest stosowany na papierze firmowym. Wytaczanie jest wykorzystywane do wyciskania nazw firm bezporednio w papierze, tak aby wyglday jak
tradycyjne pieczcie. Podobne rezultaty pozwalaj uzyska efekty paskorzeby dostpne w Fireworks, ale s, oczywicie, bardziej elastyczne.
Oba efekty paskorzeby zastpuj wypenienie obiektu za pomoc koloru obszaru roboczego lub koloru obiektw znajdujcych si w tle, a nastpnie dodaj wiata i cienie.
Inset Emboss (paskorzeba) i Raised Emboss (wytoczenie) maj odwrotne pooenia
wiate i cieni, aby utworzy odpowiednio efekt wepchnicia obiektu w to lub jego
podniesienia z ta (patrz rysunek 12.14).
J
Dwa efekty
paskorze=by
pozwalaj
utworzy obiekt,
ktry wydaje si
by wyrze=biony
lub wytoczony w tle
Efekty Emboss s stosowane jak wszystkie inne Live Effects i mona ustawia ich opcje
w oknach dialogowych (patrz rysunek 12.15).
Dostosuj
parametry
efektw
Inset Emboss
i Raised Emboss
za pomoc
tak samo
wygldajcych
okien dialogowych
J
J
Rozmycie ta
umo5liwia
dodanie
do obrazka
wra5enia gbi
i wyr5nienie
elementw
pierwszoplanowych
grafiki.
Zwr uwag,
5e Twj wzrok
natychmiast
zostaje
przycignity
przez twarz
osoby
znajdujcej si
na ilustracji
)
*
Efekty cieni i blaskw pozwalaj tworzy wraenie gbi i rozmycia w dokumentach Fireworks.
$%%
Pamitam, jak rozpieraa mnie duma, gdy utworzyem swj pierwszy zewntrzny cie
w jednej z wczeniejszych wersji Photoshopa. Cae popoudnie zajo mi wykonanie
dwch rnych zestaww instrukcji i doczanie warstw maskujcych, rozmy gaussowskich, warstw dopasowania i kto spamita, czego jeszcze. Rado szybko zgasa,
gdy sprbowaem umieci mj nowy obrazek z zewntrznym cieniem nad kolorem ta,
a wok mojej grafiki pojawia si niepodana aureola, skadajca si z biaych pikseli.
W Fireworks cienie moesz tworzy bez wikszego wysiku i obaw o niepodane efekty.
Zastosowanie cienia do obiektu zewntrznego jest prostym dwuetapowym procesem:
zaznacz obiekt i wybierz z palety Effect opcj Drop Shadow. Najlepsze w tym efekcie
jest to, e cie moesz umieci nad dowolnym tem. Fireworks tak dostosuje cie, aby
wtopi go w to i usun niechcian aureol.
Nie prbuj tutaj oczernia Photoshopa, ktry jest wietn aplikacj. Nowsze wersje
tego programu rwnie posiadaj efekt Drop Shadow, ktry mona atwo zastosowywa
i importowa do Fireworks z zachowaniem moliwoci edycji.
Zewntrzny cie jest monochromatyczn kopi obrazka pooon za obiektem i przesunit wzgldem niego. Najczciej s wykorzystywane cienie zewntrzne w skali szaroci (cho mog mie dowolne kolory), ktre posiadaj zarwno rozmyte, jak i ostre
krawdzie. Cienie s w grafice internetowej bardzo czsto uywane. Niektrzy twierdz,
J
e nawet naduywane. Jednak wraenie gbi, jak uzyskuj obrazki po dodaniu zewntrznego cienia, tak przyciga oko widza, e prawdopodobnie efekt ten jeszcze dugo
bdzie wykorzystywany w grafice komputerowej.
Oprcz efektu Drop Shadow Fireworks oferuje rwnie efekt Inner Shadow. Oba dziaaj zasadniczo w taki sam sposb (nawet uywaj takich samych okien dialogowych ze
swoimi parametrami). Rnica polega na sposobie pooenia cienia. Efekt Inner Shadow umieszcza cie wewntrz obiektu i wypenia nim wszystkie jego zakamarki.
Aby zastosowa efekt Drop Shadow lub Inner Shadow do dowolnego obiektu Fireworks:
1. Zaznacz obiekt, do ktrego chcesz zastosowa efekt. Zewntrzne cienie poprawnie
dziaaj z wikszoci obiektw: otwartymi i zamknitymi ciekami, ksztatami
geometrycznymi, obiektami bitmapowymi, tekstowymi itd.
2. Wybierz z menu polecenie Window/Effect, aby otworzy palet Effect,
lub kliknij jej zakadk, jeli znajduje si na ekranie.
3. Wybierz Drop Shadow lub Inner Shadow z rozwijanej listy Effect Category.
W oknach dialogowych wywietlane bd pocztkowe parametry efektw
(takie same dla obu) (patrz rysunek 12.17).
Domy2lne
ustawienia efektu
Drop Shadow
tworz mikki cie",
lekko przesunity
w prawo wzgldem
obiektu. Mo5esz
jednak zmieni
te ustawienia
w oknie
dialogowym efektu
4. Aby stworzy cie mniej lub bardziej oddalony od obiektu, przecignij suwak
Distance lub wpisz dan warto w zwizane z nim pole tekstowe.
Za pomoc suwaka Distance mona wprowadza wartoci z zakresu od 0 do 100
pikseli, ale jeli chcesz jeszcze bardziej oddali cie od obiektu, moesz wiksz
warto wpisa w polu tekstowym. Pole tekstowe przyjmuje rwnie ujemne wartoci,
ktre powoduj przesunicie cienia wzgldem obiektu w przeciwnym kierunku ni
okrelony za pomoc parametru Angle.
5. Uyj prbki koloru, aby zmieni kolor cienia, ktry domylnie jest czarny.
6. Przecignij suwak Opacity lub wpisz dan warto w zwizanym z nim polu
tekstowym, aby zmieni stopie krycia (przezroczystoci) cienia. Krycie jest
podawane w wartociach procentowych; 100% daje cakowite krycie, za 0%
cakowit przezroczysto (cie bdzie wwczas niewidzialny).
7. Przecignij suwak Softness lub wpisz okrelon warto w zwizanym z nim polu
tekstowym, aby zmieni stopie rozmycia krawdzi cienia. Za pomoc suwaka
mona ustawia wartoci z zakresu od 0 do 30, ale w polu tekstowym mona
wprowadza wartoci wykraczajce poza ten zakres.
J
8. Przecignij gak Angle lub wpisz liczb stopni (od 0 do 360) w zwizanym z ni
polu tekstowym, aby zmieni kierunek cienia.
9. Aby ukry obiekt i wywietli tylko jego cie, zaznacz opcj Knock Out.
Uywam cieni z ostrymi krawdziami prawie tak czsto jak cieni z krawdziami rozmytymi, zwaszcza w grafikach, w ktrych najwaniejszym czynnikiem jest rozmiar
pliku. Kady obrazek z krawdziami rozmytymi jest wikszy ni taki sam obrazek
z ostrymi, poniewa do utworzenia rozmytych krawdzi musi zosta wykorzystanych
wicej (przewanie o poow) pikseli. Gdy rozmiar pliku jest istotnym czynnikiem
(a Tobie podobaj si jednolite cienie), przecignij suwak Softness na sam d skali.
Mikkie cienie staj si szczeglnie efektowne, gdy zachodz na siebie. Jeszcze wiksze
wraenie trjwymiarowoci w grafikach internetowych mona uzyska poprzez umieszczenie jednego obiektu z cieniem nad innym obiektem rwnie posiadajcym cie.
J
Podczas gdy cienie s wywietlane jedynie po jednej lub obu stronach obiektu, blaski
efekty Glow i Inner Glow tworz obwdk otaczajc cay obiekt. Uytkownik
moe zdefiniowa szeroko, krycie i rozmycie blasku.
Aby zastosowa do obiektu blask:
1. Zaznacz obiekt, do ktrego chcesz zastosowa efekt.
2. Wybierz z menu polecenie Window/Effect, aby otworzy palet Effect lub kliknij
jej zakadk, jeli znajduje si na ekranie.
3. Z podmenu Shadow and Glow rozwijanej listy Effect Category wybierz opcj Glow
lub Inner Glow. Fireworks wywietli okno dialogowe z atrybutami efektu, podobne
do okna dialogowego zewntrznego cienia (patrz rysunek 12.17). Brakuje tylko
opcji Knock Out.
4. Ustaw pozostae parametry efektu: Width, Color, Opacity i Softness.
Wszystkie parametry efektu Glow s takie same jak atrybuty efektw cieni.
Za pomoc filtru Glow moesz take tworzy ramki. Zastosuj efekt Glow do obiektu,
ustaw jego atrybut Softness na 0, za atrybut Opacity na 100 i ju masz ramk.
J
W oknie dialogowym
Unsharp Mask
mo5esz ustali
parametry maski
wyostrzajcej
5. Przecignij suwak Pixel Radius (promie), aby ustawi liczb pikseli, ktre maj
by jednoczenie zmieniane. Im wikszy promie, tym wyraniejsze efekty
dziaania filtru, gdy przewanie w duych grupach pikseli wystpuj wiksze
rnice pomidzy nimi.
6. Za pomoc suwaka Threshold (prg) okrel, na jakie piksele ma dziaa filtr.
Zmodyfikowane zostan tylko te, ktrych warto skali szaroci jest wiksza ni
zdefiniowany prg filtru. Im mniejsza warto parametru Treshold, tym wicej
pikseli bdzie modyfikowanych. Kliknij przycisk OK.
Twj obrazek powinien nabra wyranego, ostrego wygldu (patrz rysunek 12.20).
Wyostrzanie
obrazkw
pozwala
pokaza
dodatkowe
szczegy
J
Technika tworzenia cieni perspektywicznych opiera si na obiektach wektorowych Fireworks i moliwoci dostosowywania gradientw oraz krawdzi obiektw. Za pomoc
tej techniki moesz dodawa perspektywiczne cienie do tekstu, obiektw bitmapowych
lub wektorowych. Przykad moesz zobaczy na rysunku 12.21.
czc wypenienia
gradientowe
ze znieksztacaniem
obiektw,
mo5esz
w Fireworks
tworzy cienie
perspektywiczne
J
J
Save Defaults zapisuje jako domylne ustawienia efektu, ktry zosta zastosowany
do aktualnie zaznaczonego obiektu.
Save Effect As zapisuje biece ustawienia efektu pod now nazw w rozwijanej
licie Effect name.
Delete Effect usuwa dowolny wasny lub standardowy efekt. Jeli usuniesz
efekt standardowy, zostanie on przywrcony po ponownym uruchomieniu
Fireworks lub otwarciu innego dokumentu.
All On i All Off odpowiednio wcza lub wycza wszystkie zastosowane efekty.
Opcja ta ma takie samo dziaanie jak zaznaczenie lub usunicie zaznacze wszystkich
pl wyboru znajdujcych si w licie efektw.
J
!
Teraz, kiedy ju wiesz, e do zapisywanych efektw moesz docza wszystkie zewntrzne filtry, musisz rwnie wiedzie, e wykorzystujcy je dokument wymaga ich
obecnoci w komputerze. Jeeli sprbujesz na przykad otworzy dokument kolegi, ktry uywa filtrw niedostpnych w Twoim systemie operacyjnym, Fireworks wywietli
okno dialogowe Missing Effects (patrz rysunek 12.23) oznaczajce, e pewne efekty s
niedostpne. Moesz, oczywicie, zainstalowa wymagane filtry, ale tymczasowo moesz
rwnie zmodyfikowa dokument tak, aby nie musia korzysta z brakujcych plikw.
J
Gdy sprbujesz
otworzy dokument
u5ywajcy filtrw
niedostpnych
w Twoim systemie,
Fireworks wy2wietli
okno dialogowe
Missing Effects
J
Jeli wyeksportujesz swj styl, nie bdzie on poprawnie dziaa na tych komputerach,
w ktrych nie ma wszystkich potrzebnych efektw. Moesz si przed tym ustrzec,
stosujc wycznie standardowe Live Effects dostpne w Fireworks.
Wiele pozycji znajdujcych si w menu Xtras dostpnych jest rwnie w palecie Effect,
jednak wybranie rozszerzenia z menu Xtras dziaa inaczej ni wybranie tego samego
Xtras z palety Effect:
Zanim wybierzesz filtr z menu Xtras, musisz zdecydowa, jakie obiekty chcesz modyfikowa, i odpowiednio je zaznaczy. Wszystkie Xtra instalowane wraz w Fireworks pracuj z dowolnymi zaznaczeniami, ale niektre zewntrzne rozszerzenia lepiej sprawdzaj si w pracy z zaznaczeniami obiektw bitmapowych, a czasami nawet wymagaj
takich zaznacze, aby w ogle mogy zadziaa.
-"
Jak ju wczeniej wspomniaem, zastosowanie Xtra do obiektu wektorowego lub caej
grupy takich obiektw powoduje przeksztacenie ich na obrazek bitmapowy. Odrzucane
s wszystkie informacje o wektorach, takie jak moliwo skalowania i edycji, typowe
dla obiektu wektorowego. Przed zastosowaniem Xtra sprbuj uy jednego z Live
Effects, aby zobaczy, jak bdzie wyglda Twj obiekt po zastosowaniu filtra. Gdy
obiekt wektorowy zostanie przeksztacony na bitmap, bdziesz mg cofn t operacj jedynie za pomoc polecenia Undo lub palety History.
Gdy stosujesz Xtra do obiektu wektorowego, Fireworks wywietli ostrzeenie, e obiekt
zostanie przeksztacony na bitmap. Moesz wyczy wywietlanie tego okna poprzez
zaznaczenie pola wyboru z etykiet dont show again (nie wywietlaj ponownie).
Proponuj jednak pozostawi te opcj niezaznaczon, dopki nie przeprowadzisz kilku
takich konwersji. Jeli przypadkowo przeksztacisz obiekt wektorowy na bitmapowy
i zapiszesz dokument, wszystkie informacje o wektorach zostan bezpowrotnie usunite.
J
Aby zastosowa Xtra do obiektu wektorowego, zaznacz ten obiekt i wybierz dane
polecenie z menu Xtras.
-""
Stosowanie Xtra do obiektw bitmapowych jest zdecydowanie atwiejsze. Musisz pamita jedynie, e niektre z nich rysuj dodatkowe elementy na zewntrz zaznaczenia,
aby utworzy efekt imitujcy poruszenie lub zewntrzny cie. Jeli obiekt bitmapowy
ma takie same wymiary jak obszar roboczy, efekt bdzie niewidoczny, poniewa znajdzie si poza obszarem roboczym albo (w przypadku niektrych Xtras) nie zostanie
w ogle stworzony. Przed zastosowaniem filtra powiksz obszar roboczy, aby zapewni
mu troch miejsca.
Aby zastosowa Xtra do obiektu bitmapowego, zaznacz go i wybierz dany filtr z menu Xtras.
J
J
Jeli zastosujesz Xtra do grupy obiektw, filtr zostanie uruchomiony tylko raz,
jak dla pojedynczego obiektu. Wszystkie obiekty stan si jednym bitmapowym
i nie bdziesz mg ich rozdzieli. Aby zgrupowa ze sob wiele obiektw,
zaznacz je i wybierz z menu polecenie Modify/Group lub uyj skrtu klawiaturowego
Ctrl+G (Command+G).
Inaczej dziaaj jedynie filtry Adjust Color, Blur, Other i Sharpen, ktre s instalowane
razem z Fireworks (znajduj si poniej pierwszego separatora w menu Xtras).
Funkcjonuj one z zaznaczonymi obiektami tak, jakby byy zgrupowane.
Dotychczas dowiedziae si, co moesz osign za pomoc Live Effects i Xtras instalowanych wraz z Fireworks, ale to dopiero pocztek. Dostpnych jest wiele zgodnych
z Photoshopem filtrw typu modu dodatkowy, produkowanych przez wiele rne firmy.
Fireworks obsuguje filtry zgodne z Photoshopem, ale niektrzy producenci tworz
filtry przeznaczone jedynie dla Photoshopa, ktre nie dziaaj w innych aplikacjach.
Lista filtrw uznanych przez program za niezgodne znajduje si w pliku Disabled
plugins.txt w katalogu Xtras Fireworks. To, e filtr nie znajduje si na tej licie,
nie oznacza jeszcze, e na pewno bdzie dziaa w Fireworks. Zawsze, jeli to
moliwe, przed zakupem filtru dowiedz si u producenta oprogramowania,
czy jest on zgodny z Fireworks.
J
Mam okoo szeciu lub siedmiu aplikacji uywajcych filtrw, wic przechowuj filtry
w jednym katalogu (niezalenym od wszystkich aplikacji) i ustawiam go jako katalog
moduw dodatkowych dla wszystkich aplikacji. Mona rwnie instalowa filtry wielokrotnie, dla kadej aplikacji osobno.
By moe masz tylko jedn aplikacj korzystajc ze standardowych filtrw, na przykad Photoshopa. W takim przypadku moesz wskaza katalog moduw dodatkowych
tej aplikacji jako dodatkowy katalog Xtras dla Fireworks.
Aby zdefiniowa dodatkowy katalog filtrw:
1. Wybierz z menu polecenie Edit/Preferences.
Zostanie otwarte okno dialogowe Preferences.
2. Kliknij zakadk Folders (wybierz opcj Folders w MacOS) (patrz rysunek 12.25).
3. Zaznacz opcj Photoshop Plug-Ins.
4. Kliknij przycisk Browse znajdujcy si obok opcji Photoshop Plug-Ins.
Fireworks wywietli nawigacyjne okna dialogowe.
J
Fireworks mo5e
u5ywa filtrw
znajdujcych si
w innym katalogu
w Twoim
komputerze,
na przykad
katalogu
moduw
dodatkowych
Photoshopa
J
3
4)
Eye Candy to popularny pakiet filtrw, ktre moesz instalowa jako Xtras w Fireworks. Razem z Fireworks instalowany jest pakiet trzech filtrw Eye Candy 4000
LE. Nawet jeli nie posiadasz penego pakietu Eye Candy 4000, w tym podrozdziale
znajdziesz opisy moliwoci tych filtrw i bdziesz mg oceni jako i przydatno
podobnych pakietw.
Firma Alien Skin tak zoptymalizowaa swj pakiet filtrw Eye Candy 4000, aby mona
ich byo uywa jako Live Effects w Fireworks. a take Udostpnia te program do
aktualizacji starszej wersji Eye Candy 3.1. Znajdziesz go na stronie firmy Alien Skin
(www.alienskin.com) lub bezporednio na stronie Eye Candy (www.eyecandy.com).
W tym podrozdziale zajmiemy si klasycznymi efektami, takimi jak fazowanie, zewntrzne cienie, dym, poruszenie i znieksztacanie. Filtry Eye Candy s doskonaym
wprowadzeniem do wszystkich innych pakietw filtrw, poniewa nale do tych
efektw, ktre kady projektant grafiki dla Internetu wykonuje na co dzie.
Oto zestawienie niektrych moliwoci filtrw Eye Candy:
Wszystkie filtry z pakietu Eye Candy maj wsplny interfejs, wic nie musisz si
uczy obsugi kadego z filtrw osobno (patrz rysunek 12.27).
W tabeli 12.3 znajdziesz opisy dziaania wszystkich filtrw wchodzcych w skad pakietu Eye Candy. Wikszo z nich jest wsplna dla wersji 4000 i starszej 3.1. Jednak
w wersji 4000 filtry zostay uzupenione o nowe waciwoci.
Wiele filtrw Eye Candy dodaje elementy poza obszarem zaznaczonym, dlatego te
ich dziaanie w duym stopniu zaley od zaznaczenia utworzonego w obiekcie
bitmapowym i odlegoci pomidzy tym obiektem a krawdziami obszaru roboczego.
*
Filtr Jiggle tworzy niepowtarzalne znieksztacenie obrazka oparte na losowo rozmieszczanym wrzeniu. Tworzony w ten sposb dese wyglda o wiele bardziej przypadkowo i naturalnie (mniej komputerowo) ni wiele innych znieksztacajcych filtrw.
Zaznaczony obszar po zastosowaniu filtra moe wyglda tak, jakby wrza, by elowany lub rozbity.
J
Filtry Eye Candy
syn
z dynamicznego
interfejsu
i atwego dostpu
do gotowych
ustawie".
Na ilustracji
wida logo
Fireworks
rozpalane
za pomoc
filtra Fire
J
Alien Skin Eye Candy 4000
Filtr
Opis
Antimatter
Chrome
Cutout
Fire
Fur
Glass
HSB Noise
Jiggle
Motion Trail
Smoke
Squint
Star
Swirl
Water Drops
Weave
J
Filtr Jiggle tworzy
naturalnie
wygldajce
znieksztacenie
poprzez
zastosowanie
efektu wrzenia.
Trzeci obrazek
(po prawej)
jest oryginalnym
obrazkiem,
na ktry
jako maska alfa
zosta nao5ony
obrazek filtrowany.
W przezroczystych
obszarach obrazka
wy2wietlany jest
zmieniajcy si
kolor obszaru
roboczego
Shadow Length definiuje dugo cienia, nie wpywajc przy tym na jego
grubo. Im nisze wartoci, tym krtszy cie.
J
3. Jeli chcesz, moesz za pomoc przycisku Save Preset zapisa swoje ustawienia
filtra. Po zakoczeniu kliknij przycisk OK.
Efekt zostanie zastosowany do obrazka (patrz rysunek 12.29).
Filtry Candy 4000
Shadowlab
i Eye Candy 3.1
Perspective
Shadow
umo5liwiaj
tworzenie
realistycznych,
trjwymiarowych
cieni. Po lewej
stronie ilustracji
znajduje si
oryginalny obiekt
wektorowy,
za2 po prawej
obiekt bitmapowy
po zastosowaniu
filtra Perspective
Shadow
56
#7
Filtry z pakietu Kais Power Tools 5 wyrnia fakt, e pozwalaj one dokonywa radykalnych modyfikacji obrazkw. Po zastosowaniu jednego z Xtras mona uzyska obrazek wygldajcy zupenie inaczej ni oryginalna grafika. Prawd mwic, sporo pracy
kosztuje takie ustawienie filtra, aby obrazki byy rozpoznawalne.
Kai w nazwie Kais Power Tools to twrca pakietu filtrw Kai Krause, czowieklegenda wrd grafikw komputerowych.
wsplny dla wszystkich filtrw pakietu interfejs uytkownika (patrz rysunek 12.30).
W kolorowej wkadce moesz zobaczy, jakie moliwoci daje filtr FraxPlorer.
J
Interfejs filtrw
z pakietu KPT 5
na pocztku mo5e
wydawa si
skomplikowany,
ale zawiera wiele
u5ytecznych opcji.
Filtr zaprezentowany
na ilustracji
to FraxPlorer
Opis
Blurrrr
Noize
RadWarp
Smoothie
Frax4D
FraxFlame
FraxPlorer
FiberOptix
Orb-It
ShapeShifter
J
0
&
Filtr KPT RadWarp symuluje efekt fotograficzny nazywany beczk. Moesz wykorzysta efekt rybiego oka, aby utworzy fantastyczne warianty grafiki, lub przeciwny do
rybiego oka efekt beczki.
Nawet jeli utworzysz jakie zaznaczenie, wszystkie filtry KPT 5 oddziauj na cay
obiekt bitmapowy. Jeli chciaby zastosowa efekt jedynie do wybranego fragmentu
obrazka, w podrozdziale Faszywe zaznaczenia przeczytaj, jak sobie z tym poradzi.
J
Podczas pracy z obiektami wektorowymi w Fireworks moesz wykorzystywa Live
Effects do uzyskiwania zadziwiajcych, trjwymiarowych efektw. Jeli kiedykolwiek
prbowae stworzy taki sam efekt za pomoc Live Effects przeznaczonych dla obiektw bitmapowych, prawdopodobnie bye zawiedziony wynikami. Filtr ShapeShifter
z pakietu KPT 5 umoliwia tworzenie obiektw bitmapowych, ktre mog miao konkurowa z obiektami wektorowymi.
Aby uy filtra ShapeShifter, zaznacz obiekt i:
1. Wybierz z menu polecenie Xtras/KPT 5/ShapeShifter.
Zostanie otwarte okno dialogowe ShapeShifter (patrz rysunek 12.32).
Wykorzystanie
filtra ShapeShifter
do obiektw
bitmapowych
pozwala osign
trjwymiarowy
wygld,
ktry mo5e
konkurowa
z podobnymi
efektami
tworzonymi
za pomoc
Live Effects
stosowanymi
do obiektw
wektorowych
J
Niestety, filtry KPT 5 nie mog wykorzystywa jako masek obrazkw zapisanych
w formacie PNG. Jeeli chcesz utworzy mask dla KPT 5, wyeksportuj j z Fireworks
w formacie TIFF.
6. W panelu Shadow dodaj do obrazka cie. Podobnie jak w przypadku blasku moesz
przesun cie wzgldem obrazka, wybra jego kolor i okreli przezroczysto.
7. W panelu Top Mask moesz zaimportowa inn mask do utworzenia efektu
paskorzeby na trjwymiarowym obiekcie, co powoduje powstanie efektu
odbitej pieczci.
8. W panelu Environment Map zaaduj obrazek, ktry zostanie wykorzystany jako
mapa otoczenia obiektu. Obrazek ten bdzie odbijany przez trjwymiarowy ksztat,
tak jak niebo odbija si w spokojnym jeziorze. Pozwala to zwikszy wraenie
gbi obrazka.
Ustawienia mapy otoczenia rwnie moesz modyfikowa za pomoc myszy
w oknie podgldu.
Efekty odgrywaj wan rol w grafice internetowej. Zwaszcza wtedy, gdy s wykorzystywane do tworzenia rnych wersji przyciskw reagujcych na zdarzenia myszy.
Fireworks pozwala na atwe tworzenie nawet najtrudniejszych z nich za pomoc swoich
piciu wbudowanych efektw i wielu predefiniowanych ustawie. Stosujc w swoich
grafikach efekty, powiniene pamita o nastpujcych rzeczach:
Filtry i efekty stosowane z poziomu palety Effect mona zawsze edytowa. Filtry
stosowane z menu Xtras przeksztacaj obiekty tekstowe i wektorowe na bitmapy.
J
Efekty Inner Bevel i Outer Bevel maj podobne dziaanie, ale daj zupenie
rne rezultaty. Efekt Inner Bevel uywa koloru obiektu do utworzenia jego
wewntrznych krawdzi, za Outer Bevel uywa koloru wybranego przez
uytkownika do utworzenia obwdki biegncej na zewntrz obiektu.
W nastpnym rozdziale dowiesz si, jak w Fireworks moesz rozmieszcza i komponowa ze sob rne obiekty.