You are on page 1of 62

IDZ DO

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  3-   


    #  
Ustawianie preferencji .........................................................................................................................115
Oglne preferencje programu........................................................................................................116
Preferencje edycji ..........................................................................................................................118
Preferencje Launch and Edit .........................................................................................................121
Preferencje folderw .....................................................................................................................122
Preferencje importu .......................................................................................................................123
Ustawienia HTML ...............................................................................................................................124
Opcje oglne..................................................................................................................................125
Opcje tabel.....................................................................................................................................126
Opcje specyficzne dla dokumentu.................................................................................................127
Opcje drukowania................................................................................................................................130
Ustawianie wasnych skrtw klawiaturowych ..................................................................................131
Zmiana biecego zestawu skrtw ..............................................................................................132
Wasne skrty klawiaturowe .........................................................................................................133
Podsumowanie.....................................................................................................................................136
2  3%- 
 
 3   $
5 
Tworzenie nowych dokumentw.........................................................................................................137
Dwa podejcia ...............................................................................................................................138
Opcje obszaru roboczego ..............................................................................................................139
Tworzenie nowego dokumentu .....................................................................................................141
Otwieranie istniejcych obrazkw.......................................................................................................143
Formaty plikw .............................................................................................................................143
Otwieranie wielu plikw ...............................................................................................................146
Zapisywanie plikw.............................................................................................................................147
Zamykanie plikw.........................................................................................................................148
Przywracanie ostatnio zapisanej wersji pliku................................................................................149
Modyfikowanie obszaru roboczego.....................................................................................................149
Zmienianie rozmiaru obszaru roboczego ......................................................................................149
Przycinanie obszaru roboczego .....................................................................................................154
Wybr nowego koloru obszaru roboczego....................................................................................155
Obracanie obszaru roboczego .......................................................................................................155
Podsumowanie.....................................................................................................................................156

  
  
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  38 7
  ,   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# 



Technika Fireworks: konwertowanie kolorw Pantone na kolory bezpieczne dla Internetu..............229


ColorWeb Pro dla Windows..........................................................................................................230
ColorWeb dla MacOS ...................................................................................................................231
Podsumowanie.....................................................................................................................................232
2  3*!&0
Paleta Stroke ........................................................................................................................................233
Kategorie i typy obrysw ..............................................................................................................235
Krawdzie i rozmiar obrysu ..........................................................................................................236
Tekstura obrysu .............................................................................................................................236
Wbudowane obrysy .............................................................................................................................238
Pencil .............................................................................................................................................239
Basic ..............................................................................................................................................240
Air Brush .......................................................................................................................................240
Calligraphy ....................................................................................................................................241
Charcoal.........................................................................................................................................242
Crayon ...........................................................................................................................................243
Felt Tip ..........................................................................................................................................243
Oil..................................................................................................................................................243
Watercolor .....................................................................................................................................245
Random .........................................................................................................................................245
Unnatural .......................................................................................................................................246
Tworzenie nowych obrysw................................................................................................................247
Zarzdzanie obrysami....................................................................................................................248
Edycja obrysw .............................................................................................................................250
Technika Fireworks: tworzenie kropkowanych linii ...........................................................................258
Orientacja obrysu.................................................................................................................................261
Podsumowanie.....................................................................................................................................262
2  3'9
$ 
  :  0)
Wizualne przeksztacanie obiektw ....................................................................................................264
Skalowanie ....................................................................................................................................264
Przekrzywianie ..............................................................................................................................266
Znieksztacanie..............................................................................................................................266
Obracanie.......................................................................................................................................267
Numeryczne transformacje obiektw ..................................................................................................268
Technika Fireworks: tworzenie perspektywy......................................................................................269
Zarzdzanie wzami i ciekami ........................................................................................................271
Przesuwanie punktw za pomoc narzdzia Subselection............................................................271
Dodawanie i usuwanie punktw....................................................................................................272
Zamykanie otwartych cieek .......................................................................................................273
Praca ze zoonymi ciekami.......................................................................................................274
Edycja cieek .....................................................................................................................................275
Modyfikowanie cieek.................................................................................................................275
Narzdzia Freeform i Reshape Area .............................................................................................277
Narzdzia Path Scrubber ...............................................................................................................280
Operacje na ciekach ...................................................................................................................283
Podsumowanie.....................................................................................................................................288



  %+&,
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

  


2  31# 3

  $ '
Wykorzystanie wbudowanych wypenie ...........................................................................................319
Usuwanie wypenie obiektw .....................................................................................................320
Solid ..............................................................................................................................................321
Web Dither ....................................................................................................................................322
Praca z gradientami .............................................................................................................................324
Stosowanie wypenienia Gradient .................................................................................................325
Modyfikowanie gradientw ..........................................................................................................325
Wykorzystanie stylw ...................................................................................................................330
Technika Fireworks: tworzenie przezroczystych gradientw .............................................................331
Desenie ................................................................................................................................................332
Dodawanie nowych deseni............................................................................................................333
Dodawanie deseni do dokumentw...............................................................................................334
Modyfikowanie deseni ..................................................................................................................335
Technika Fireworks: tworzenie bezspoinowych deseni ......................................................................336
Dodawanie tekstur do wypenie ........................................................................................................341
Dodawanie nowych tekstur ...........................................................................................................342
Konwersja kolorowych obrazkw na skal szaroci.....................................................................342
Przydzielanie dodatkowego katalogu z teksturami .......................................................................342
Dodawanie tekstur do dokumentu.................................................................................................344
Tworzenie wypenie za pomoc narzdzia Paint Bucket ..................................................................344
Podsumowanie.....................................................................................................................................346
2  30;<  =  %'
Efekty Fireworks .................................................................................................................................350
Paleta Effect ..................................................................................................................................350
Stosowanie Live Effects................................................................................................................350
Menu Xtras ....................................................................................................................................353

4# 



Wbudowane Live Effects ....................................................................................................................354


Dostosowywanie kolorw .............................................................................................................355
Dostosowywanie poziomw tonalnych.........................................................................................355
Uzyskiwanie trjwymiarowych efektw za pomoc filtrw Bevel i Emboss...............................363
Tworzenie wraenia gbi za pomoc rozmycia ...........................................................................366
Niesklasyfikowane efekty .............................................................................................................367
Shadow i Glow ..............................................................................................................................368
Poprawianie ostroci obrazkw.....................................................................................................371
Technika Fireworks: tworzenie cieni perspektywicznych...................................................................372
Zasady pracy z Live Effects ................................................................................................................375
Zapisywanie zmodyfikowanych efektw......................................................................................376
Brakujce filtry..............................................................................................................................376
Zapisywanie efektw w palecie Styles..........................................................................................377
Xtras.....................................................................................................................................................378
Obiekty wektorowe .......................................................................................................................378
Obiekty bitmapowe .......................................................................................................................379
Zaznaczanie w obiektach bitmapowych........................................................................................379
Faszywe zaznaczenia....................................................................................................................380
Stosowanie Xtras do wielu obiektw jednoczenie ......................................................................380
Zewntrzne filtry zgodne z Photoshopem ...........................................................................................381
Instalowanie pakietw zewntrznych filtrw................................................................................381
Wykorzystywanie filtrw w wielu aplikacjach .............................................................................382
Wykorzystywanie skrtw (aliasw) do katalogw moduw dodatkowych...............................383
Alien Skin Eye Candy ...................................................................................................................384
Kais Power Tools 5 ......................................................................................................................388
Podsumowanie.....................................................................................................................................392
2  32  
  #

  & 5'
Wykorzystanie warstw ........................................................................................................................396
Dodawanie warstw ........................................................................................................................397
Nazywanie warstw ........................................................................................................................397
Duplikowanie warstwy..................................................................................................................397
Usuwanie warstw ..........................................................................................................................398
Zmienianie kolejnoci warstw.......................................................................................................398
Edycja poszczeglnych warstw.....................................................................................................398
Kolumna Selection ........................................................................................................................399
Otwieranie warstw.........................................................................................................................399
Warstwa internetowa.....................................................................................................................401
Wyrwnanie i rozkad obiektw..........................................................................................................402
Wykorzystanie teoretycznej ramki ograniczajcej ....................................................................402
Wyrwnywanie wzgldem obszaru roboczego.............................................................................406
Elementy pomocnicze..........................................................................................................................407
Linijki ............................................................................................................................................407
Prowadnice ....................................................................................................................................408
Siatka .............................................................................................................................................411
Grupowanie obiektw..........................................................................................................................412
Maski alfa ............................................................................................................................................414
Tworzenie masek wektorowych....................................................................................................415
Maski bitmapowe ..........................................................................................................................417
Edycja masek.................................................................................................................................420
Wskazwki dotyczce maskowania ..............................................................................................423
Technika Fireworks: tworzenie ramek do zdj............................................................................423



  %+&,
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

 !&    ''


2  30.? # & 5#,  ).
Podstawowe wiadomoci o mapach obrazkw i obszarach aktywnych..............................................602
Narzdzia do tworzenia obszarw aktywnych ....................................................................................603
Prostoktne obszary aktywne ........................................................................................................603
Okrge obszary aktywne ..............................................................................................................604
Wieloktne obszary aktywne.........................................................................................................605
Przydzielanie czy do obszarw aktywnych................................................................................605
Przeksztacanie obiektw na obszary aktywne .............................................................................607
Eksportowanie kodu dla map obrazkw..............................................................................................607
Wybr stylu HTML.......................................................................................................................608
Umieszczanie kodu mapy obrazka na stronie WWW ...................................................................610
Plastry ..................................................................................................................................................614

4# 

Plastrowanie obrazkw w Fireworks...................................................................................................615


