IDZ DO

PRZYKADOWY ROZDZIA
SPIS TRECI

KATALOG KSIEK
KATALOG ONLINE

Flash 8. wiczenia
praktyczne
Autor: Krzysztof Pasek
ISBN: 83-246-0382-4
Format: A5, stron: 136

ZAMW DRUKOWANY KATALOG

TWJ KOSZYK
DODAJ DO KOSZYKA

CENNIK I INFORMACJE
ZAMW INFORMACJE
O NOWOCIACH
ZAMW CENNIK

CZYTELNIA
FRAGMENTY KSIEK ONLINE

Kolejna, sma ju wersja Macromedia Flash potwierdza jego zasuon reputacj.

Doskonay program do tworzenia interaktywnych animacji wektorowych zyska nowe
narzdzia i nadal jest niekwestionowanym liderem wrd aplikacji do tworzenia
publikacji multimedialnych. Opanowanie ogromnych moliwoci programu od
korzystania z narzdzi rysunkowych i animacyjnych poczwszy, na stosowaniu
obiektowego jzyka programowania ActionScript skoczywszy wymaga czasu
i pracy. Jednak od czego trzeba zacz.
Ksika Flash 8. wiczenia praktyczne jest doskonaym podrcznikiem dla
wszystkich, ktrzy chc pozna ten program i stworzy za jego pomoc swoje pierwsze
animacje. Wykonujc kolejne zawarte w niej wiczenia, poznasz zasady korzystania
z narzdzi rysunkowych i tworzenia animacji. Dowiesz si, do czego mona zastosowa
warstwy i obiekty, oraz nauczysz si dodawa do prezentacji elementy interaktywne.
Po zakoczeniu pracy nad animacj wyeksportujesz j do formatu nadajcego si do
publikacji na stronie WWW.
Interfejs uytkownika
Operacje na plikach
Tworzenie ksztatw wektorowych
Dodawanie konturw i wypenie
Obiekty tekstowe
Sceny i warstwy
Animacja z wykorzystaniem listwy czasowej
Tworzenie elementw interaktywnych
Publikacja filmu
Zrb pierwszy krok w wiecie Flasha

Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl

Wstp
Rozdzia 1. Przygotowanie do pracy
Operacje na plikach
Interfejs Flasha

Rozdzia 2. Rysowanie

5
7
7
14

19

Wektorowe ksztaty
Waciwoci wypenie
Waciwoci linii
Transformacje
Tekst

20
27
34
40
53

Rozdzia 3. Sceny, warstwy i obiekty

57

Warstwy
Obiekty
Sceny

57
68
79

Rozdzia 4. Animacja

83

Listwa czasowa
Automatyczne przejcia
Akcje sterujce listw czasow
Uwagi oglne

83
92
103
112

Rozdzia 5. Interaktywne elementy filmu

115

Rozdzia 6. Publikowanie plikw Flasha

129

Flash jest bardzo wygodnym narzdziem do rysowania, ale nie

nadaje si do tworzenia rysunkw dokadnych i skomplikowanych. Mona w nim szybko i wygodnie narysowa na przykad
komiksowe zwierztko z duymi oczami. Natomiast stworzenie we
Flashu technicznego odwzorowania jest niemoliwe wynika to z dostpnych w programie narzdzi, ale te z caej struktury programu. Nie
da si ukry, e Flash w pewnym stopniu narzuca styl rysunkw, a prby obejcia jego ogranicze kocz si najczciej niepowodzeniem.
Jeeli potrzebujesz projektu architektonicznego albo wydruku danych
statystycznych, pamitaj, e istnieje wiele innych programw.
Zamiast prbowa zmusi Flasha do funkcjonowania na wzr programw z rodziny CAD, warto wykorzysta jego moliwoci. Rysujc we
Flashu, nie trzeba przejmowa si tym, e linie si nie stykaj, a wypenienia nie zajmuj caej przestrzeni obrazka. Pomijajc szczeglne
przypadki, nie jest wane, czy linia bdzie nieco skrzywiona, czy idealnie prosta. We Flashu wiele narzdzi pozwala rysowa swobodnie
i szybko. Nale do nich Brush i Pencil kiedy ich uywasz, nigdy
nie zobaczysz punktw kontrolnych krzywej. Niedokadno tych narzdzi nie jest ich wad, szczeglnie e nie przeszkadza w dalszej obrbce obrazu. Przykadowo narzdzie do wypeniania ksztatw (Paint
Bucket Tool) ma parametr Gap Size, ktry okrela, jak due dziury bd
pomijane podczas wypeniania. Rysunek 2.1 przedstawia przykadowy
obrazek wykonany za pomoc narzdzi Brush i Paint Bucket. Szare wypenienie nie wylewa si na zewntrz, pomimo niecigych konturw.

20

Flash 8 wiczenia praktyczne

