Professional Documents
Culture Documents
PRZYKADOWY ROZDZIA
SPIS TRECI
KATALOG KSIEK
KATALOG ONLINE
ZAMW DRUKOWANY KATALOG
TWJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMW INFORMACJE
O NOWOCIACH
ZAMW CENNIK
CZYTELNIA
FRAGMENTY KSIEK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
Flash 8.
Klatka po klatce
Autor: Katherine Ulrich
Tumaczenie: Wojciech Pazdur
ISBN: 83-246-0368-9
Tytu oryginau: Macromedia Flash 8 for Windows
and Macintosh: Visual QuickStart Guide
Format: B5, stron: 612
Oyw swoje strony WWW
Stwrz obiekty graficzne i wpraw je w ruch
Dodaj do stron elementy interaktywne
Udostpnij stron uytkownikom rnych przegldarek
Macromedia Flash 8 to kolejna wersja doskonaego narzdzia do tworzenia
dynamicznych, animowanych witryn WWW oraz prezentacji multimedialnych.
Flash, ktry rozpoczyna karier na rynku jako prosty program animacyjny, jest teraz
rozbudowan aplikacj czc moliwoci programu graficznego i animacyjnego
z obiektowym jzykiem programowania ActionScript. Dziki Flashowi mona tchn
ycie w witryny internetowe, umieszczajc w nich dwik, interaktywne przyciski
i elementy animowane, tworzy zapierajce dech w piersiach prezentacje oraz
odtwarza je nie tylko na monitorach komputerw, ale take na wywietlaczach
telefonw komrkowych i urzdze PocketPC.
Ksika Flash 8. Klatka po klatce to przewodnik po najnowszej wersji Flasha.
Czytajc j, nauczysz si korzysta z narzdzi rysunkowych i animacyjnych, dowiesz
si, jak tworzy obiekty i animowa je, a take poznasz podstawowe sposoby tworzenia
elementw interaktywnych za pomoc oferowanych przez Flasha narzdzi
pomocniczych. Kade zagadnienie przedstawione jest w postaci sekwencji czynnoci
uzupenionej ilustracjami obrazujcymi kady krok, co bardzo uatwia zrozumienie
i wykonanie okrelonego zadania.
Interfejs uytkownika
Korzystanie z narzdzi rysunkowych
Tworzenie i edycja obiektw
Rozmieszczanie obiektw na warstwach
Stosowanie symboli
Animacja poklatkowa i automatyczna
Tworzenie elementw interaktywnych
Importowanie elementw graficznych stworzonych w innych aplikacjach
Doczanie dwiku do prezentacji
Publikowanie gotowych filmw
Poznaj moliwoci najnowszej wersji Flasha
Spis treci
Wstp
21
Rozdzia 1.
33
Spis treci
Spis treci
Korzystanie z linijek, siatki i prowadnic ...........................................................51
Wywietlanie i ukrywanie linijek, siatki i prowadnic .................................................. 51
Ustawienie siatki .......................................................................................................... 52
Praca z prowadnicami ................................................................................................... 53
Panele ...................................................................................................................60
Spis treci
Rozdzia 2.
71
Spis treci
Praca z oknem Color Swatches ..........................................................................81
Dodawanie koloru do panelu Color Swatches .............................................................. 81
Rozdzia 3.
Praca z tekstem
111
Spis treci
Spis treci
Rozdzia 4.
127
Spis treci
Spis treci
Modyfikowanie ksztatw: narzdzie Subselection ........................................167
Wywietlanie cieki i wzw kontrolnych .............................................................. 167
Zaznaczanie wza kontrolnego .................................................................................. 167
Przesuwanie wza rogowego ..................................................................................... 168
Przesuwanie wza krzywej ........................................................................................ 169
Ksztatowanie krzywej z wykorzystaniem uchwytw Bziera .................................. 169
Przeksztacanie wzw rogowych w wzy krzywej ................................................. 170
Przeksztacanie wzw krzywej w wzy rogowe ..................................................... 171
Usuwanie wzw kontrolnych .................................................................................. 171
Dodawanie nowego wza kontrolnego do segmentu krzywej .................................. 172
Rozdzia 5.
177
Spis treci
Spis treci
Rozdzia 6.
203
Spis treci
10
Spis treci
Rozdzia 7.
Praca z symbolami
233
Rozdzia 8.
Animacja poklatkowa
267
11
Spis treci
Spis treci
Tworzenie klatek kluczowych ..........................................................................271
Wstawianie pustej klatki kluczowej na kocu filmu .................................................. 271
Tworzenie pustej klatki kluczowej w rodku filmu ................................................... 272
Powielenie zawartoci poprzedniej klatki kluczowej ................................................. 274
Spis treci
12
Spis treci
Rozdzia 9.
305
335
13
Spis treci
Spis treci
Uzupenianie ksztatu wielu elementw ..........................................................344
Wypenione uzupeniane ksztaty z obrysami (konturami) ........................................ 344
353
Spis treci
14
Spis treci
Wykorzystanie animowanych masek ..............................................................389
Tworzenie nieruchomej grafiki i odkrywajcej j maski ........................................... 389
Przygotowanie maski do animacji obrotowej ............................................................. 391
Dokoczenie animacji obracajcej si maski ............................................................. 392
Podgld animacji ........................................................................................................ 393
397
423
15
Spis treci
Spis treci
Dodanie akcji do przyciskw ...........................................................................437
Przygotowanie dokumentu do testw skryptu przycisku ........................................... 437
Dodanie akcji do odwoania do symbolu przycisku
za pomoc moduu Script Assist ................................................................................ 438
Dodanie akcji do odwoania do komponentu przycisku
za pomoc moduu Behaviors .................................................................................... 441
Spis treci
16
Spis treci
489
505
17
Spis treci
Spis treci
Edycja dwikw ...............................................................................................534
Przypisanie efektw natenia .................................................................................... 534
Wasne efekty gonoci ............................................................................................. 535
Edycja dugoci dwikw ......................................................................................... 537
539
Publikowanie .....................................................................................................545
Wybr formatu publikacji filmu ................................................................................. 545
Publikacja filmu .......................................................................................................... 547
Spis treci
18
Spis treci
Korzystanie z detekcji wersji ...........................................................................573
Rozpoznanie wersji Flash Playera .............................................................................. 573
Skorowidz
587
Spis treci
19
Rozdzia 1.
33
Rozdzia 1.
34
O ustawieniach programu
Niezalenie od tego, czy wida to na
pierwszy rzut oka, strona startowa (Start
Page) jest jedynie jednym z wielu ustawie
Flasha, definiowanym w podobny sposb
jak inne elementy programu. Ustawienia
Flasha zmieniamy w oknie dialogowym
Preferences. Z menu Edit (Windows)
lub z menu aplikacji Flash (Mac) wybierz
polecenie Preferences, a nastpnie wybierz
odpowiedni kategori z listy po lewej
stronie okna. W gwnej czci okna
zmieniasz poszczeglne ustawienia. Opcje
okna Preferences podzielone s na
5 kategorii: General (oglne), ActionScript
(dotyczce jzyka skryptowego), Auto
Format (automatyczne formatowanie),
Drawing (rysowanie), Text (praca z tekstem)
i Warnings (komunikaty). Wicej informacji
na temat tych ustawie znajdziesz w opisach
rnych zada w dalszej czci tej ksiki.
35
Rozdzia 1.
Rysunek 1.2. Strona startowa uatwia przeprowadzenie prostych operacji, ktre moesz
zechcie wykona na pocztku kadej sesji pracy z programem: otwarcie dokumentu,
nad ktrym ostatnio pracowae (A), stworzenie nowego dokumentu Flasha (B) lub utworzenie
nowego dokumentu na podstawie szablonu (C). Zamieszczono take odnoniki do stron:
Macromedia Flash Exchange, na ktrej znajdziesz rozszerzenia napisane przez uytkownikw
(D). Dla nowych uytkownikw umieszczono odnoniki do poradnikw rozprowadzanych
razem z programem Flash (E)
36
Document.
37
Rozdzia 1.
Wskazwki
38
Praca z szablonami
dokumentw
Jeeli wielokrotnie pracujesz z jednym rodzajem
dokumentu Flasha na przykad tworzysz
reklamy w postaci banerw o okrelonym
rozmiarze i o niezmiennych elementach lub tle
moesz zapisa ten podstawowy dokument
jako szablon.
Rysunek 1.6. Polecenie Save As Template pozwala
zapisa dokumenty Flasha w celu ich ponownego
uycia. Moesz tworzy wasne kategorie szablonw,
a zapisywanym szablonom nadawa krtkie opisy
w oknie Save As Template
z poniszych czynnoci:
s
Wskazwka
n Kiedy ukoczysz tworzenie podstawowych
Template.
Rozdzia 1.
Praca z szablonami
? dokumentw
kategori.
3. Natomiast z listy Templates wybierz szablon,
40
Wskazwka
n Gdy wybierasz polecenie File/New, Flash
41
Praca z szablonami
? dokumentw
Rozdzia 1.
rodowisko edycyjne
programu Flash
rodowisko edycyjne
? programu Flash
42
Panel Timeline
Linia czasu jest w uproszczeniu wizualn
reprezentacj kadej klatki, warstwy i sceny.
Wywietla ona nie tylko struktur dokumentu
Flasha, lecz peni take rol szkieletu, na ktrym
budujesz swoje projekty. Panel Timeline jest
niezbdnym, zoonym narzdziem, sucym
do organizowania projektu i nawigowania
po jego elementach. Na pewno bdziesz czsto
z niego korzysta przy tworzeniu wielu animacji,
kiedy zajdzie potrzeba lepszego przyjrzenia si
ich skadnikom. Jednak na razie powiniene
jedynie zrozumie oglne zastosowanie tego
panelu wicej informacji na jego temat
znajdziesz w rozdziale 8.
Rysunek 1.10. Panel Timeline jest kompletnym zapisem filmu. Reprezentuje on kad scen, klatk
i warstw, z ktrej skada si film. Klatki uoone s na linii czasu w porzdku chronologicznym.
Kliknicie dowolnej klatki na linii czasu przesunie cay film bezporednio do momentu jej wystpienia,
a zawarto tej klatki zostanie wywietlona w oknie sceny
43
Panel Timeline
Rozdzia 1.
Panel Timeline
44
Waciwoci dokumentu
Rysunek 1.12. Dwukrotne kliknicie pola z liczb
wywietlanych klatek, usytuowanego na pasku stanu,
stanowi najszybszy sposb uzyskania dostpu do okna
dialogowego Document Properties
Wskazwka
n Panel Document Property Inspector rwnie
45
Waciwoci dokumentu
Rozdzia 1.
Properties.
2. W polu Title wpisz tytu dokumentu.
3. W polu Description wprowad sowa
Waciwoci dokumentu
46
47
Waciwoci dokumentu
Rozdzia 1.
Wskazwki
n Niezalenie od tego, czy nowe wymiary
Waciwoci?dokumentu
48
z poniszych czynnoci:
Rysunek 1.17. Aby przypisa scenie nowy kolor,
wybierz go, klikajc prbk koloru obok parametru
Background Color, znajdujcego si w oknie
dialogowym Document Properties
Zapisanie ustawie
jako domylnych:
u W oknie dialogowym Document Properties
49
Waciwoci?dokumentu
Rozdzia 1.
Waciwoci dokumentu
Rysunek 1.19. Pasek edycji zosta umieszczony nad scen. Umoliwia on dostp do symboli i scen
oraz moliwo zmiany powikszenia widoku. W trybie obiektu, grupy lub symbolu pasek edycji
pokazuje nazw elementu, ktry jest poddawany edycji. Kliknicie przycisku Back powoduje
powrt do trybu edycji dokumentu (rysunek na dole)
50
51
Korzystanie z linijek,
? siatki i prowadnic
Rozdzia 1.
Ustawienie siatki:
1. Z menu View wybierz polecenie Grid/Edit
Wskazwki
n Oczka siatki nie musz by kwadratami.
n Ustawienia siatki okrelone w danej chwili
52
Praca z prowadnicami:
Rysunek 1.26. Podczas
przecigania linii z paska
linijki pojawi si wskanik
kierunku obok narzdzia
Selection
Wskazwki
n Aby zmieni ustawienia prowadnic, otwrz
53
Rozdzia 1.
54
55
Rozdzia 1.
Snap to Pixels.
Program Flash utworzy siatk, ktrej
kwadraty maj wymiar 1 na 1 piksel. Aby
moliwe byo zobaczenie tej siatki, naley
ustawi powikszenie sceny na co najmniej
400 procent (patrz rysunek 1.33). Wicej
56
Snap Align.
Jeeli aktywowae opcj Snap Align
i przecigasz obiekty na scenie, program
Flash zawsze wywietli przerywan lini,
gdy tylko w odlegoci zdefiniowanej przez
uytkownika znajd si krawdzie lub rodki
dwch obiektw czy te obiekt i krawd
sceny (patrz rysunek 1.34).
Wskazwka
n Moesz zmienia ustawienia funkcji Snap
Wyczenie przycigania:
1. Z menu View/Snapping wybierz opcj
Opcja przycigania
?
obiektw
Rozdzia 1.
Powikszenie i pomniejszenie
w scenie:
1. W polu Zoom Control wpisz dany procent
Wskazwka
n Kliknij przycisk przewijania umieszczony
Rozdzia 1.
Panele
Panele
60
Panele
61
Rozdzia 1.
Panele
62
Praca ze zgrupowanymi
panelami
panelu.
Flash podwietli docelowy panel gruba
czarna (Windows) lub niebieska (Mac) linia
wyrni miejsce, w ktrym panel zostanie
doczony do grupy. Przecigajc kursorem
w gr lub w d zmieniamy pozycj tej linii
i tym samym miejsce wstawienia nowego
elementu grupy.
3. Zwolnij przycisk myszy.
63
Rozdzia 1.
Wskazwki
n Aby zwin lub rozwin pojedynczy panel
ze zgrupowanymi panelami.
Podczas przecigania program Flash wywietli
kontur panelu.
3. Zwolnij przycisk myszy.
64
With.
Wywietlone zostanie podmenu z list
wszystkich paneli, z ktrymi biecy panel
moe zosta zgrupowany (rysunek 1.45).
Zwr uwag na to, e panelu Tools nie
mona grupowa.
3. Z podmenu wybierz nazw ktrego z paneli.
65
Praca ze zgrupowanymi
?
panelami
Rozdzia 1.
n Moesz zamyka pojedyncze zakadki paneli
odczy od grupy.
3. Z menu Options panelu wybierz polecenie
Group nazwa_panelu With/New Panel
Group.
Nazwa tego polecenia moe nie wydawa si
z pocztku jasna, ale jego dziaanie polega na
utworzeniu nowej grupy paneli zawierajcej
pocztkowo wycznie wybrany panel, czyli
innymi sowy umieszczeniu go w osobnym
oknie.
66
Ukady paneli
Jeli wygodnie pracuje Ci si z pewnymi
kombinacjami paneli ustawionych
w odpowiednich miejscach, moesz
zapisa te kombinacje w tzw. ukadach
paneli. Ukad paneli uwzgldnia to, ktre
panele byy otwarte, ktre zgrupowane,
jak due byy okna poszczeglnych paneli
oraz grup, a take w ktrych miejscach
ekranu znajdoway si poszczeglne okna.
Aby zapisa ukad paneli, po odpowiednim
rozmieszczeniu wszystkich okien wybierz
polecenie Window/Workspace Layout/
Save Current. W oknie dialogowym Save
Workspace Layout wprowad nazw
zapisywanego ukadu paneli i kliknij
przycisk OK. Gdy w przyszoci bdziesz
chcia przywrci zapisany ukad paneli,
rozwi podmenu Window/Workspace
Layout i wybierz nazw ukadu.
Przywoywanie domylnego
ukadu paneli:
1. Wybierz polecenie Window/Workspace
Layout/Default.
Flash wywietli panele Tools i Property
inspector oraz pionow grup paneli
zawierajc panel Library oraz zakadki
paneli Color Mixer i Color Swatches
(zobacz rysunek 1.47).
Wskazwki
n W rodowisku Windows domylny ukad
Rysunek 1.47. Domylny ukad paneli we Flashu zawiera zgrupowane poziomo zakadki Color Mixer
i Color Swatches, wczone do pionowej grupy po prawej stronie ekranu wraz z panelem Library
67
Praca
Dostosowanie
ze zgrupowanymi
rozkadupanelami
paneli
Rozdzia 1.
68
Wskazwki
n W systemie Mac OS panel Property
Rysunek 1.49. W niektrych sytuacjach w panelu Property Inspector wicej informacji wywietlane
jest w dolnej powce. Kliknij trjkt w prawym dolnym rogu panelu, aby pokaza lub schowa
te informacje
69
Rozdzia 1.
70