Prostoktne plastry ........................................................................................................................616
Wieloktne plastry.........................................................................................................................617
Prowadnice plastrw .....................................................................................................................618
Kopiowanie obrazkw do plastrw...............................................................................................619
Przydzielanie adresw URL do plastrw ......................................................................................619
Eksportowanie plastrw ......................................................................................................................622
Eksportowanie plastrw jako rnych typw obrazkw...............................................................622
Okrelanie opcji eksportu..............................................................................................................622
Wstawianie plastrw na stron WWW .........................................................................................623
Eksportowanie pojedynczych plastrw .........................................................................................625
Technika Fireworks: eksportowanie pozycji bibliotek Dreamweavera...............................................626
Technika Fireworks: animowanie plastrw.........................................................................................628
Podsumowanie.....................................................................................................................................630
2  30+ /  @, :   )
Podstawowe wiadomoci o behawiorach ............................................................................................632
Paleta Behaviors ..................................................................................................................................632
Przydzielanie behawiorw ............................................................................................................633
Modyfikowanie behawiorw.........................................................................................................634
Usuwanie behawiorw ..................................................................................................................635
Tworzenie rollowerw.........................................................................................................................635
Jak dziaaj rollowery....................................................................................................................635
Stany rollowerw ..........................................................................................................................636
Tworzenie obrazkw uywanych w rollowerach..........................................................................636
Stosowanie behawiora Simple Rollover (prosty rollower) ...........................................................639
Eksportowanie rollowerw..................................................................................................................639
Eksportowanie kodu z Fireworks ..................................................................................................641
Wstawianie kodu rollowera na stron WWW...............................................................................642
Behawior Nav Bar ...............................................................................................................................644
Tworzenia paska nawigacyjnego...................................................................................................645
Tworzenie przyciskw w oknie Button Editor..............................................................................646
Zaawansowane techniki tworzenia rollowerw ..................................................................................648
Tworzenie rozdzielnych rollowerw.............................................................................................648
Tworzenie zewntrznych rollowerw ...........................................................................................649
Rollowery w obszarach aktywnych...............................................................................................650
Wywietlanie komunikatw w pasku stanu przegldarki .............................................................652
Menu rozwijane ...................................................................................................................................652
Behawiory Drag-and-Drop ..................................................................................................................656
Tworzenie prostego rollowera za pomoc techniki przecignij i upu....................................657
Tworzenie rollowerw rozdzielnych za pomoc techniki przecignij i upu..........................658
Usuwanie behawiorw Drag-and-Drop ........................................................................................659
Podsumowanie.....................................................................................................................................659
2  300
 "  -  <   ))
Podstawowe wiadomoci o integracji Fireworks i Dreamweavera .....................................................662
Optymalizacja obrazkw z poziomu Dreamweavera ..........................................................................662
Edycja obrazkw z poziomu Dreamweavera ......................................................................................664
Zdefiniowanie Fireworks jako edytora grafiki dla Dreamweavera...............................................665
Odczytywanie dziennika projektu (Design Notes) w Dreamweaverze.........................................666
Modyfikowanie plastrowanych obrazkw ....................................................................................667



  %+&,
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# 



  "  


    
2  30-   
    3 
/#  & 
Interpreter HTML i JavaScriptu ..........................................................................................................736
Katalog Configuration .........................................................................................................................737
Batch Code ....................................................................................................................................738
Commands.....................................................................................................................................738
Export Settings ..............................................................................................................................738
HTML Code ..................................................................................................................................739
jsextensions ...................................................................................................................................740
Libraries.........................................................................................................................................740
Nav Menu ......................................................................................................................................740
Patterns ..........................................................................................................................................740
Styles .............................................................................................................................................741
Textures .........................................................................................................................................741
URL Libraries................................................................................................................................741
Xtras ..............................................................................................................................................742
Plik preferencji Fireworks 4 ................................................................................................................742
Podsumowanie.....................................................................................................................................755
2  30)
  # "  
  #,  A  ( 
Niestandardowe typy danych...............................................................................................................758
Kolory............................................................................................................................................758
URL plikw...................................................................................................................................758
Maski .............................................................................................................................................759
Matryce..........................................................................................................................................759
Punkty............................................................................................................................................759
Prostokty......................................................................................................................................760
Rozdzielczo................................................................................................................................760
Metody globalne ..................................................................................................................................760
alert(komunikat) ............................................................................................................................760
confirm(komunikat).......................................................................................................................761
prompt(nagwek, tekst)................................................................................................................761
WRITE_HTML(arg1[, arg2, ..., argN]) ........................................................................................762
write(arg1[, arg2, ..., argN]) ..........................................................................................................762
Obiekty globalne..................................................................................................................................762
fw...................................................................................................................................................763
Obiekt Document ..........................................................................................................................768
Bdy .............................................................................................................................................777
Obiekt Find....................................................................................................................................779
Obiekt Files ...................................................................................................................................782
Obiekty Hotspot...................................................................................................................................786
exportDoc ......................................................................................................................................786
Mapy obrazkw.............................................................................................................................788
Behawiory .....................................................................................................................................789
Plastry ..................................................................................................................................................791
Obiekt SliceInfo ............................................................................................................................791
Obiekt Slices..................................................................................................................................793



  %+&,
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:


Podstawy efektw Fireworks

Wykorzystanie palety Effect

Praca z Live Effects

Technika Fireworks: tworzenie cieni perspektywicznych

Zarzdzanie Live Effects

Stosowanie Xtras

Wykorzystanie moduw dodatkowych zgodnych z Photoshopem

Filtry innych firm

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:


None. Wybranie tej opcji powoduje usunicie wszystkich efektw z zaznaczenia,

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.

Zachowane kombinacje efektw. Ta sekcja palety nie jest wywietlana,


dopki nie zapiszesz swojej pierwszej kombinacji efektw.

Wbudowane Live Effects. Fazowanie, rozmycie i blaski.

Filtry graficzne zgodne z Photoshopem produkowane przez inne firmy.

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

Za pomoc jednego z narzdzi selekcji zaznacz obszar i skopiuj go do schowka.


Wybierz Modify/Exit bitmap mode. Wklej zaznaczenie jako nowy obiekt bitmapowy.
Zostanie on umieszczony dokadnie w takim samym pooeniu, w jakim znajdowao
si zaznaczenie. Zastosuj Live Effects do nowego obiektu bitmapowego. Jeli
chcesz, moesz nastpnie zgrupowa nowy obiekt bitmapowy z oryginalnym
obiektem, z ktrego pochodzio zaznaczenie.

Niektre Live Effects dostpne s rwnie z poziomu menu Xtras i mog by


stamtd stosowane do zaznacze bitmapowych. Wwczas jednak nie bdzie
moliwoci ich edytowania.

Mimo e kady z efektw posiada wasne ustawienia, wszystkie s przypisywane w taki


sam sposb:
1. Zaznacz obiekt lub obiekty. Fireworks umoliwia zastosowanie tego samego
efektu do wielu obiektw jednoczenie.
Jeli znajdujesz si obecnie w trybie edycji grafiki bitmapowej, kliknij przycisk STOP
u dou okna dokumentu, aby przej do trybu wektorowego.



J

2. Wybierz z menu polecenie Window/Effect, aby otworzy palet Effect. Moesz


rwnie uy skrtu klawiaturowego Alt+F7 (Option+F7) lub klikn zakadk
palety Effect, jeli znajduje si ona na ekranie.
3. Wybierz efekt z rozwijanej listy Effect Category. Jeeli posiada on edytowalne
ustawienia (jak wikszo efektw), Fireworks wywietli okno dialogowe (patrz
rysunek 12.2) o wygldzie dostosowanym do typu efektu.
 

Paleta Effect
oferuje wiele
ustawie"
dotyczcych
stosowania,
edytowania
i usuwania
efektw

4. Zmie ustawienia w oknie dialogowym, aby osign dane rezultaty.


Po zakoczeniu modyfikacji ustawie kliknij w dowolnym miejscu poza
oknem dialogowym lub wybierz przycisk OK w standardowym oknie
dialogowym. Moesz rwnie wcisn klawisz Enter (Return).
Efekt zostanie zastosowany do wszystkich zaznaczonych obiektw.
Po zastosowaniu efektu jest on dodawany do listy znajdujcej si w palecie Effect, za
Fireworks utrzymuje moliwo jego dostosowania do wszystkich zmian dotyczcych
obiektu. Po zmodyfikowaniu obiektu wektorowego, bitmapowego lub tekstowego Fireworks przelicza wszystkie wymagane parametry i ponownie stosuje efekt. Moliwo
tworzenia cakowicie edytowalnych grafik wektorowych (patrz rysunek 12.3), wygldajcych jak obiekty bitmapowe po zastosowaniu wielu modyfikacji filtrw graficznych,
jest wanym uzupenieniem warsztatu pracy kadego projektanta grafiki internetowej.
W kolorowej wkadce znajdziesz barwn wersj powyszej ilustracji.

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.

W duym skrcie rnica pomidzy efektami znajdujcymi si w menu Xtras i tymi,


ktre mona znale w palecie Effect, polega na tym, e efekty z menu Xtras nie s
inteligentne i mog by stosowane tylko do obiektw bitmapowych; zastosowanie
Xtra do obiektu tekstowego lub wektorowego spowoduje przeksztacenie go na obiekt
bitmapowy. Nie ma innej moliwoci cofnicia tej operacji ni polecenie Undo lub wykorzystanie palety History.



J

 

Menu Xtras
zawiera
wbudowane
filtry graficzne
Fireworks
oraz produkowane
przez inne firmy
filtry zgodne
z Photoshopem

Menu Xtras jest podzielone na trzy czci:




pojedyncze polecenie identyfikujce i pozwalajce powtrzy ostatnio


zastosowany filtr,

wbudowane filtry graficzne Fireworks,


Jedyny wyjtek to filtr DitherBox, ktry jest doczany do Photoshopa 5. Filtr ten moe
by dostpny w podmenu Other.

zgodne z Photoshopem filtry graficzne produkcji innych firm.

Filtry graficzne typu moduw dodatkowych s automatycznie grupowane w rnych


podmenu, odpowiadajcych producentom tych moduw.

Razem z Fireworks instalowane s Live Effects pogrupowane w nastpujcych podmenu listy Effect Category znajdujcej si w palecie Effect:


Adjust Color Auto Levels, Brightness/Contrast (jasno/kontrast), Curves


(krzywe), Hue/Saturation (barwa/nasycenie), Invert (odwr), Levels (poziomy),

Bevel and Emboss (faza i paskorzeba) Inner Bevel (wewntrzna faza),


Inset Emboss (paskorzeba), Outer Bevel (zewntrzna faza) i Raised Emboss
(wytoczenie),

 
 J 
 





Blur (rozmycie) Blur, Blur More i Gaussian Blur,

Other niesklasyfikowane efekty Convert to Alpha (konwertuj na alfa) i Find


Edges (znajd krawdzie),

Shadow and Glow (cie i blask) Drop Shadow (cie zewntrzny), Glow
(blask), Inner Glow (wewntrzny blask), Inner Shadow (cie wewntrzny),

Sharpen (wyostrzanie) Sharpen, Sharpen More i Unsharp Mask.

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

Automatycznie dostosowuje poziomy tonalne obrazka

Brightness/Contrast

Dostosowuje jasno i (lub) kontrast wszystkich pikseli obrazka

Curves

Pozwala dostosowa poziomy wybranej barwy obrazka, nie zmieniajc


przy tym innych kolorw

Hue/Saturation

Dostosowuje kolory obrazka

Invert

Zmienia kolor kadego piksela na jego matematyczn odwrotno.


Utworzony zostaje w ten sposb negatyw oryginalnego obrazka

Levels

Pozwala dostosowa poziomy tonalne wszystkich pikseli obrazka

Inner Bevel

Fazuje wewntrzne krawdzie obrazka, nadajc mu w ten sposb


trjwymiarowy wygld

Inset Emboss

Symuluje wyrzebienie obiektu w jego tle

Outer Bevel

Otacza obiekt za pomoc trjwymiarowego, zaokrglonego prostokta

Raised Emboss

Symuluje wytoczenie obiektu z jego ta

Blur

Rozmywa piksele, tworzc w ten sposb obiekt z nieostrymi krawdziami

Blur More

Dziaa tak samo jak Blur, ale uywa wikszego promienia rozmycia

Gaussian Blur

Dziaa podobnie do Blur More, ale uywa krzywej gaussowskiej i posiada


okno dialogowe pozwalajce zdefiniowa promie rozmycia

Convert to Alpha

Konwertuje obrazek na skal szaroci. Przekonwertowany obrazek moe


by nastpnie wykorzystany jako maska alfa. Biae piksele obrazka uzyskuj
przezroczysto

Find Edges

Wykrywa kontury ksztatw i konwertuje je na cige linie

Drop Shadow

Tworzy cie obiektu, wyrniajc go w ten sposb z ta

Glow

Tworzy aureol lub lekki blask wok obiektu

Inner Glow

Tworzy blask wewntrz obiektu

Inner Shadow

Tworzy cie wewntrz obiektu

Sharpen

Wyostrza obrazek poprzez wyszukiwanie krawdzi i zwikszenie kontrastu


pomidzy ssiednimi pikselami

Sharpen More

Dziaa tak samo jak Sharpen, ale uywa wikszego promienia

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

3. Z listy efektw wybierz Adjust Color/Brightness/Contrast. Fireworks otworzy


okno dialogowe Brightness/Contrast (patrz rysunek 12.6).
4. Zaznacz opcj Preview, aby wszystkie zmiany byy automatycznie wywietlane
w oknie dokumentu.

 
 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

5. Za pomoc suwakw Brightness i (lub) Contrast dostosuj poziomy tonalne


obrazka. Zakres kadego suwaka wynosi od 100 do 100. Kliknij przycisk OK.

 
Live Effect Color Fill pozwala na zmian kolorw pikseli obiektu bez wprowadzania staych zmian.
Color Fill jest nowym Live Effect w Fireworks 4.

Aby uy filtra Color Fill:


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

3. Z listy efektw wybierz Adjust Color/Color Fill. Fireworks otworzy okno


dialogowe Color Fill.
4. Z rozwijanego prbnika kolorw wybierz dany kolor wypenienia.
5. Zmie ustawienia krycia, korzystajc z suwaka Opacity.
6. Z listy opcji Blending Mode wybierz tryb mieszania.
W rozdziale 13. znajdziesz wicej informacji o trybach krycia i mieszania.

7. Aby zamkn okno dialogowe, kliknij poza jego obszarem lub wcinij Enter
(Return).
Program zastosuje efekt do zaznaczonego obiektu.

  


W obrazkach, ktre wymagaj wikszej korekty tonalnej ni oferowana przez filtr Brightness/Contrast, mona wykorzysta inne filtry Fireworks: Levels i Auto Levels. Filtr Auto
Levels dziaa podobnie jak Levels, ale nie wywietla adnego okna dialogowego. Fireworks zamienia najciemniejsze piksele obrazka na czarne, za piksele najjaniejsze na
biae. W przypadku niektrych obrazkw filtr Auto Levels pozwala dostosowa ich poziomy tonalne w rekordowo krtkim czasie. Jeli jednak nie zadziaa tak, jak tego oczekiwae, bdziesz musia rcznie dostosowa poziomy za pomoc filtru Levels.
W kolorowej wkadce znajdziesz ilustracj demonstrujc wykorzystanie filtru Auto Levels.

W oknie dialogowym Levels znajduje si specjalny zestaw trzech kroplomierzy (patrz


rysunek 12.7), dostpnych rwnie w oknie dialogowym Curves, ktremu przyjrzymy
si bliej w nastpnym podrozdziale. Trzy kroplomierze jeden dla wiate, jeden dla
pcieni i jeden dla cieni pozwalaj ustawi nowe wartoci tych parametrw poprzez
wskazanie pikseli o danych poziomach tonalnych. Jeeli na przykad Twj obrazek
jest zbyt ciemny, wybierz kroplomierz cieni i kliknij piksel, ktry jest odrobin janiejszy od najciemniejszego piksela w obrazku. Fireworks zastpi wszystkie najciemniejsze
piksele obrazka tonem kliknitego piksela. W rezultacie obrazek zostanie rozjaniony.
Na podobnych zasadach dziaaj kroplomierze wiate i pcieni.
 

Specjalny zestaw
kroplomierzy pozwala
wskaza piksele
o 5danym poziomie
nowych 2wiate,
pcieni i cieni
obrazka

 
 J 
 





Kliknicie przycisku Auto, znajdujcego si w oknie dialogowym Levels, wywouje


podobne rezultaty co uycie filtra Auto Levels.

Kroplomierze mona rozpozna po kolorze znajdujcego si w nich atramentu.


W kroplomierzu wiate znajduje si biay atrament, w kroplomierzu pcieni
szary, za w kroplomierzu cieni czarny.

W oknie dialogowym Levels znajduje si rwnie histogram, czyli wykres prezentujcy


poziomy wiate, pcieni i cieni obrazka. Pozwala on szybko zorientowa si, co moesz osign poprzez dostosowywanie poziomw tonalnych obrazka. O pozioma histogramu prezentuje od lewej do prawej tony obrazka od najciemniejszych do najjaniejszych, za o pionowa poziomy tych tonw, mieszczce si w zakresie od 0 do 255.
Aby zastosowa filtr Levels i zmodyfikowa poziomy tonalne obrazka:
1. Zaznacz obrazek, ktry chcesz modyfikowa.
2. Wybierz z menu polecenie Window/Effect lub uyj skrtu klawiaturowego Alt+F7
(Option+F7), aby wywietli palet Effect.
3. Z listy efektw wybierz Adjust Color/Levels. Fireworks otworzy okno dialogowe
Levels (patrz rysunek 12.8).
 

W oknie
dialogowym
Levels wy2wietlany
jest histogram
2wiate, pcieni
i cieni obrazka

4. Zaznacz opcj Preview, aby wszystkie zmiany byy automatycznie wywietlane


w oknie dokumentu.
5. Z rozwijanej listy Channels wybierz kana, ktry chcesz zmodyfikowa. Moesz
wybra tylko kana Red, tylko Green, tylko Blue lub opcj RGB, aby modyfikowa
wszystkie kanay jednoczenie.



J

Modyfikowanie jedynie kanau Red w obrazku RGB daje podobne efekty


co dostosowywanie kolorw poprzez zwikszanie lub zmniejszanie wartoci R
w palecie Color Mixer pracujcej w trybie RGB lub Hexadecimal (szesnastkowym).

6. Zmie poziom wiate i cieni w obrazku za pomoc suwakw Highlight, Midtone


i Shadow Input Levels lub poprzez wpisanie nowych wartoci w pola tekstowe
Highlight i Shadow Input Levels. Wartoci wiate i cieni nale do zakresu
0 255, za pcienie mog mie wartoci od 1 (neutralne) do 50% szaroci.
Wartoci cieni nie mog by wiksze ni wartoci wiate, za wartoci wiate
nie mog by mniejsze ni wartoci cieni.

7. Za pomoc suwakw Highlights i Shadows Output Levels dostosuj oglny


kontrast obrazka.
8. Jeli bdzie to konieczne, moesz uy kroplomierza Highlight, Midtone lub Shadow,
aby pobra odpowiednio docelowe poziomy wiate, pcieni i cieni obrazka.
9. Gdy bdziesz zadowolony z dokonanych modyfikacji, kliknij przycisk OK.
Wykonane zmiany zostan zastosowane do zaznaczonego obiektu.
W kolorowej wkadce znajdziesz ilustracj demonstrujc wykorzystanie filtru Levels.


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 
 





Aby uy filtra Curves:


1. Zaznacz obrazek, ktry chcesz modyfikowa.
2. Wybierz z menu polecenie Window/Effect lub uyj skrtu klawiaturowego Alt+F7
(Option+F7), aby otworzy palet Effect.
3. Wybierz z menu polecenie Adjust Color/Curves. Fireworks wywietli okno
dialogowe Curves (patrz rysunek 12.9).
 