Rysunek 2.1.
Niedokadno
rysunku
nie przeszkadza
w jego obrbce

Wszystkie te uwagi odnosz si do duych, zoonych obrazw, ktre

musz zachowa okrelon form. Jeeli mamy troch swobody, nic
nie stoi na przeszkodzie, aby wykorzysta idealne, geometryczne ksztaty. Aby zwikszy dokadno rysunkw wykonywanych we Flashu,
mona stosowa dokadne przeksztacenia numeryczne i automatyczne
przyciganie. Przydatne jest te narzdzie Grid (Siatka), ktre w trybie
Always Snap wymusza rwne uoenie elementw sceny.
Kontynuujc wtek swobody rysowania we Flashu, naley wspomnie
o zastosowaniu urzdze wskazujcych. Zwyka mysz pozwala obsugiwa program, ale Flash pozwala wykorzysta moliwoci tabletw
i innych mniej popularnych urzdze. Algorytmy rodowiska pozwalaj uzyska bardzo dobr jako odwzorowania podczas zamiany ruchw kursora na wektorowe ksztaty. Uzyskane na ekranie linie s
zgodne z intencjami uytkownika, a w przypadku problemw mona
swobodnie dostosowa parametry narzdzia (midzy innymi parametr
Smoothing). Majc do dyspozycji duy tablet i Flasha, mona rysowa
niemal z tak swobod, z jak rysuje si owkiem na papierze.

We Flashu na rysunek skadaj si dwa podstawowe elementy linie

i wypenienia. Ich definicje s intuicyjne, ale zastosowanie pod pewnymi wzgldami nietypowe. Pocztkowo operowanie ksztatami we
Flashu moe wydawa si dziwne. W szczeglnoci dotyczy to osb,
ktre maj wpraw w rysowaniu w innych programach obsugujcych
grafik wektorow. Dlatego warto powici troch czasu na eksperymentowanie wyprbowanie rnych narzdzi i opanowanie podstawowej edycji za pomoc kursora. Samodzielne badania s najlepsz
(i jedyn) metod, by pozna zasady okrelajce zachowanie elementw rysunku. Jakkolwiek by byo, poniej znajdziesz kilka uwag na ten
temat.

Rozdzia 2. Rysowanie

21

Figury, skadajce si z wypenie i konturw, nie stanowi caoci.

Linie przylegajce do krawdzi wypenie s zawsze edytowane rwnoczenie z tymi wypenieniami. Pomimo to zaznaczenie linii nie jest
rwnoznaczne z zaznaczeniem wypenienia i mona w kadej chwili
rozdzieli te dwa elementy rysunku.
Jedn ze specyficznych waciwoci Flasha jest interakcja nakadajcych si ksztatw:
q linia narysowana bezporednio na innych ksztatach zawsze
dzieli je na czci,
q wypenienie namalowane bezporednio na innych ksztatach
powoduje ich usunicie (zastpienie).
Byoby bardzo uciliwe, gdyby ksztaty zawsze si nakaday. Na szczcie ich interakcja nastpuje tylko wtedy, gdy s umieszczone na tej
samej warstwie, w tym samym ujciu i wewntrz tego samego obiektu.
Zaznaczone ksztaty nie nakadaj si na pozostae elementy sceny
(miejsca przecicia s obliczane dopiero w momencie wyczyszczenia
zaznaczenia). Interakcja nie zachodzi, gdy rysujemy z wczon opcj
Object Drawing ta opcja sprawia, e kady nowy ksztat jest automatycznie umieszczany wewntrz osobnego obiektu.
W kolejnym wiczeniu bdziemy rysowa tylko elipsy i koa, ale sposb
postpowania z innymi ksztatami jest podobny. Nie bdziemy wic
szczegowo omawia wszystkich narzdzi.
W I C Z E N I E

2.1

Zastosowanie prostych form geometrycznych

Utwrz nowy plik (moesz zapisa go na dysku pod dowoln nazw).

Podczas wykonywania wiczenia wygodnie bdzie widzie cay obszar
roboczy w jak najwikszym powikszeniu. Moesz zmieni ustawienia widoku, ale nie zwijaj dolnej listwy (przy domylnych ustawieniach
zawiera panele Properties, Parameters i Actions).
1. Uaktywnij narzdzie Oval, ktre suy do rysowania okrgw
i elips.
Poniej panelu narzdziowego pojawia si zakadka o nazwie
Colors, ktra zawiera dwa przyciski wyboru kolorw. Pierwszy
(Stroke color) pozwala okreli kolor linii, a drugi (Fill color)
kolor wypenie. Po klikniciu na jeden z przyciskw wywietla
si paleta podstawowych kolorw.

22

Flash 8 wiczenia praktyczne

2. Ustaw kolory narzdzia na czarny i czerwony (rysunek 2.2).