Okno dialogowe
Curves pozwala
graficznie
modyfikowa
krzywe kolorw

4. Zaznacz opcj Preview, aby wszystkie zmiany byy na bieco wywietlane


w oknie dokumentu.
5. Z rozwijanej listy Channels wybierz kana, ktry chcesz zmodyfikowa. Moesz
wybra tylko kana Red, tylko Green, tylko Blue lub opcj RGB, aby modyfikowa
wszystkie kanay jednoczenie.
6. Kliknij punkt znajdujcy si na przektnej linii i przecignij go w nowe pooenie,
aby dostosowa krzyw. Modyfikacja krzywej powoduje zmiany wartoci Input
i Output.
7. Aby usun punkt z krzywej, zaznacz go i przecignij poza siatk.
Nie moesz usun punktw kocowych krzywej.

8. Jeli bdzie to konieczne, moesz uy kroplomierzy Highlight, Midtone lub Shadow,


aby ustali potrzebne poziomy odpowiednio wiate, pcieni i cieni obrazka.
9. Gdy ju bdziesz zadowolony z dokonanych modyfikacji, kliknij przycisk OK.
Fireworks zastosuje zmiany do zaznaczonego obiektu.
W kolorowej wkadce moesz porwna rezultaty zastosowania filtru Curves.

 

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.

Aby dostosowa barw lub nasycenie obrazka za pomoc filtru Hue/Saturation:


1. Zaznacz obrazek, ktry chcesz modyfikowa.
2. Wybierz z menu polecenie Window/Effect lub uyj skrtu klawiaturowego
Alt+F7 (Option+F7), aby otworzy palet Effect.
3. Wybierz z menu polecenie Adjust Color/Hue/Saturation. Fireworks wywietli
okno dialogowe Hue/Saturation (patrz rysunek 12.10).
 
 
W oknie
dialogowym
Hue/Saturation
znajduj si
trzy suwaki:
Hue, Saturation
i Lightness

4. Zaznacz opcj Preview, aby wszystkie zmiany byy na bieco uwzgldniane


w oknie dokumentu.
5. Zaznacz opcj Colorize, aby doda kolory do obrazka w skali szaroci lub zamieni
obrazek RGB na obrazek dwutonowy.
Po wybraniu opcji Colorize zakres wartoci suwaka zostanie zamieniony z 180
do 180 na 0 do 360, a zakres suwaka Saturation z 100 do 100 na 0 do 100.

6. Dostosuj nasycenie kolorw za pomoc suwaka Saturation.


7. Dostosuj kolory obrazka za pomoc suwaka Hue.
8. Dostosuj poziom jasnoci kolorw za pomoc suwaka Lightness.
9. Jeli jeste zadowolony z dokonanych modyfikacji, kliknij przycisk OK.
Dokonane zmiany zostan zastosowane do zaznaczonego obiektu.
W kolorowej wkadce moesz zobaczy rezultaty uycia filtru Hue/Saturation.

 
 J 
 



 

     


   !"
Dostpne w Fireworks filtry Bevel (faza) i Emboss (paskorzeba) pozwalaj na tworzenie efektw trjwymiarowych. Oba filtry symuluj padanie wiata na obiekt powodujc, e obiekt wyglda tak, jakby by wytoczony lub wcinity w to.


Efekty fazowania maj podobny interfejs uytkownika, atrybuty i opcje. Istniej jednak
pomidzy nimi dwie istotne rnice:


Inner Bevel fazuje wewntrzne krawdzie zaznaczonych obiektw,


za Outer Bevel zewntrzne.

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

W tabeli 12.2 znajdziesz opisy funkcji poszczeglnych kontrolek filtrw.


Efekty fazowania mog by stosowane do dowolnych obiektw, ale jeli krawdzie
obiektu zostan za bardzo rozmyte, nie zobaczysz dziaania efektu. Aby poczy
rozmycie krawdzi z ich fazowaniem, ustaw parametr Amount of Feather na warto
mniejsz ni szeroko fazy.

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

W licie opcji dostpnych jest siedem rnych typw fazowania.


Kady z nich modyfikuje liczb, ksztat lub wielko faz

Width

Steruje gruboci tworzonej fazy. Wartoci suwaka Width nale


do zakresu od 0 do 10 pikseli, ale bezporednio w pole tekstowe
moesz wprowadza wysze wartoci

Contrast

Determinuje rnic w jasnoci pomidzy jasnymi i ciemnymi stronami


fazy. Najwikszy kontrast tworzony jest przy wartoci 100%, za 0% nie
tworzy adnego kontrastu

Softness

Okrela ostro krawdzi uywanych do stworzenia fazy. Warto 0 daje


najbardziej ostre krawdzie, za warto 10 maksymalnie rozmyte.
Wartoci wiksze ni 10 pikseli nie daj adnych rezultatw

Angle

Tworzy kty, symulujc w ten sposb wiato na fazowanych krawdziach.


Przecignij gak lub wpisz warto kta bezporednio w polu tekstowym

Button Preset

Zawiera cztery wbudowane ustawienia parametrw wykorzystywane


gwnie do tworzenia przyciskw reagujcych na zdarzenia myszy

Color

Standardowa prbka koloru, dostpna dla filtru Outer Bevel, pozwala


zdefiniowa kolor zewntrznej fazy

 

Efekty
Inner Bevel
tworzone s
wewntrz
oryginalnej
2cie5ki obiektu,
za2 efekty
Outer Bevel
tworz fazy
na zewntrz
2cie5ki.
Przekrj fazy
pozwala
zidentyfikowa
jej typ

     


     
Efekty fazowania umoliwiaj atwe tworzenie rnych przyciskw nawigacyjnych
do formularzy, czy itd. Najczciej s one stosowane jako przyciski reagujce na zdarzenia myszy, zwane rollovers. Rollover jest terminem okrelajcym zdarzenie, w ktrym

 
 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

Aby przy tworzeniu przyciskw reagujcych na zdarzenia myszy wykorzysta wszystkie


zalety gotowych ustawie dostpnych w efektach fazowania, najpierw za pomoc gaki
Angle znajdujcej si w palecie Effect ustaw kt owietlenia. Nastpnie zduplikuj
obrazek i do kadej jego kopii zastosuj inny typ przycisku.

!"#
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

A oto lista parametrw, ktre moesz dostosowywa dla efektw Emboss:




Width definiuje grubo wytaczanych krawdzi obiektu. Jak w przypadku


innych efektw, wartoci, ktre mona ustawi za pomoc suwaka, nale do
zakresu od 0 do 30 pikseli, wysze liczby naley wpisywa w polu tekstowym.

Contrast pozwala ustawi rnice pomidzy poziomami jasnoci wiate


i cieni paskorzeby.

Softness ustawia ostro wytaczanych krawdzi. Im wysze wartoci parametru


Softness, tym mniej ostre krawdzie.

Angle ustala kierunek wytoczenia.

Show Object pokazuje lub ukrywa obiekt z wytoczeniem. Samo wytoczenie


jest zawsze widoczne.
Efekt Show Object jest nowoci w Fireworks 4.

#  $%&'"    


Czasem okazuje si, e najwaniejszy element obrazka jest zagubiony pomidzy innymi. Dzieje si tak zwaszcza wtedy, gdy wykorzystujesz w swojej kompozycji wiele
obiektw lub nakadasz na siebie kilka filtrw. Pierwszoplanowe obiekty obrazka mona wyrni poprzez dodanie do jego ta rozmycia.

 
 J 
 



 

Aby doda efekt gbi do ta obrazka:


1. Uyj jednego z narzdzi selekcji Marquee, aby utworzy zaznaczenie tej czci
obiektu bitmapowego, ktra ma pozosta na pierwszym planie. Moesz uy
narzdzia Oval Marquee, aby skupi uwag widza na okrgym obszarze obrazka,
lub narzdzia Magic Wand, aby utworzy bardziej zoon selekcj otaczajc
na przykad sylwetk lub twarz jakiej osoby.
Po wybraniu jednego z narzdzi selekcji Marquee Fireworks automatycznie przejdzie
w tryb edycji grafiki bitmapowej.

2. Wybierz z menu polecenie Modify/Marquee/Invert Selection, aby odwrci


zaznaczenie z elementu na jego to.
3. Wybierz z menu polecenie Window/Effect, aby otworzy palet Effect,
lub kliknij jej zakadk, jeli znajduje si na ekranie.
4. Z rozwijanej listy Effect Category wybierz Blur/Gaussian Blur.
Fireworks wywietli okno dialogowe Gaussian Blur.
Niektre Live Effects posiadaj trzykropek po swojej nazwie obok polecenia
menu, co oznacza, e wybranie polecenia spowoduje otwarcie okna dialogowego,
w ktrym bdziesz mg okreli ustawienia efektu. Xtras bez trzykropkw oznacza,
e w nazwach nie mona ustawia adnych parametrw lub posiadaj one okna
dialogowe z parametrami.

5. Za pomoc suwaka Blur Radius (promie rozmycia) moesz dostosowa


intensywno efektu. Im wiksze rozmycie, tym wiksze wraenie gbi obrazka.
Promie rozmycia od 1 do 2 pikseli tworzy efekt gbi bez niszczenia krawdzi
elementw obrazka. Kliknij przycisk OK.
Obszary znajdujce si w utworzonym zaznaczeniu bd teraz wyrnione i widoczne
na pierwszy rzut oka (patrz rysunek 12.16). Dodatkowo zostanie stworzone oglne wraenie gbi obrazka. Elementy ta wygldaj tak, jakby znajdoway si nieco dalej ni
obiekty pierwszoplanowe.
Efekty Blur i Blur More dziaaj podobnie jak efekt Gaussian Blur, ale nie mona ustawia ich parametrw. Blur tworzy niewielkie rozmycie, za Blur More jak atwo si
domyli troch wiksze.

(   


Dwa efekty znajdujce si w podmenu Other rozwijanej listy Effect Category zostay
przeniesione z pierwszej wersji Fireworks. Efekt Convert to Alpha sta si zbdny, poniewa Fireworks potrafi tworzy grupy maskujce, ale niekiedy mona dla niego znale ciekawe zastosowania. Uycie tego filtru powoduje przekonwertowanie zaznaczonego obszaru na skal szaroci i biae piksele zamienia na przezroczyste. Filtr Find
Edges wykrywa zewntrzne krawdzie konturw i przeksztaca je na linie cige. Moe
by przydatny do tworzenia efektw specjalnych lub masek.

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.

&     '( )


Na specjaln uwag zasuguje jedna z opcji efektw cieni Knock Out. Termin
knock out uywany jest w poligrafii do okrelania techniki polegajcej na usuwaniu
pewnych kolorw z czcionki i pozostawianiu odpowiednich obszarw, przez ktre bdzie wida to. Jeeli usuniesz kolor ze zwykej czcionki (nieposiadajcej obwdki i innych elementw otaczajcych), tekst bdzie zanika. Cie doskonale nadaje si do otaczania usunitego tekstu, poniewa daje wraenie wypenienia elementw, ktre zostaj
usunite z oryginalnego obrazka. Zaznaczenie opcji Knock Out powoduje usunicie
koloru wypenienia i obrysu obiektu, a pozostawienie jedynie jego cienia (patrz rysunek 12.18).
 

U5yj efektu
Drop Shadow
z opcj
Knock Out,
aby wyr5ni
tekst lub inne
obiekty
za pomoc
samego
cienia

We wprowadzeniu do tego podrozdziau pisaem, e w Fireworks mona atwo zapobiega


tworzeniu aureoli pojawiajcej si przy przesuwaniu zewntrznych cieni z jednego ta
na inne. S na to dwa sposoby. Jeli nie chcesz, aby obiekt lub jego cie byy
przezroczyste, zmie kolor obszaru roboczego na kolor ta swojej strony internetowej
i normalnie wyeksportuj obrazek. Aby usun aureol i jednoczenie zachowa
przezroczysto obrazka, w czasie eksportu zamie kolor ta na przezroczysto.

 
 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.

    +  "


Wyostrzanie obrazkw pozwala na poprawianie ich gbi dziki odszukiwaniu krawdzi
obiektw i umieszczaniu po obu ich stronach bardziej kontrastujcych ze sob pikseli.
Wyostrzanie takie przydaje si zwaszcza przy poprawianiu le zeskanowanych fotografii lub przy odzyskiwaniu szczegw, ktre mogy zosta usunite po zastosowaniu
efektw specjalnych.
Aby lekko wyostrzy obrazek, zaznacz go i wybierz z listy Effect Category, znajdujcej
si w palecie Effect, polecenie Sharpen/Sharpen lub Sharpen/Sharpen More.
Aby wyostrzy obrazek, ustawiajc poszczeglne parametry:
1. Zaznacz obiekt.
2. Wybierz z menu polecenie Window/Effect lub uyj skrtu klawiaturowego Alt+F7
(Option+F7), aby otworzy palet Effect, albo kliknij jej zakadk, jeli znajduje
si na ekranie.
3. Z listy rozwijanej Effect Category wybierz polecenie Sharpen/Unsharp Mask.
Fireworks wywietli okno dialogowe Unsharp Mask (patrz rysunek 12.19).
4. Przecignij suwak Sharpen Amount (wzmocnienie), aby ustawi intensywno
dziaania efektu. Moesz ustawi ten suwak w poowie skali i zwikszy
lub zmniejszy wzmocnienie pniej, po dostosowaniu pozostaych ustawie.




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

Niekiedy wyostrzone obrazki wydaj si zbyt wyra5ne. Moesz temu zaradzi,


uywajc rozmycia za pomoc efektu Blur lub stosujc filtr Auto Levels.

Fireworks jest na tyle elastyczny, e umoliwia rozszerzanie wbudowanych Live


Effects o efekty tworzone przez uytkownika. Mog to by np. cienie perspektywiczne.
W przeciwiestwie do cieni zewntrznych, perspektywiczne nie s dokadnymi kopiami
zaznaczonych obiektw, wygldaj raczej tak, jakby byy trjwymiarowe. Oprcz tego
cienie perspektywiczne mog znajdowa si przed obiektem, za nim, lub z boku.

 
 J 
 






W pakiecie filtrw Alien Skins Aye Candy (opisywanym w kolejnych podrozdziaach)


znajduje si filtr pozwalajcy tworzy perspektywiczne cienie. Jeli posiadasz pakiet
Eye Candy, poznanie tych filtrw na pewno Ci si przyda.

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

Aby utworzy cie perspektywiczny:


1. Skopiuj kontur oryginalnego obiektu, ktry zostanie wykorzystany do utworzenia
perspektywicznego cienia. W zalenoci od typu obiektu pierwszy krok moe by
bardzo prosty lub bardzo pracochonny. Poniej zamieszczone zostay techniki
pracy z trzema podstawowymi typami obiektw Fireworks:


Obiekty wektorowe. Aby skopiowa obiekt wektorowy, wystarczy, e wybierzesz


z menu polecenie Edit/Clone. Klonowanie jest w tym przypadku lepszym
rozwizaniem ni duplikowanie, poniewa atwiej jest pniej umieci cie
wzgldem obiektu oryginalnego.

Obiekty tekstowe. Nie jest to absolutnie konieczne, ale przekonaem si,


e czasami atwiej jest tworzy cienie dla tekstu przeksztaconego na cieki
wektorowe ni dla zwykego tekstu. Z moich dowiadcze wynika,
e znieksztacanie obiektw wektorowych daje bardziej przewidywalne
rezultaty. Dlatego najpierw kopiuj tekst, a dopiero pniej uywam
polecenia Text/Convert to Paths. Nastpnie wybieram polecenie Modify/
Combine/Union, aby wypenienia gradientowe poszczeglnych znakw
zostay rozcignite na cay obiekt.




J


Obiekty bitmapowe. Obiekty bitmapowe mog by zwykymi prostoktami


lub mie nieregularne ksztaty. Jeli Twj obiekt jest jednym z ksztatw
geometrycznych, uyj narzdzia Rectangle, Ellipse lub Polygon, aby utworzy
kopi o takich samych rozmiarach, jakie ma obiekt oryginalny. Jeeli obiekt
ma nieregularne ksztaty, najlepszym narzdziem do odwzorowania jego
zarysu jest Pen. Uywam tego narzdzia w trybie tworzenia prostych linii,
klikajc kolejne punkty, a tylko w niektrych przypadkach wykorzystuj
moliwo tworzenia pirem krzywych Bziera. Zarysy obiektu nie musz
by bardzo precyzyjne, ale im wicej szczegw uda Ci si zachowa,
tym bardziej naturalny cie uzyskasz.

2. Jeli jest to konieczne, odbij obiekt cienia. W zalenoci od pooenia hipotetycznego


rda wiata, moesz odbi pionowo obiekt cienia, aby perspektywiczny cie
znajdowa si przed obiektem.
3. Jeli to konieczne, przesu obiekt cienia we waciwe pooenie.
Jeeli cie znajduje si za oryginalnym obiektem, nie bdziesz musia zmienia
jego pooenia. Gdy jednak perspektywiczny cie jest przed obiektem, trzeba go
tak przesun, aby dolne krawdzie obu obiektw przylegay do siebie. Obiekt
cienia mona przecign w nowe pooenie za pomoc myszy, ale ja najczciej
wykorzystuj w tym celu klawisze strzaek. Obiekt jest wwczas przesuwany
o 1 piksel w wybranym kierunku, a po wciniciu klawisza Shift o 10 pikseli.
4. Ustaw obiekt cienia za oryginalnym obiektem.
W zalenoci od pozostaych obiektw znajdujcych si w dokumencie i tego,
jak cie ma by wzgldem nich pooony, moesz uy polecenia Modify/
Arrange/Send Backward lub Modify/Arrange/Send to Back. Nawet jeli
perspektywiczny cie znajduje si przed oryginalnym obiektem, moesz
umieci go za nim, aby ukry punkt, w ktrym oba obiekty cz si ze sob.
5. Zniekszta obiekt cienia.
Tu wanie zaczyna si artystyczna (i wymagajca wielu prb) cz caej
procedury. Zaznacz obiekt cienia i wybierz narzdzie Skew z palety narzdziowej,
aby przechyli cie w wybranym kierunku. Kierunek cienia zaley od rda
hipotetycznego wiata.
Nastpnie, jeli narzdzie Skew jest wci aktywne, zmie je na narzdzie Scale
(wciskajc dwukrotnie klawisz Q zrobisz to bez pomocy myszy). Teraz moesz
atwo przeskalowa ramk ograniczajc obiektu. Przecignij rodkowy poziomy
uchwyt skalowania w kierunku krawdzi pooonej najdalej od oryginalnego
obiektu. Nastpnie moesz przeciga ten uchwyt, aby skrci lub wyduy cie.
6. Moesz zastosowa do obiektu cienia wypenienie gradientowe.
By moe ju teraz jeste zadowolony z efektu rzuconego cienia, ale, dodajc
do niego wypenienie gradientowe, moesz zwikszy wraenie gbi i realizmu.
W palecie Fill wybierz z rozwijanej listy gradient Linear z kombinacj kolorw
Black, White.
7. Dostosuj wypenienie gradientowe obiektu cienia.

 
 J 
 






Pocztkowo po zastosowaniu gradient Linear jest rozkadany od lewej do prawej.


Jeeli chcesz zmieni kierunek gradientu (a prawdopodobnie tak bdzie), zaznacz
obiekt cienia i wybierz z palety narzdzie Paint Bucket, aby wywietli kontrolki
gradientu. Zmie pooenie i kt gradientu tak, aby jego punkt pocztkowy znajdowa
si w punkcie poczenia obiektu oryginalnego i obiektu cienia, za punkt kocowy
gradientu znajdowa si poza cieniem. Technika ta pozwala utworzy agodnie
zanikajcy cie.
8. Jeli chcesz, moesz lekko rozmy krawdzie cienia.
Cienie wygldaj bardziej realistycznie, gdy nie maj ostrych krawdzi. Zawsze
wybieram z rozwijanej listy Edge w palecie Fill opcj Feather i ustawiam nisk
warto parametru Amount of Feather trzy lub cztery piksele. By moe
bdziesz musia ukry rozmyte krawdzie cienia w miejscu, w ktrym styka si
on z oryginalnym obiektem.
Technik t mona udoskonala na wiele sposobw. Moesz przewrci cie poprzez
wygicie go lub wycignicie za pomoc narzdzia Freeform lub Reshape Area. Narzdzia te przydaj si, gdy cie wyglda zbyt nienaturalnie. Grafika komputerowa pozwala stworzy cie w postaci rogatego diaba lub skrzydlatego anioa. Pobaw si
z rnymi perspektywami a zobaczysz, e bdziesz zadowolony z uzyskanych rezultatw.

Podobnie jak obrysy i wypenienia, konfiguracje Live Effects mog by zapisywane


wraz z dokumentami. Pniej efekty takie mona stosowa do innych obiektw, znajdujcych si w tym samym dokumencie lub w innych, jeli zostanie do nich skopiowany obiekt z zastosowanym efektem. Tak samo jak w przypadku obrysw i wypenie,
efektami mona zarzdza z poziomu rozwijanego menu palety.
Polecenia dostpne w rozwijanym menu palety Effect to:


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.

Rename Effect zmienia nazw wasnego lub standardowego efektu.

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.

Locate Plugins umoliwia okrelenie katalogu z moduami dodatkowymi


zgodnymi z Photoshopem, ktre mona wykorzysta w Fireworks. Polecenie to
dziaa w ten sam sposb co opcja Photoshop Plug-Ins znajdujca si w zakadce
Folders okna preferencji Fireworks. Aby ustawienie katalogu z moduami
dodatkowymi zostao uwzgldnione, musisz ponownie uruchomi Fireworks.




J

,   )  