Przecignij kursor nad obszarem roboczym, trzymajc wcinity

lewy przycisk myszy. Powiniene uzyska elips z czerwonym
wypenieniem i czarnym konturem o szerokoci jednego piksela.
Rysunek 2.2.
Ustawienie
kolorw
dla narzdzia

3. Sprawd, czy przycisk Snap to Objects jest wcinity (czyli

automatyczne przyciganie jest wczone). Jeszcze raz przecignij

kursor nad obszarem roboczym, ale tym razem sprbuj narysowa
rwne koo (rysunek 2.3). Flash skoryguje niedokadno Twojego
pocignicia i powstanie idealny okrg.
Pod zakadk Colors na panelu narzdziowym znajdziesz trzy
mae dodatkowe przyciski:
q Black and white (przywraca domylne kolory czarny
i biay),
q No color (brak koloru wycza rysowanie linii lub
wypenie),
q Swap colors (zamienia kolor wypenienia i kolor linii).
4. Uyj przycisku No color, aby wyczy wypenienie (rysunek 2.4).
Narysuj jeszcze kilka elips i sprawd, w jaki sposb si przecinaj.

Rozdzia 2. Rysowanie

Rysunek 2.3. Zastosowanie opcji Snap to Objects

Rysunek 2.4.
Elipsy
z wyczonym
wypenieniem

23

24

Flash 8 wiczenia praktyczne

Opierajc si na powyszym wiczeniu, moesz wyprbowa inne narzdzia (s dostpne poprzez przyciski na panelu narzdziowym):
q narzdzie Prostokt (Rectangle) suy do tworzenia
prostoktw lub kwadratw;
q Linia (Line) rysuje proste odcinki;
q Wielokt (PolyStar) tworzy wielokty foremne i gwiazdy
o rnej liczbie bokw. Aby wczy to narzdzie, musisz
rozwin dodatkowe menu, klikajc na przycisku Rectangle
i przytrzymujc go.
Wstawianie prostych figur geometrycznych nie wystarczy do stworzenia
rysunku. Takie ksztaty s dobrym materiaem wyjciowym do zastosowania transformacji, lecz rzadko wykorzystuje si je w niezmienionej formie. Transformacje omwimy w dalszych wiczeniach, a tymczasem zajmiemy si zupenie odmiennym stylem rysowania.
W technice flashowej czsto wykorzystuje si bezporednie, wektorowe odwzorowanie ruchw kursora. Oznacza to, e gdy przecigamy
kursor po ekranie (krelc dowolne ksztaty), na scenie pojawiaj si
od razu odpowiednie linie. W przypadku pdzla (Brush) bd to wypenienia, ktre tworz obraz o troch innej charakterystyce. Ponisze
wiczenie dotyczy tylko owka (Pencil), ale z uyciem pdzla byoby
bardzo podobne.
W I C Z E N I E

2.2

Rysowanie dowolnych ksztatw

1. Wcz narzdzie Pencil (owek). Wybierz dowolny ciemny

kolor linii i sprbuj co narysowa (rysunek 2.5).

Sprbuj tylko za pomoc owka narysowa zygzak
skadajcy si z geometrycznie prostych odcinkw. Wydaje si,
e jest to niewykonalne linie rysowane owkiem zawsze s
lekko skrzywione. A jednak wystarczy zmiana jednego parametru
narzdzia, aby prawie kada krzywa bya zamieniana na proste
odcinki.
2. W dolnej czci panelu narzdziowego odszukaj przycisk
z rysunkiem falistej linii. Nacinij go i z rozwijanego menu
wybierz opcj Straighten (rysunek 2.6).
3. Tym razem prba narysowania zygzaka na pewno si powiedzie.
Sprbuj te naszkicowa ksztat koa, trjkta, elipsy czy kwadratu.

Rozdzia 2. Rysowanie

25

Rysunek 2.5. Owek w akcji

Rysunek 2.6.
Wybr sposobu
wygadzania linii
owka

Na pewno zaskoczy ci to, e Flash zamieni nierwne pocignicia

na odpowiednie figury (rysunek 2.7).

26

Flash 8 wiczenia praktyczne

Rysunek 2.7. Owek w trybie Straighten

Wstawianie figur geometrycznych za pomoc owka ma jeden powany mankament rysowanie kwadratw i prostoktw odchylonych
wzgldem pionu jest niemoliwe.
Po omwieniu dodawania elementw do rysunku trzeba wspomnie
take o ich usuwaniu. Zaznaczone ksztaty (a take obiekty) mona
skasowa klawiszem Delete. Jest to najwygodniejszy sposb, chocia nie
zawsze mona go zastosowa. Dlatego w kolejnym wiczeniu przedstawimy krtko obsug narzdzia Eraser, ktre suy do precyzyjnego
wymazywania ksztatw.