Tworzenie wasnych efektw jest zajciem twrczym, przyjemnym i pozwalajcym zaoszczdzi wiele czasu w pniejszej pracy z grafik. Efekty przedstawione na rysunku 12.22 cz standardowe efekty Fireworks z efektami zapoyczonymi z Photoshopa 5.5.
 

W Fireworks
mo5na tworzy
zestawy efektw
i zapisywa
je pod wasnymi
nazwami,
aby zawsze
mie do nich
dostp

Aby zapisa zmodyfikowany efekt:


1. Po dostosowaniu efektu wykorzystaj go do dowolnego obiektu.
2. Wybierz polecenie Save Effect As z rozwijanego menu palety Effect.
Zostanie otwarte okno dialogowe Save Effect As.
3. Wpisz now nazw efektu. Gdy wpiszesz tak, ktra ju istnieje,
Fireworks wywietli pytanie, czy chcesz zastpi istniejcy efekt.
4. Po wpisaniu nazwy efektu kliknij przycisk Save. Nowa nazwa zostanie
wywietlona w porzdku alfabetycznym w licie Effect Category.
W kolorowej wkadce znajdziesz barwne ilustracje niektrych zapisanych efektw.

! 
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

,     



Innym sposobem na zachowywanie i wywoywanie wasnych efektw jest zapisanie ich
w postaci stylu. Podobnie jak przy zapisywaniu waciwoci wypenie, obrysw i obiektw tekstowych, w stylach mona zapisywa ustawienia Live Effects, a nawet filtrw
graficznych uywanych jako Live Effects. Jeeli zapiszesz jako styl jedynie ustawienia
efektu, bdziesz mg je zastosowa za pomoc jednego kliknicia myszy. W palecie
Styles wywietlane s rwnie miniaturowe podgldy zachowanych efektw (patrz rysunek 12.24).
 

Ka5dy efekt
zachowany
jako styl
posiada
miniatur
przedstawiajc
jego wygld

Aby utworzy nowy styl z zastosowaniem wasnego efektu:


1. Zaznacz obiekt, do ktrego zastosowany jest Twj efekt.
2. Wybierz z menu polecenie Window/Styles lub uyj skrtu klawiaturowego
Shif+F11 (Shift+F11), aby otworzy palet Styles. Moesz te klikn jej
zakadk, jeli znajduje si na ekranie.
3. Kliknij znajdujcy si w palecie Styles przycisk New Style.
4. W oknie dialogowym Edit Style wpisz opisow nazw efektu w polu tekstowym
Name i usu zaznaczenia wszystkich opcji z wyjtkiem Effect.
5. Kliknij OK. W palecie Styles pojawi si nowy styl.
Styl zapisany za pomoc powyszej procedury bdzie dostpny w kadym dokumencie
Fireworks. Aby zastosowa efekt, wystarczy, e zaznaczysz obiekt Fireworks i klikniesz wybrany styl.

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.

Zoone kombinacje rnych efektw s bardzo przydatne, ale zapisywanie prostych


efektw rwnie pomoe Ci zaoszczdzi wiele czasu. Przy tworzeniu przyciskw o wymiarach 8831 pikseli czsto uywam takiego samego zewntrznego cienia lub 4-pikselowej paskiej wewntrznej fazy. Zapisanie tych efektw jako stylw pozwolio mi zaoszczdzi troch czasu i nie musz codziennie wykonywa tych samych czynnoci.
Wicej informacji o moliwociach stylw znajdziesz w rozdziale 16.

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:


Filtry dostpne w menu Xtras mog by stosowane do dowolnych typw zaznacze


w Fireworks w obu trybach: wektorowym i bitmapowym, podczas gdy te same
filtry dostpne w palecie Effect mog by stosowane jedynie w trybie wektorowym.

W przeciwiestwie do palety Effect zastosowanie filtra z poziomu menu Xtras


powoduje przeksztacenie tekstw i obiektw wektorowych na bitmapy, redukujc
w ten sposb moliwoci ich edycji.

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 
 



Niekiedy jednak najlepsze rezultaty moesz uzyska poprzez poczenie ze sob


grafiki wektorowej z bitmapow. Jeli chcesz uy Xtra, pozwalajcego na wprowadzenie
nowych elementw poza zaznaczonym obszarem (na przykad filtr Eye Candy Fire,
ktry tworzy pomienie wok obrazka), moesz zastosowa filtr do kopii obiektu,
a nastpnie umieci powstay obrazek za oryginalnym obiektem i zgrupowa je.
Nadal bdziesz mg zmienia kolory obiektu wektorowego i stosowa do niego Live
Effects. Jeli zmienisz rozmiary obiektu, powiniene usun obrazek i zastosowa
zachowane ustawienia filtra do nowej kopii obiektu. Jeeli uywasz Xtra, ktre modyfikuje
obszary znajdujce si wewntrz zaznaczenia, sprbuj zastosowa filtr do kopii
obiektu, a nastpnie wykorzysta t kopi jako mask alfa oryginalnego obiektu.
Nie wchodzc w tryb edycji grafiki bitmapowej, mona w ten sposb uzyska wiele
interesujcych efektw.

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.

,   " "  


Wiele filtrw najlepiej dziaa w odniesieniu do zaznacze tworzonych w obrazkach
bitmapowych, gdy mog wwczas utworzy rnic pomidzy obszarem znajdujcym
si wewntrz i obszarem znajdujcym si na zewntrz zaznaczenia. Najczciej zoone
zaznaczenia, takie jak te tworzone narzdziami Magic Wand lub Polygon Lasso, sprawdzaj si lepiej ni proste, prostoktne lub okrge. Im bardziej zoone zaznaczenia,
tym wicej jest obszarw, w ktrych filtr moe utworzy dodatkowe elementy, takie jak
fazy, cienie lub tekstury.
Utworzenie zaznaczenia nie oznacza, e Xtra bdzie mogo dziaa jedynie wewntrz
niego. Mimo e wikszo filtrw dziaa wewntrz obszarw zaznaczonych, niektre
tworz dodatkowe elementy rwnie poza ich obszarem. Zaznaczenie suy do wskazania
centralnego punktu, od ktrego Xtra rozpoczyna swoje dziaanie.

Aby zastosowa Xtra do zaznaczenia w obiekcie bitmapowym, w trybie edycji grafiki


bitmapowej uyj jednego z narzdzi Marquee do utworzenia zaznaczenia, a nastpnie
wybierz odpowiedni filtr z menu Xtras.
Wicej informacji o tworzeniu zaznacze w obiektach bitmapowych znajdziesz
w rozdziale 6.




J

.&   


Niektre filtry ignoruj utworzone zaznaczenia i s stosowane do caych obiektw bitmapowych. Jeli znajdziesz filtr, ktry bdzie funkcjonowa w taki wanie sposb, moesz temu zaradzi, tworzc faszywe zaznaczenie. Skopiuj w tym celu utworzone zaznaczenie do schowka i wklej je jako nowy obiekt bitmapowy.
Wszystkie filtry z pakietu Kais Power Tools 5 (opisywane w jednym z kolejnych
podrozdziaw) s stosowane do caych obiektw bitmapowych i jeli zechcesz
ograniczy ich dziaanie do wybranych fragmentw obrazka, bdziesz musia
wykona faszywe zaznaczenie.

Aby utworzy faszywe zaznaczenie:


1. Wybierz z menu polecenie Modify/Edit Bitmap lub uyj skrtu klawiaturowego
Ctrl+E (Command+E), aby przej do trybu edycji grafiki bitmapowej.
2. Wybierz jedno z narzdzi Marquee z palety narzdziowej i zaznacz obszar,
do ktrego chcesz zastosowa Xtra.
3. Skopiuj zaznaczenie do schowka za pomoc polecenia Edit/Copy lub skrtu
klawiaturowego Ctrl+C (Command+C).
4. Wklej zaznaczenie z powrotem do dokumentu za pomoc polecenia Edit/Paste
lub skrtu klawiaturowego Ctrl+V (Command+V).
Zaznaczenie zostanie wklejone jako nowy obiekt bitmapowy i umieszczone
nad obszarem, z ktrego zostao skopiowane. Mimo e obiekt bitmapowy posiada
ramk selekcji, ma takie same wymiary i ksztat jak oryginalny obiekt skopiowany
do schowka.
5. Zastosuj do nowego obiektu bitmapowego filtr, wybierajc jego nazw z menu Xtras.
Xtra zostanie zastosowane tylko do nowego obiektu.
6. Wybierz z menu polecenie Modify/Exit bitmap mode, uyj skrtu klawiaturowego
Ctrl+Shift+E (Command+Shift+E) lub kliknij znajdujcy si na dole okna
dokumentu przycisk STOP, aby powrci do trybu edycji grafiki wektorowej.
Oryginalny obiekt bitmapowy oraz ten, ktry utworzye i do ktrego zastosowae filtr,
s teraz poczone w jeden obiekt. W rezultacie zmodyfikowany zosta jedynie zaznaczony obszar.

  )   " ) +


Xtras mona stosowa rwnie do zaznacze lub grup obiektw. Jeeli zaznaczenie lub
grupa zawiera jaki obiekt wektorowy, zostanie on przeksztacony na obiekt bitmapowy
tak samo jak w przypadku stosowania filtrw do pojedynczych obiektw. Stosujc
Xtra do wielu obiektw jednoczenie, musisz pamita o nastpujcych rzeczach:


Jeli zastosujesz Xtra do zaznaczonych obiektw w trybie edycji grafiki wektorowej,


zostanie ono uruchomione wielokrotnie, dla kadego obiektu z osobna. Jeeli
zaznaczysz trzy obiekty, Xtra zostanie uruchomione trzy razy (kolejno dla kadego
obiektu). Jeli klikniesz przycisk Cancel znajdujcy si w oknie dialogowym
filtra, caa operacja bdzie anulowana i nie zostanie zmodyfikowany aden obiekt.

 
 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.

Rnica w dziaaniu filtrw z grupami i zaznaczeniami obiektw jest do przydatna.


Zamy, e utworzye pi obiektw, ktre chcesz wykorzysta jako przyciski interfejsu nawigacyjnego. Jeli chcesz zastosowa do nich wszystkich filtr z takimi samymi
ustawieniami, zgrupuj je i wybierz Xtra. Jeli jednak chcesz zastosowa do nich taki
sam filtr, ale z rnymi ustawieniami (eby na przykad do kadego doda nieco inn
tekstur), tylko je zaznacz i zastosuj Xtra.
Wikszo Xtras po uruchomieniu ma takie same ustawienia, jakie miay przy
ostatnim wykorzystaniu. Gdy zastosujesz filtr do grupy obiektw, przy drugim
uruchomieniu Xtra bdzie mia takie same ustawienia, jakie nadae mu przy
pierwszym obiekcie. Ta cecha filtrw pozwala zastosowa podobny efekt do wielu
rnych obiektw. W niektrych Xtras moesz rwnie zachowa ich ustawienia.

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.

/    ' 


Wikszo pakietw filtrw posiada programy instalacyjne. Przed rozpoczciem instalacji zamknij Fireworks. I tak bdziesz go musia ponownie uruchomi, aby mc korzysta z tych filtrw. Gdy program instalacyjny zapyta Ci o pooenie katalogu z moduami dodatkowymi Photoshopa, podaj lokalizacj katalogu Xtras Fireworks wewntrz
folderu Configuration. Jeli pakiet nie posiada programu instalacyjnego, musisz rcznie
skopiowa wszystkie filtry do katalogu Xtras.
W Windows cieka dostpu do katalogu programu Fireworks to przewanie:
C:\Program Files\Macromedia\Fireworks 4. W MacOS znajduje si ona przewanie
w katalogu Macintosh HD:Applications: Fireworks 4.



J

Po zakoczeniu instalacji uruchom Fireworks. W menu Xtras i rozwijanej licie Effects


Category w palecie Effect (jeli Fireworks moe uywa filtrw jako Live Effects) powinny pojawi si nowe opcje. Przewanie jest to podmenu zawierajce wiele nowych
filtrw. Niekiedy nowe efekty umieszczane s w menu istniejcych. Jeli masz na przykad podmenu Distort (niektre z filtrw Photoshopa 5 tworz takie podmenu) i zainstalujesz Xtra, ktre rwnie naley do tej kategorii, nie zobaczysz nazwy filtra, dopki
nie otworzysz podmenu Distort.
Gdzie moesz znale5 wicej filtrw? Na dobry pocztek odwied5 stron The Plugin
Site (www.thepluginsite.com), gdzie znajdziesz wiele filtrw i czy. Inne miejsca to:
Alien Skin (www.alienskin.com), Furbo Filters (www.furbo-filters.com), VanDerLee
(www.v-d-l.com) i, oczywicie, filtry zgodne z Photoshopem sprzedawane przez Adobe
(www.adobe.com).

0        


Jeli oprcz Fireworks uywasz jeszcze jakiej innej aplikacji do edycji grafiki, by
moe masz ju w swoim komputerze wiele filtry, ktre moesz wykorzysta rwnie
w Fireworks.
Wspuytkowanie filtrw przez wiele aplikacji rozszerza ich moliwoci i pozwala
przyspieszy prac, gdy nie musisz przechodzi pomidzy aplikacjami, aby zastosowa okrelony efekt.
Oprcz Fireworks istnieje kilka innych aplikacji, ktre uywaj filtrw zgodnych z Photoshopem:


Adobe Photoshop i Illustrator

Macromedia FreeHand i Director

Corel Photo-Paint i CorelDRAW

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

5. Zaznacz katalog zawierajcy filtry, ktre chcesz wykorzysta w Fireworks.


Kliknij OK.
6. Aby zmiany zostay uwzgldnione w menu Xtras i mona byo uywa nowych
filtrw, musisz ponownie uruchomi Fireworks.

0     1  2


)  %  )& ) )  
Inn metod definiowania katalogw z moduami dodatkowymi jest umieszczanie
w katalogu Xtras Fireworks skrtw (aliasw) do tych katalogw. Jest to bardzo intuicyjny sposb okrelania lokalizacji filtrw, ktry pozwala on rwnie na zdefiniowanie
wicej ni jednego dodatkowego katalogu z moduami dodatkowymi (patrz rysunek 12.26).
 

Umie2 skrty
(aliasy)
do katalogw
z dodatkowymi
filtrami w katalogu
Xtras Fireworks



J

Aby w Windows utworzy skrt do katalogu z filtrami, kliknij go prawym przyciskiem


myszy i przecignij do katalogu Xtras Fireworks. Po zwolnieniu przycisku myszy zostanie wywietlone kontekstowe menu, z ktrego wybierz polecenie Utwrz skrt.
W MacOS, przecigajc katalog filtrw do katalogu Xtras Fireworks, wcinij klawisze
Command+Option, co spowoduje automatyczne umieszczenie aliasu w katalogu z moduami dodatkowymi.

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:


Kady z filtrw posiada wasne ustawienia, pozwalajce na szybkie stosowanie


ich. Dodatkowo w licie gotowych ustawie moesz zapisywa wasne parametry
filtrw i wykorzystywa je w przyszoci.

Dynamiczny podgld umoliwia powikszanie i pomniejszanie grafiki w celu


dokonywania precyzyjnych modyfikacji.

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

Aby uy filtra Jiggle, zaznacz obrazek i:


1. Wybierz z menu polecenie Xtras/Eye Candy 4000 (lub 3.1)/Jiggle.
Zostanie otwarte okno dialogowe Jiggle (patrz rysunek 12.28).
2. Za pomoc kontrolek dostosuj ustawienia efektu:


Bubble Size slider ustawia czstotliwo znieksztace. Im mniejsza warto,


tym bliej siebie pooone s znieksztacenia.

Warp Amount steruje stopniem znieksztacenia.

Twist steruje mierzonym w stopniach poziomem skrcenia efektu.

Rozwijana lista Movement Type mona z niej wybra sposb znieksztacania


obrazka. Do wyboru mamy Bubbles rwnomierne znieksztacenie, Brownian
Motion brak uporzdkowania ruchu bbelkw (symulowane ruchy Browna)
i Turbulence bardzo wyrane znieksztacenia obrazka.

3. Za pomoc przycisku Save Preset moesz zapisa wasne ustawienia efektu.


Po zakoczeniu kliknij OK.
Efekt zostanie zastosowany do obrazka.



J


 Alien Skin Eye Candy 4000
Filtr

Opis

Antimatter

Odwraca jasno obrazka, nie wpywajc przy tym na jego


barwy i nasycenie. Na przykad ciemna czerwie staje si jasn
czerwieni, ale wci pozostaje czerwieni

Bevel Boss (Carve, Inner Bevel


i Outer Bevel w 3.1) (faza)

Wytacza lub rzebi zaznaczony obszar w obiekcie. W wersji


4000 znajduje si dodatkowo edytor fazowania umoliwiajcy
dostosowanie efektu

Chrome

Efekt metalizowania symulujcy chrom, srebro, zoto i inne metale

Corona (tylko w 4000) (korona)

Tworzy efekty astronomiczne, np. jak chmury gazowe


i wybuchy na socu

Cutout

Wycina obszar zaznaczenia w obrazku i dodaje do niego cie.


Zaznaczenie wyglda wwczas jak wnka w obrazku

Drip (tylko w 4000)

Tworzy wyrafinowany efekt wieej farby

Fire

Tworzy realistyczny efekt poncego obszaru zaznaczenia


lub caego obiektu

Fur

Nanosi na obrazek losowo rozmieszczane kpki futra

Glass

Symuluje naoenie tafli kolorowego szka

Gradient Glow (Glow w 3.1)

Otacza krawdzie obiektu lub zaznaczenia pprzezroczyst


powiat. W wersji 4000 znajduje si dodatkowo edytor
gradientu umoliwiajcy dostosowanie efektu

HSB Noise

Dodaje do obrazka szum, zmieniajc jego barwy, nasycenie,


jasno i przezroczysto

Jiggle

Tworzy efekt wrzenia, elowania lub rozbicia

Marble (tylko w 4000)

Tworzy tekstur marmurow

Melt (tylko w 4000)

Tworzy efekt roztapiania si obiektw

Motion Trail

Tworzy wraenie ruchu poprzez dodanie na zewntrz obiektu


smug biegncych w jednym kierunku

Shadowlab (Drop Shadow


i Perspective Shadow w 3.1)

Dodaje cie zewntrzny lub naturalny cie perspektywiczny


do zaznaczonego obszaru lub caego obiektu

Smoke

Tworzy dym wychodzcy z zaznaczonego obszaru lub caego


obiektu

Squint

Rozmywa zaznaczony obszar lub cay obiekt, ktre wygldaj


tak, jakby byy ogldane przez krtkowidza

Star

Tworzy gwiazdy i inne wieloktne ksztaty

Swirl

Dodaje do obrazka losowo rozmieszczone wiry

Water Drops

Dodaje do obrazka losowo rozmieszczone krople wody

Weave

Stosuje do obrazka efekt plecionki

Wood (tylko w 4000)

Tworzy tekstur drewna

 
 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

   #+,    -./


Zwyke zewntrzne cienie s czsto wykorzystywane w grafice. Filtr Eye Candy 4000
Shadowlab lub jego poprzednik w 3.1 Perspective Shadow umoliwia tworzenie
bardziej realistycznych cieni imitujcych te powstae dziki wiatu sonecznemu. Po
zastosowaniu efektu zaznaczenie wyglda tak, jakby zostao podniesione oraz owietlone od gry i z przodu. Cie jest przyporzdkowywany do obiektu, tworzc w ten sposb
wraenie trjwymiarowej perspektywy.
Aby uy filtru Shadowlab lub Perspective Shadow, zaznacz obiekt i:
1. Wybierz z menu polecenie Xtras/Eye Candy 4000/Shadowlab lub Xtras/Eye
Candy 3.1/Perspective Shadow.
Zostanie otwarte okno dialogowe Shadowlab lub Perspective Shadow.
2. Wybierz jeden z gotowych zestaww ustawie efektu lub ustaw podane
atrybuty za pomoc nastpujcych kontrolek:


Vanishing Point Direction okrela kierunek cienia rzucanego przez obszar


zaznaczony. Cie zawsze bdzie pada za tym obszarem.

Vanishing Point Distance okrela odlego znajdujcego si na horyzoncie


punktu zbiegu od obszaru zaznaczonego. Im nisze wartoci, tym cie znajduje
si bliej obiektu.

Shadow Length definiuje dugo cienia, nie wpywajc przy tym na jego
grubo. Im nisze wartoci, tym krtszy cie.

Blur steruje rozmyciem krawdzi cienia. Wysokie wartoci powoduj wiksze


rozmycie i utworzenie efektu oddalonego rda wiata.

Opacity steruje przezroczystoci caego cienia.

Color zmienia kolor cienia.



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.

Oto najwaniejsze moliwoci, jakie daje pakiet KPT 5:




zoone maskowanie i opcje przezroczystoci,

zoone trjwymiarowe owietlenie i opcje dotyczce otoczenia obiektu,

interaktywne okna podgldu,

wbudowane ustawienia filtrw wraz z ich miniaturowymi podgldami,

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

W tabeli 12.4 znajduje si zestawienie wszystkich filtrw nalecych do pakietu KPT 5.



 Kais Power Tools 5
Filtr

Opis

Blurrrr

Zawiera prawie wszystkie moliwe efekty rozmycia: wirwki, powikszenia,


spirale i poruszenia

Noize

Rne efekty szumu, m.in. szum przezroczysty

RadWarp

Tworzy lub poprawia efekt rybiego oka

Smoothie

Oferuje wiele metod atwego i szybkiego oczyszczania postrzpionych krawdzi

Frax4D

Tworzy trj- lub czterowymiarowe fraktale. Czterowymiarowy fraktal wyglda


jak poskrcana trjwymiarowa wersja

FraxFlame

Tworzy z fraktali efekt imitujcy ogie. W rezultacie powstaj obrazki wygldajce


jak fotografie sztucznych ogni robione przy dugim czasie nawietlania

FraxPlorer

Niesamowity eksplorator fraktali umoliwiajcy tworzenie w czasie rzeczywistym


filmw fraktalnych. Moesz go wykorzysta do projektowania wspaniaych tekstur
i obrazkw ta lub po prostu do zabawy

FiberOptix

Nakada na obrazek trjwymiarowe wkna, doczajc do nich mask. Moesz


tworzy kosmate obiekty i atwo je komponowa z pozostaymi elementami grafiki

Orb-It

Tworzy bardzo szczegowe, trjwymiarowe kule. Moesz go wykorzysta


do tworzenia baniek, kropel deszczu, soczewek i znieksztace

ShapeShifter

Tworzy z masek trjwymiarowe ksztaty, np. mapy otoczenia i tekstury



J

Pakiet KPT 5 zawiera rwnie pakiet Kais Power Tools 3 skadajcy si z 19


uytecznych moduw dodatkowych, ktre jeszcze bardziej podnosz warto
i uyteczno KPT 5.

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.

Aby uy filtru RedWarp, zaznacz obiekt bitmapowy i:


1. Wybierz z menu polecenie Xtras/KPT 5/RadWarp.
Zostanie otwarte okno dialogowe RadWarp (patrz rysunek 12.31).
 

Filtr RedWarp
dostarcza wiele
zabawy i tworzy
skrajne efekty,
na przykad
bardzo dziwnie
wygldajce
twarze

Standardowo wszystkie okna dialogowe KPT 5 s otwierane w trybie penoekranowym,


ale jeli chcesz, moesz je skalowa do predefiniowanych rozmiarw. Przytrzymaj
klawisz Ctrl (Command) i wcinij klawisz 1 dla wymiarw 640480, 2 dla
800600, 3 dla 1024768, 4 dla 1152870, 5 dla 12801024
lub 0 dla trybu penoekranowego. Ukady okien s rwnie ustawiane jako Panel
Auto Popup, co, moim zdaniem, jest rozpraszajce. Kliknij nazw filtra wywietlan
na grze jego okna dialogowego, aby wybra opcje panelu. Jeli masz monitor
pracujcy w niskiej rozdzielczoci, najlepszym wyborem jest tryb Panel Solo.

2. Ustaw dane parametry efektu za pomoc nastpujcych kontrolek:




Alpha slider steruje dodawaniem okrgych znieksztace;

Beta slider steruje dodawaniem kwadratowych znieksztace;

 
 J 
 




X Center ustawia poziomy rodek pooenia znieksztace;

Y Center ustawia pionowy rodek pooenia znieksztace.



Pooenie rodkw znieksztace moesz take modyfikowa,


przecigajc je za pomoc myszy w oknie podgldu.

Rotacja powoduje obrcenie obrazka.


3. Kliknij OK, aby zastosowa efekt.
Efekt zostanie zastosowany do obrazka.

 
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

2. Kliknij miniaturowy podgld znajdujcy si w panelu Main Shape,


aby zaimportowa mask. Maski okrelaj sposb dodawania do obrazkw
trjwymiarowych ksztatw. Za pomoc atrybutw Bevel Scale i Height zdefiniuj
wielko efektu 3D. Mona wybiera spord trzech rnych trybw fazowania.



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.

3. W panelu 3D Lighting dodaj rda wiata za pomoc przycisku +.


Moesz przeciga je w inne pooenia, aby zmieni ukad odblaskw
i cieni tworzonych w obrazku.
4. W panelu Bump Map dodaj do obrazka trjwymiarow tekstur oraz ustaw
jej skal i wysoko. Skalowanie powoduje powikszenie tekstury. Wysoko
definiuje wielko trjwymiarowego efektu tworzonego przez nakadan tekstur.
5. W panelu Glow dodaj do obrazka kolorowy blask. Moesz okreli przesunicie
blasku wzgldem obrazka i modyfikowa jego przezroczysto.
Za pomoc ikony oka znajdujcej si w panelu Glow moesz wywietla i ukrywa
blask tak samo, jak to robie w jednej z palet Fireworks Layers z warstwami.

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.

9. Kliknij OK (znacznik), aby zastosowa efekt.


Efekt zostanie zastosowany do obrazka.

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.

Po kadej modyfikacji grafiki Fireworks ponownie zastosuje przypisane do niej


Live Effects.

 
 J 
 




Wszystkie efekty Fireworks mog by definiowane za pomoc palety Effect,


ktra w zalenoci od wybranego efektu udostpnia specyficzne dla
niego ustawienia.

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.

Efekt Drop Shadow umoliwia tworzenie cieni znajdujcych si za dowolnym


obiektem wektorowym, tekstowym lub bitmapowym. Cienie te mog by due
lub mae, subtelne lub grube wedle uznania.

Efekt paskorzeby usuwa wypenienie i obrys obiektu, a nastpnie tworzy


krawdzie na podstawie obszaru roboczego lub obiektu. Wyglda to tak,
jakby obiekt wyania si z ta lub si w nie wtapia.

Efekt Glow tworzy blask otaczajcy obiekt.

Wykorzystujc kombinacje rnych narzdzi i polece Fireworks,


mona dla dowolnego obiektu utworzy cie perspektywiczny.

W Fireworks moesz atwo stosowa wiele efektw do jednego obiektu.

Utworzone wasne kombinacje efektw mona zapisywa w dokumencie


lub jako element stylu.

Filtry mog by wspuytkowane przez wiele zgodnych ze sob aplikacji,


co umoliwia szerokie ich wykorzystywanie.



W nastpnym rozdziale dowiesz si, jak w Fireworks moesz rozmieszcza i komponowa ze sob rne obiekty.

You might also like