Adobe Flash CS4/CS4 PL.

Oficjalny podrcznik
Autor: Adobe Creative Team
Tumaczenie: ukasz Schmid
ISBN: 978-83-246-2274-0
Tytu oryginau: Adobe Flash CS4 Professional
Classroom in a Book
Format: 170230, stron: 376

Najlepsze rdo informacji o Adobe Flash CS4!

Jak tworzy zaawansowane efekty specjalne?
Jak wykorzysta kinematyk odwrotn i przeksztacenia?
Program Adobe Flash CS4 to kolejna odsona magicznego narzdzia, wykorzystywanego
przez profesjonalistw do tworzenia imponujcych, interaktywnych stron WWW.
Witryny te bogate w materiay audio, wideo, grafik i animacj ciesz si
szczegln popularnoci wrd uytkownikw sieci. Co ciekawe, mimo wykorzystania
zaawansowanych technologii w dalszym cigu pozostaj one przyjazne dla czy
internetowych. Technologia Flash sprawdzi si zatem wszdzie tam, gdzie potrzeba
zarwno efektownych, jak i uytecznych rozwiza!
Adobe Flash CS4/CS4 PL Professional. Oficjalny podrcznik to kolejna ksika
w bestsellerowej serii podrcznikw przygotowanych przez autoryzowanych trenerw
firmy Adobe. Lekcja pierwsza to nauka podstaw, czyli przyblienie interfejsu i poznanie
zasad pracy z programem. Pniej dowiesz si, jak pracowa z grafik, tworzy symbole,
dodawa animacj oraz wykorzystywa przeksztacenia i kinematyk odwrotn.
Zgbisz take tajniki jzyka ActionScript 3.0 - dziki czemu Twoje strony stan si
jeszcze bardziej interaktywne. Zdobdziesz rwnie wiedz na temat pracy z materiaem
audio i wideo, komponentw oraz sposobw publikacji plikw Flash w sieci. Ksika ta
jest nie tylko doskonaym kompendium dla pocztkujcych, ale take dla zaawansowanych
projektantw, chccych zdoby dodatkowe umiejtnoci i poszerzy wiedz.
Podstawowe wiadomoci o Flashu
Pierwsze kroki w nowym rodowisku pracy
Praca z osi czasu i klatkami kluczowymi
Elementy graficzne w Adobe Flash
Tworzenie i edytowanie symboli
Wykorzystanie filtrw do tworzenia zaawansowanych efektw specjalnych
Przygotowanie animacji
Zastosowanie cieek ruchu
Kinematyka odwrotna i przeksztacenia
Jzyk ActionScript 3.0
Praca z dwikiem i obrazem wideo
Zastosowanie komponentw
Publikacja dokumentw Flash
Wszystko, co musisz wiedzie o Adobe Flash CS4, by tworzy niesamowite strony!

spIs treCI
Wstp
1

WprOWADzenIe

14

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14

Uruchamianie Flasha iotwieranie pliku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16
Przestrze robocza . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .17
Praca zpanelem Library (Biblioteka) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .19
O czasu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
Ukadanie warstw naosi czasu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .28
Korzystanie zpanelu Properties (Waciwoci). . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Korzystanie zpanelu Tools (Narzdzia) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .34
Wycofywanie dziaa weFlashu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .38
Podgld projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .39
Publikowanie projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40
Wyszukiwanie zasobw natemat Flasha . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42
Sprawdzanie dostpnoci aktualizacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .43

prACA zgrAFIK

46

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .48
Obrysy iwypenienia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .48
Rysowanie prostoktw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .48
Stosowanie wypenie gradientowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .54
Tworzenie zaznacze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57
Rysowanie owali . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Rysowanie wzorku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62
Rysowanie krzywych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .68
Tworzenie elementw przezroczystych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Tworzenie iedytowanie tekstu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73

sPis TreCi

Book Flash CS4.indb 4

2009-08-03 23:41:04

tWOrzenIe IeDytOWAnIe syMBOLI

78

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .80
Importowanie plikw programu Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Symbole . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .84
Tworzenie symboli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .85
Importowanie plikw Photoshopa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .87
Edytowanie symboli izarzdzanie nimi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .90
Modyfikowanie rozmiaru ipooenia instancji . . . . . . . . . . . . . . . . . . . . . . . . . . . . .96
Modyfikowanie opcji Color Effect (Efekt koloru) dla instancji . . . . . . . . . . . . . . .99
Efekty mieszania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101
Tworzenie efektw specjalnych zapomoc filtrw . . . . . . . . . . . . . . . . . . . . . . . 102
Przemieszczanie obiektw wprzestrzeni 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103

DODAWAnIe AnIMACJI

110

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
Zasady tworzenia animacji. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113
Przygotowanie pliku projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
Animowanie zmian pooenia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
Zmiana tempa iczasu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
Animowanie przezroczystoci . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121
Animowanie filtrw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
Animowanie przeksztace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Modyfikowanie cieki ruchu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Zamienianie obiektw animowanych zapomoc
animacji klatek porednich . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Tworzenie animacji zagniedonych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
Panel Motion Editor (Edytor ruchu) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143
Krzywe zmian dynamiki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Animowanie ruchu wprzestrzeni 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156
Ogldanie animacji. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159

Adobe FlAsh C s4/Cs4 Pl. oFiCjAlny PodrCznik

Book Flash CS4.indb 5

2009-08-03 23:41:04

KIneMAtyKA ODWrOtnA IprzeKsztACenIA

162

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
Ruch przegubw zapomoc kinematyki odwrotnej . . . . . . . . . . . . . . . . . . . . . 165
Ograniczanie zakresu ruchu zcze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174
Kinematyka odwrotna ksztatw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
Opcje szkieletw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
Przeksztacenia zapomoc animacji klatek porednich ksztatu . . . . . . . . . . 196
Punkty zmiany ksztatu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200

tWOrzenIe InterAKtyWnegO systeMU nAWIgACJI

206

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
Filmy interaktywne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Projektowanie ukadu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Tworzenie przyciskw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
ActionScript 3.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
Dodawanie operacji stop(). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Tworzenie procedur obsugi zdarze dla przyciskw . . . . . . . . . . . . . . . . . . . . . 230
Tworzenie docelowych klatek kluczowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Odtwarzanie animacji wklatce docelowej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240
Przyciski animowane . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246

prACA zDWIKIeM IWIDeO

250

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
Struktura pliku projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253
Wykorzystanie dwikw. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254
Charakterystyka formatu Flash Video . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Korzystanie zprogramu Adobe Media Encoder. . . . . . . . . . . . . . . . . . . . . . . . . . 268
Opcje kodowania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272
Odtwarzanie wideo zewntrznego. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279
Praca zmateriaem wideo zawierajcym kanay alfa . . . . . . . . . . . . . . . . . . . . . 285
Osadzanie Flash Video . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

sPis TreCi

Book Flash CS4.indb 6

2009-08-03 23:41:04

KOMpOnenty

298

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300
Komponenty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .301
Dodawanie komponentu tekstowego. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302
Wykorzystanie komponentw dotworzenia interaktywnoci . . . . . . . . . . . . 308

ADOWAnIe IKOntrOLOWAnIe zAWArtOCI zeWntrzneJ

320

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322
adowanie zawartoci zewntrznej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324
Usuwanie zawartoci zewntrznej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328
Sterowanie klipami filmowymi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329
Tworzenie masek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330

10 pUBLIKOWAnIe DOKUMentW FLAsHA

338

Tematyka lekcji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338

Rozpoczcie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340
Testowanie dokumentu Flasha . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .341
Bandwidth Profiler (Programprofilujcyprzepustowo) . . . . . . . . . . . . . . . . 342
Dodawanie metadanych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345
Publikowanie filmu dla sieci WWW . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .347
Inne opcje publikowania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353
Dodatek A Szesnastkowe kody kolorw . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359
Skorowidz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360

Adobe FlAsh C s4/Cs4 Pl. oFiCjAlny PodrCznik

Book Flash CS4.indb 7

2009-08-03 23:41:05

Praca zgrafik
Tematyka lekcji
Wtej lekcji nauczymy si:

Rysowa prostokty, owale ilinie.

Jakie srnice pomidzy trybami rysowania.
Modyfikowa wielko iksztat narysowanych obiektw.
Definiowa ustawienia wypenienia iobrysu.
Tworzy symetryczne wzory.
Tworzy iedytowa krzywe.
Stosowa gradienty izmienia przezroczysto.
Grupowa elementy.
Tworzy iedytowa tekst.

Praca zajmie okoo 90 minut. Moesz usun zdysku twardego plik

poprzedniej lekcji iskopiowa folder Lesson02.

46

Book Flash CS4.indb 46

2009-08-03 23:41:10

WeFlashu zapomoc prostoktw, owali ilinii

moesz tworzy ciekawe, zoone grafiki iilustracje.
Jeli dodasz dotego gradienty, przezroczystoci, tekst
ifiltry, zyskasz jeszcze wiksze moliwoci.

47

Book Flash CS4.indb 47

2009-08-03 23:41:11

Rozpoczcie
Napocztku obejrzymy gotow animacj, ktr bdziemy tworzyli wtej lekcji.
1 Kliknij dwukrotnie plik 02End.swf znajdujcy si wfolderze Lesson02/End iobejrzyj
gotow animacj.

Projekt toprosta ilustracja statyczna stanowica banner reklamowy. Powstaa

napotrzeby Aqua Zero fikcyjnej firmy. Wtej lekcji bdziesz rysowa ksztaty
imodyfikowa je. Dowiesz si, jak czy proste elementy wzoone efekty wizualne. Narazie nie bdziemy tworzyli adnej animacji; zanim nauczymy si biega,
musimy umie chodzi. Nabycie umiejtnoci tworzenia imodyfikowania grafiki
jest wanym krokiem wkierunku tworzenia animacji.
2 Wybierz File/New (Plik/Nowy), woknie dialogowym New Document (Nowy
dokument) wska Flash File (ActionScript 3.0) (Plik Flash (ActionScript 3.0)).
3 Wpanelu Properties (Waciwoci) ustaw wymiary stou montaowego 700 x 150
pikseli inadaj mu jasnoniebieski kolor.
4 Wybierz File/Save As (Plik/Zapisz jako). Nazwij plik 02_workingcopy.fla izapisz
wfolderze Lesson02/02Start. Zapisywanie pliku odrazu jest dobrym zwyczajem
idaje pewno, enie stracisz swojej pracy podczas awarii komputera.

Obrysy iwypenienia
Kada grafika weFlashu zaczyna jako ksztat. Ksztat skada si zdwch komponentw: wypenienia (fill) lub inaczej wntrza ksztatu oraz obrysu (stroke), czyli linii
dookoa ksztatu. Jeli bdziesz pamita otych dwch elementach, napewno dasz sobie
rad ztworzeniem ciekawych izoonych elementw wizualnych.
Wypenienie iobrys sodsiebie niezalene, awic moesz modyfikowa lub usuwa
jedno bez wpywu nadrugie. Moesz np.narysowa prostokt zniebieskim wypenieniem iczerwonym obrysem, apotem zmieni kolor wypenienia nafioletowy
icakowicie usun obrys. Wtakim przypadku pozostanie Ci fioletowy prostokt bez
wypenienia.

Rysowanie prostoktw
Flash zawiera wiele narzdzi sucych dorysowania, adziaajcych wrnych trybach.
Czsto tworzenie rozpoczyna si odprostych ksztatw, takich jak prostokty iowale,

48

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 48

2009-08-03 23:41:11

dlatego dobrze jest nabra praktyki wich rysowaniu, modyfikowaniu ksztatu oraz
stosowaniu obrysw iwypenie.
Zaczniemy odnarysowania szklanki namusujcy napj.
1 Wybierz narzdzie Rectangle (Prostokt) ( ). Upewnij si, eikona Object Drawing
(Rysowanie obiektw) ( ) nie jest zaznaczona.
2 Wybierz kolor obrysu ( ) ikolor wypenienia ( ) wdolnej czci panelu Tools
(Narzdzia). Mog toby dowolne kolory, ale upewnij si, ewybrae kolor dla
kadego zkomponentw.
3 Nastole montaowym narysuj prostokt, ktrego wysoko bdzie odpowiadaa
jego dwukrotnej szerokoci. Dokadne wymiary okrelimy wpunkcie 6.

4 Wybierz narzdzie Selection (Zaznaczenie).

Uwaga: Flash

zastosuje dopro
stokta domylny
obrys iwypenienie,
ktre sokrelane
przez style obrysu
iwypenienia uyte
jako ostatnie.
Wkolejnych podroz
dziaach dopasujemy
donaszych potrzeb
wygld obrysu
iwypenienia.

5 Przecignij narzdziem Selection (Zaznaczenie) wok caego prostokta, aby

zaznaczy obrys oraz wypenienie. Kiedy ksztat jest zaznaczony, Flash wyrnia
go biaymi kropkami. Moesz take dwukrotnie klikn ksztat, aFlash zaznaczy
zarwno obrys, jak iwypenienie.

6 Wpanelu Properties (Waciwoci) wpisz 95 wpolu W:(Sz:) i135 wpolu H:(W:)

Nacinij Enter lub Return, aby zastosowa zmiany.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 49

49

2009-08-03 23:41:11

Dodawanie wypenienia bitmapowego

Wypenienie towntrze narysowanego obiektu. WeFlashu moesz zastosowa jako
wypenienie kolor jednolity, gradient lub bitmap (plik wformacie TIFF, JPEG lub
GIF). Mona take okreli, i obiekt nie bdzie mia wypenienia. Wtej lekcji nadamy
szklance taki wygld, jakby znajdowa si wniej napj. Zaimportujemy obraz przedstawiajcy wod iuyjemy jako wypenienia. Plik bitmapy mona zaimportowa
zapomoc panelu Color (Color).
1 Upewnij si, ecay prostokt jest cigle zaznaczony. Wrazie potrzeby przecignij
nad nim narzdziem Selection (Zaznaczenie).
Uwaga: Upewnij

si, eklikasz ikon

koloru wypenienia,
anie pole koloru
obok niej. Kliknicie
pola koloru spowo
duje otwarcie prb
nika kolorw Adobe,
ktry nie bdzie nam
teraz potrzebny,
gdy zaimportujemy
bitmap.

2 Otwrz panel Color (Kolor), wybierajc Window/Color (Okno/Kolor), ikliknij wnim

ikon koloru wypenienia (
).
3 Zmenu Type (Typ) wybierz Bitmap (Bitmapa).

4 Woknie dialogowym Import toLibrary (Importuj dobiblioteki) wyszukaj plik

Water.tif znajdujcy si wfolderze Lesson02/02Start.
5 Wybierz plik Water.tif ikliknij Open (Otwrz).
Prostokt wypeni si obrazem wody.

50

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 50

2009-08-03 23:41:11

Okrelanie waciwoci obrysu

Obrys toobramowanie obiektu, wnaszym przypadku prostoktne. Obrysowi moemy
nada inne atrybuty ni wypenieniu, anawet okreli, i obiekt nie bdzie mia linii.
Dla naszego prostokta utworzymy jednolite obramowanie wkolorze szarym.
1 Zaznacz prostokt nastole montaowym (jeeli nie jest zaznaczony).
2 Wpanelu Properties (Waciwoci) kliknij pole Stroke Color (Kolor obrysu) ( ).
3 Wprbniku kolorw wybierz drugi kolor wczwartym wierszu odlewej (szary)
lubwpisz #999999 wpolu tekstowym.

4 Wpisz 4 wpolu Stroke height (Wysoko obrysu), nacinij Enter lub Return,
abyzastosowa zmiany.

Uwaga:

WeFlashu, HTML
iwielu innych apli
kacjach kady kolor
maodpowiedni
warto szesnast
kow. Jasnoszary
to#999999, biay
#FFFFFF, czarny
#000000. Dodatek
A(strona 327)
zawiera zestawie
nie kolorw wraz
zich wartociami
szesnastkowymi.
By moe warto
zapamita wartoci
najczciej uywa
nych kolorw.

Prostokt powinien by teraz wypeniony bitmap przedstawiajc wod iotoczony

szerok, szar lini.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 51

51

2009-08-03 23:41:11

Modyfikowanie obiektw
Czas, aby nasz prostokt zacz bardziej przypomina szklank. Wykorzystamy narzdzie Free Transform (Przeksztacanie swobodne) dozblienia dosiebie dolnych rogw.
Zapomoc tego narzdzia moemy dopasowa pooenie punktw naliniach oraz
ksztat obramowa.
1 Wpanelu Tools (Narzdzia) wybierz narzdzie Free Transform (Przeksztacanie
swobodne) ( ).
2 Przecignij narzdziem Free Transform (Przeksztacanie swobodne)wok prostokta
nastole montaowym, cospowoduje zaznaczenie go. Wok prostokta pojawi si
uchwyty przeksztacenia.

3 Nacinij iprzytrzymaj klawisze Ctrl+Shitt (Windows) lub Command+Shift (Mac

OS) ijednoczenie przecignij jeden zrogw dowewntrz. Nacinicie tych
klawiszy pozwoli narwnoczesne przesunicie obu rogw otak sam odlego.
4 Kliknij poza ksztatem, aby usun jego zaznaczenie.
Dolna cz prostokta jest teraz wsza odgrnej, acay ksztaty duo bardziej
przypomina szklank.

52

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 52

2009-08-03 23:41:11

tryby rysowania weFlashu

Flash udostpnia trzy tryby rysowania, okrelajce sposb zachowania si wobec siebie obiektw
nastole montaowym imoliwoci edycji. Domylnie Flash uywa trybu scalania, moemy jednak przeczy
si wtryb rysowania obiektw lub uy narzdzi Rectangle Primitive (Prostokt pierwotny) lub Oval Primitive
(Owal pierwotny), aby przej doprostego trybu rysowania.

Rysowanie wtrybie scalania (Merge drawing mode)

Wtym trybie Flash czy narysowane ksztaty, takie jak prostokty iowale, jeeli nasiebie zachodz, awic
wiele ksztatw bdzie wyglda jak pojedynczy ksztat. Jeeli przesuniemy lub usuniemy ksztat poczony
zinnym, zachodzce nasiebie czci zostan usunite.

Tryb rysowania obiektw (Object drawing mode)

Wtym trybie Flash nie czy narysowanych obiektw; pozostaj odsiebie oddzielone, nawet jeeli nasiebie
zachodz. Tryb rysowania obiektw mona wczy, wybierajc potrzebne narzdzie iklikajc ikon Object
Drawing (Rysowanie obiektw) znajdujc si wobszarze opcji panelu Tools (Narzdzia).
Obiekt mona zamieni naksztat (taki jak tworzony wtrybie scalania), zaznaczajc go, anastpnie naciskajc
Ctrl+B (Windows) lub Command+B (Mac OS). Aby zamieni ksztat naobiekt (taki jak tworzony wtrybie ryso
wania obiektw), naley go zaznaczy, anastpnie wybra Modify/Combine Objects/Union (Modyfikuj/Pocz
obiekty/czenie).

Obiekty pierwotne (Primitive drawing mode)

Kiedy korzystamy znarzdzi Rectangle Primitive (Prostokt pierwotny) lub Oval Primitive (Owal pierwotny),
rysowane ksztaty stanowi oddzielne obiekty, mona jednak, inaczej ni wprzypadku zwykych obiektw,
modyfikowa ksztat ich naronikw (wprostoktach) oraz kt pocztkowy, kocowy ipromie wewntrzny
(wprzypadku owali).

Adobe FlAsh C s4/Cs4 Pl. oFiCjAlny PodrCznik

Book Flash CS4.indb 53

53

2009-08-03 23:41:12

Stosowanie wypenie gradientowych

Gradient tostopniowe przejcie jednego koloru wdrugi. Flash moe tworzy gradienty
liniowe (linear gradient), wktrych kolory zmieniaj si poziomo, pionowo lub rwnolegle, jak rwnie gradienty radialne (radial gradient), wktrych kolory zmieniaj si
dozewntrz odpunktu centralnego. Tuwykorzystamy gradient liniowy wcelu wzbogacenia wygldu podstawy szklanki.
1 Wybierz narzdzie Selection (Zaznaczanie).
2 Przecignij prostokt wok dolnej czci szklanki, aby zaznaczy obszar
odpowiadajcy jej podstawie.

Uwaga: Upewnij
si, eklikasz ikon
wypenienia, anie
pole koloru obok
niej.

54

3 Wpanelu Color (Kolor) kliknij ikon wypenienia iwybierz Linear (Liniowe)

zmenu Type (Typ).

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 54

2009-08-03 23:41:12

Flash doda, napodstawie szklanki, liniowy gradient zoony zkolorw czarnego

ibiaego.

Modyfikowanie gradientowych przej kolorw

Domylnie gradient liniowy toprzejcie tylko jednego koloru winny, ale moliwe jest
wykonanie gradientu zoonego nawet z15 przej kolorw. Wskanik koloru pokazuje, gdzie jeden kolor przechodzi wkolejny. Klikajc poniej paska definicji gradientu,
mona doda kolejne wskaniki kolorw wskazujce punkty przejcia.
Dodamy wskanik koloru idopasujemy istniejce wskaniki tak, aby gradient przechodzi odkoloru czarnego dobiaego przy krawdziach szklanki.
1 Kliknij tu poniej paska definicji gradientu, aby doda nowy wskanik koloru.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 55

55

2009-08-03 23:41:12

2 Przecignij nowy wskanik narodek gradientu.

3 Wybierz nowy wskanik (kiedy wskanik jest wybrany, umieszczony nad nim
trjkt makolor czarny) iwpisz #FFFFFF, conada wskanikowi kolor biay.
Nacinij Enter lub Return.
4 Wybierz wskanik koloru umieszczony najdalej naprawo, kliknij czarne pole
naskali kolorw lub wpisz #000000.

Wypenienie gradientowe podstawy szklanki bdzie teraz przechodzi poprzez

kolory: czarny, biay, czarny.

56

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 56

2009-08-03 23:41:12

Uywanie narzdzia Gradient Transform

(Przeksztacanie gradientu)
Moemy nie tylko zmienia pooenie wskanikw koloru gradientu, ale rwnie
modyfikowa jego wielko, kierunek lub pooenie punktu centralnego. Zapomoc
narzdzia Gradient Transform (Przeksztacanie gradientu) rozcigniemy gradient
wpodstawie szklanki.
1 Wybierz narzdzie Gradient Transform (Przeksztacanie gradientu), ktre jest
zgrupowane znarzdziem Free Transform (Przeksztacanie swobodne).

2 Kliknij podstaw szklanki pojawi si uchwyty przeksztacenia.

3 Przecignij kwadratowy uchwyt znajdujcy si nakrawdzi ramki irozcignij
gradient tak, aby zewntrzny kolor odpowiada kolorowi krawdzi szklanki.
Gradient powinien stapia si zkrawdziami szklanki.

Uwaga:

Przesuwanie biaego
punktu powoduje
przesuwanie punktu
centralnego gra
dientu. Przeciganie
punktu oznaczonego
strzak obraca gra
dient, aprzeciganie
kwadratu ozna
czonego strzak
powoduje rozciga
nie gradientu.

Tworzenie zaznacze
Aby zmodyfikowa obiekt, naley go najpierw zaznaczy. WeFlashu zaznaczenia
mona tworzy zapomoc narzdzia Selection (Zaznaczenie), Subselection
(Zaznaczenie czstkowe) lub Lasso (Lasso). Narzdzia Selection (Zaznaczenie) uywa
si zwykle dozaznaczenia caego obiektu lub jego czci. Narzdzie Subselection
(Zaznaczenie czstkowe) pozwala nazaznaczenie tylko okrelonego punktu lub
linii wobiekcie. Zapomoc narzdzia Lasso (Lasso) mona narysowa zaznaczenie
odowolnym ksztacie.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 57

57

2009-08-03 23:41:12

Zaznaczanie fragmentw wypenienia

igrupowanie obiektw
Postanowilimy nieco mocniej rozjani podstaw szklanki. Zaznaczymy jej czci iim
nadamy biae wypenienie. Rozpoczniemy jednak odzgrupowania elementw tworzcych podstaw szklanki, aby zapobiec przypadkowej modyfikacji wypenienia obrazujcego wod. Grupy przechowuj zbir ksztatw lub innych grafik, aby zachowa ich
integralno. Grup mona wykorzysta wcelu usprawnienia rysowania.
1 Wybierz narzdzie Selection (Zaznaczenie).
2 Kliknij dwukrotnie gradient napodstawie szklanki, aby zaznaczy zarwno
wypenienie, jak ipoczone znim obrysy.

3 Wybierz Modify/Group (Modyfikuj/Grupuj).

4 Dwukrotnie kliknij now grup, aby mc jedytowa.

Zauwa, epozostae elementy nastole montaowym zostay oznaczone kolorem szarym, anapoziomym pasku powyej stou montaowego wywietlana jest
informacja Scene 1 Group (Scena 1 Grupuj). Oznacza ona, eznajdujesz si teraz
wewntrz okrelonej grupy imoesz edytowa jej zawarto.

58

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 58

2009-08-03 23:41:12

5 Zapomoc narzdzia Selection (Zaznaczanie) zaznacz centralny obszar podstawy.

Rozpocznij rysowanie zaznaczenia nazewntrz grupy (pod lub nad ni); wten
sposb nie przesuniesz caej podstawy.

6 Kliknij ikon Fill Color (Kolor wypenienia) wpanelu Tools (Narzdzia). Zprbnika
kolorw wybierz kolor biay lub wpisz #FFFFFF.

7 Kliknij ikon Scene 1 (Scena 1) napasku wgrnej czci stou montaowego,

abypowrci dosceny gwnej.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 59

59

2009-08-03 23:41:12

Uywanie narzdzia Lasso (Lasso)

Teraz chcemy nada napojowi wszklance bardziej realistyczny wygld. Wtym celu
znieksztacimy jego powierzchni. Doskonale nada si dotego narzdzie Lasso (Lasso),
poniewa umoliwia tworzenie nieregularnych zaznacze.
Uwaga: Jeli

zaznaczona jest
ikona Polygon Mode
(Tryb wieloktw),
zapomoc narzdzia
Lasso (Lasso) bdzie
mona rysowa tylko
zaznaczenia wkszta
cie wieloktw.

1 Wybierz narzdzie Lasso (Lasso) ( ). Upewnij si, enie jest zaznaczona ikona
Polygon Mode (Tryb wieloktw) ( ).
2 Obrysuj zamknitym ksztatem grn cz wypenienia szklanki. Kiedy pocztek
ikoniec linii wyznaczajcej ksztat zaznaczenia bd si przecinay, zwolnij
przyciskmyszy.

3 Kliknij ikon Fill Color (Kolor wypenienia) wpanelu Tools (Narzdzia). Zprbnika
kolorw wybierz kolor biay. Wypenienie bitmapowe (woda) nazaznaczonym
obszarze zostanie zastpione jednolitym wypenieniem wkolorze biaym.

Szklanka znapojem jest gotowa! Zmie nazw warstwy zawierajcej szklank naglass.
Pozostao tylko doda gaz ibbelki.

60

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 60

2009-08-03 23:41:12

Rysowanie owali
Narzdzie Oval (Owal) jest podobne donarzdzia Rectangle (Prostokt), ale oczywicie suy dorysowania owalnych ksztatw. Zajego pomoc narysujemy bbelki
wszklance.
1 Wybierz narzdzie Oval (Owal) jest zgrupowane znarzdziem Rectangle
(Prostokt).

2 Wpanelu Properties (Waciwoci) (

biay (#FFFFFF) dla wypenienia.

) ustaw brak koloru dla obrysu ikolor

3 Trzymajc nacinity klawisz Shift, kliknij iprzecignij narzdziem Oval (Owal)

postole montaowym, aby narysowa okrg. Okrg powiniene narysowa
nazewntrz szklanki, bowtedy jej rysunek nie zostanie uszkodzony. Kiedy naciskasz
klawisz Shift, narzdzie Oval(Owal) rysuje dokadny okrg.
4 Jeli nie zmienie koloru stou montaowego ijest on cigle biay, wtej
chwili nie zobaczysz narysowanego okrgu. Przecignij narzdziem
Selection (Zaznaczenie) wok caego okrgu, zaznaczysz wten sposb
zarwno wypenienie, jak iobrys.
5 Wybierz narzdzie Free Transform (Przeksztacanie swobodne), aby zmieni
wielko bbelka.
6 Trzymajc nacinity klawisz Shift (wcelu zachowania proporcji),
przecignij narony uchwyt dowewntrz bbelek si zmniejszy.
Okrg pozmianie wielkoci powinien mie szeroko iwysoko rwn
8 pikselom. Rozmiar bbelka bdzie atwiej dopasowa, powikszajc
widok sceny zapomoc narzdzia Zoom (Powikszenie) (panel Properties
(Waciwoci) pokazuje wartoci szerokoci iwysokoci).
7 Majc bbelek cigle zaznaczony, wybierz Modify/Group (Modyfikuj/Grupuj) wcelu
utworzenia grupy. Gdy przeksztacisz bbelek wgrup, bdziesz mg przecign
go doszklanki bez przycinania grafiki szklanki lub innych ksztatw poniej.
8 Przesu bbelek downtrza szklanki.

Uwaga:

Domylnie obiekty
sskalowane wzgl
dem ich lewego,
grnego rogu. Jeeli
naciniemy klawisz
Alt (Windows) lub
Option (MacOS),
obiekt bdzie ska
lowany wzgldem
punktu transforma
cji, symbolizowa
nego przez ikon
biaego punktu.
Gdy jeste wtrybie
przeksztacania
swobodnego, punkt
transformacji
moesz przesun
wdowolne miejsce
wewntrz obiektu
lub nawet poza
obiekt.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 61

61

2009-08-03 23:41:13

9 Wybierz Edit/Copy (Edytuj/Kopiuj). Bbelek zostanie skopiowany.

10 Wybierz Edit/Paste in Center (Edytuj/Wklej narodku). Nastole montaowym
pojawi si kolejny bbelek. Przesu drugi bbelek doszklanki. Powtarzaj te dwie
czynnoci, a uzyskasz tyle bbelkw, ile uznasz zastosowne.

Rysowanie wzorku
Zapomoc narzdzia Deco (Zamalowywanie) ( ), ktre weFlashu CS4 jest now
funkcj, mona rysowa ciekawe wzorki. Kilka opcji pozwala atwo iszybko budowa
symetryczne ksztaty, siatki lub rozgaziajce si wzory rolinne. Wtej lekcji uyjemy
narzdzia Deco (Zamalowywanie) doutworzenia symetrycznego wzoru gwiazdy, ktry
bdzie symbolizowa gaz nad szklank.

Tworzenie symbolu napotrzeby wzorku

Przed uyciem narzdzia Deco (Zamalowywanie) musimy utworzy symbol, ktry
posuy zapodstaw powtarzajcego si ksztatu. Wicej natemat symboli dowiesz si
wkolejnej lekcji.
1 Zgrnego menu wybierz Insert/New Symbol (Wstaw/Nowy symbol).
2 Woknie dialogowym Create New Symbol (Utwrz nowy symbol), ktre si otworzy,
jako nazw symbolu wpisz fizzy line, wybierz Graphic (Grafika) jako typ
symbolu ikliknij OK.

62

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 62

2009-08-03 23:41:13

3 Flash przejdzie odrazu dotrybu edycji symbolu. Zauwa, enad stoem

montaowym znajduje si pasek wskazujcy, ewtej chwili edytujesz symbol fizzy
line. Wsymbolu narysujemy lini.

4 Wska narzdzie Linia (Line) (

).

5 Wybierz dla obrysu kolor niebieski iwysoko rwn 2.

6 Przytrzymaj klawisz Shift iprzez rodek stou montaowego narysuj pionow

lini; krzyyk bdzie wskazywa punkt centralny symbolu. Linia powinna mie
dugo 25pikseli.
7 Kliknij pole Scene 1 (Scena 1) napasku powyej stou montaowego, aby
powrci dogwnej osi czasu. Nowy symbol onazwie fizzy line zostanie
utworzony iumieszczony wbibliotece, gotowy dowykorzystania.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 63

63

2009-08-03 23:41:13

Uywanie narzdzia Deco (Zamalowywanie)

Zapomoc narzdzia Deco (Zamalowywanie) utworzymy ksztat gwiazdy.
1 Naosi czasu wstaw now warstw inadaj jej nazw fizz. Wewntrz tej warstwy
bdziesz rysowa gwiazdki.
2 Zpaska narzdziowego wybierz narzdzie Deco (Zamalowywanie) (

).

3 Wpanelu Properties (Waciwoci) wybierz opcj Symmetry Brush (Pdzel

symetryczny).

4 Kliknij przycisk Edit (Edycja) obok pola Module (Modu), aby zmieni ksztat, ktry
bdzie powielany.
5 Woknie dialogowym Swap Symbol (Zamie symbol) wybierz symbol fizzy line
ikliknij OK.

6 Wczci Advanced Options (Opcje zaawansowane) wybierz Rotate Around Point

(Obr wok punktu).

64

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 64

2009-08-03 23:41:13

Zapomoc wybranych opcji narzdzia Deco (Zamalowywanie) bdziemy tworzy

powtarzajcy si wzorek linii, symetryczny wzgldem punktu. Nastole pojawi si
zielona linia pomocnicza, ktra bdzie wskazywa punkt centralny, o gwn io
dodatkow, naktrej okrelimy, jak czsto symbol zostanie powielony.
7 Kliknij st montaowy, aby umieci symbol, iprzesu symbol wzdu linii
pomocniczych, a douzyskania odpowiedniego wzorku radialnego. Pocztkowa
linia powinna by pionowa.
8 Przecignij o dodatkow wkierunku osi gwnej, aby zwikszy liczb powtrze.

9 Kiedy skoczysz, wybierz narzdzie Selection (Zaznaczenie), cospowoduje,

eopucisz tryb pracy znarzdziem Deco (Zamalowywanie).
Wzorek, ktry powsta, bdzie grup zoon zsymboli fizzy line.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 65

65

2009-08-03 23:41:13

Wyrwnywanie obiektw
Teraz wrodku rozchodzcych si linii utworzymy centralny okrg. Bbelek powinien znale si dokadnie wrodku rozchodzcych si linii; aby toosign, moemy
posuy si panelem Align (Wyrwnaj). Panel ten, jak pewnie si domylasz, umoliwia
wyrwnywanie wpionie lub poziomie dowolnej liczby zaznaczonych obiektw. Uatwia
take rozmieszczanie obiektw wrwnych odlegociach.
1 Wska narzdzie Oval (Owal).
2 Wybierz niebieski kolor obrysu ibrak wypenienia, agrubo obrysu rwn 2.
3 Zaznacz warstw fizz. Przytrzymaj klawisz Shift inastole montaowym
narysuj may okrg.
4 Wybierz narzdzie Selection (Zaznaczenie).
5 Przecignij narzdziem Selection (Zaznaczenie) nad grup obiektw majc ksztat
gwiazdy oraz nowym okrgiem. Moesz zablokowa warstwy znajdujce si niej,
wtedy nie bdziesz mg przypadkowo zaznaczy znajdujcych si wnich obiektw.

6 Otwrz panel Align (Wyrwnaj), wybierajc Window/Align (Okno/Wyrwnaj).

7 Kliknij ikon Align horizontal center (Wyrwnaj rodki wpoziomie).
Grupa wksztacie gwiazdy iokrg zostan wyrwnane wpoziomie.

66

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 66

2009-08-03 23:41:13

8 Kliknij ikon Align vertical center (Wyrwnaj rodki wpionie).

Grupa wksztacie gwiazdy iokrg zostan wyrwnane wpionie.

Rozbijanie igrupowanie obiektw

Uylimy narzdzia Deco (Zamalowywanie) doutworzenia grupy rozchodzcych si
linii oraz panelu Align (Wyrwnaj) dowyrodkowania bbelka ilinii. Teraz zgrupujemy
ksztat gwiazdki wjedn cao. Aby tozrobi, bdziemy musieli rozbi grup rozchodzcych si linii, apotem ponownie zgrupowa jzokrgiem.
1 Zapomoc narzdzia Selection (Zaznaczenie) przecignij nad ca gwiazdk,
cospowoduje zaznaczenie wszystkich linii iokrgu.
2 Wybierz Modify/Break Apart (Modyfikuj/Rozgrupuj).
Grupa linii zostanie podzielona naczci istanie si zbiorem symboli fizzy line.

3 Ponownie wybierz Modify/Break Apart (Modyfikuj/Rozgrupuj).

Zbir symboli zostanie podzielony naczci istanie si zbiorem linii.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 67

67

2009-08-03 23:41:13

4 Wybierz Modify/Group (Modyfikuj/Grupuj).

Linie iokrg wrodku ponownie stan si grup.

5 Skopiuj iwklej grup, aby nastole montaowym utworzy kilka gwiazdek.

Rysowanie krzywych
Owale iprostokty sdobre napocztek, ale tworzc bardziej skomplikowane grafiki,
bdziesz musia kreowa ksztaty iedytowa jeprzy uyciu krzywych. Zapomoc narzdzia Selection (Zaznaczenie) moemy przesuwa krawdzie ksztatw, tworzc wten
sposb krzywe; innym sposobem, dajcym bardziej precyzyjn kontrol, jest uycie
narzdzia Pen (Piro) ( ).

Uywanie narzdzia Pen (Piro)

Teraz utworzymy agodn grafik ta wksztacie fali.
1 Wybierz Insert/Timeline/Layer (Wstaw/O czasu/Warstwa) inowej warstwie nadaj
nazw dark blue wave.
2 Przecignij now warstw nad stosu warstw.
3 Zablokuj wszystkie pozostae warstwy.

4 Wpanelu Tools (Narzdzia) wybierz narzdzie Pen (Piro) (

68

).

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 68

2009-08-03 23:41:14

5 Ustaw niebieski kolor obrysu.

6 Rozpocznij rysowanie ksztatu, klikajc st montaowy, aby utworzy pierwszy
punkt kontrolny.
7 Kliknij inn cz stou montaowego, aby wskaza kolejny punkt kontrolny
ksztatu. Kiedy bdziesz chcia rozpocz tworzenie gadkiej krzywej, kliknij
iprzecignij narzdziem Pen (Piro).
Wpunkcie kontrolnym pojawi si uchwyt wskazujcy krzywizn linii.

8 Kontynuuj klikanie iprzeciganie, aby zbudowa zarys fali. Dugo fali powinna
by wiksza oddugoci stou montaowego.

9 Zamknij ksztat, klikajc pierwszy punkt kontrolny. Nie przejmuj si, jeli krzywa
nie jest doskonaa. Praca znarzdziem Pen (Piro) wymaga praktyki. Wkolejnej
czci lekcji bdziesz mia okazj dozmodyfikowania krzywych.

10 Wybierz narzdzie Paint bucket (Wiadro zfarb).

11 Ustaw ciemnoniebieski kolor wypenienia.
12 Kliknij wewntrz zarysu, ktry utworzye, aby wypeni go kolorem.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 69

69

2009-08-03 23:41:14

Edytowanie krzywych zapomoc narzdzi Selection

(Zaznaczenie) iSubselection (Zaznaczenie czstkowe)
Zapierwszym razem najprawdopodobniej nie uda si utworzy pynnej krzywej.
Uywajc narzdzi Selection (Zaznaczenie) iSubselection (Zaznaczenie czstkowe),
moemy modyfikowa krzywe.
1 Wybierz narzdzie Selection (Zaznaczenie).
2 Najed wskanikiem myszy nad segment linii; obok kursora zobaczysz ma ikon
krzywej. Toznak, emoesz edytowa krzyw. Ikona naronika bdzie wskazywa,
emoesz edytowa wierzchoek.
Uwaga: Jeli

3 Przecignij, aby zmodyfikowa krzyw.

wczasie klikania
iprzecigania krzy
wej przytrzymasz kla
wisz Alt (Windows)
lub Option (Mac),
utworzysz nowy
punkt kontrolny.

4 Wpanelu Tools (Narzdzia) wybierz narzdzie Subselection

(Zaznaczenie czstkowe) ( ).
5 Kliknij zarys ksztatu.
6 Przecignij punkty kontrolne wnowe pooenie lub przesu uchwyty,
abyzmodyfikowa oglny ksztat.

Usuwanie idodawanie punktw kontrolnych

Zapomoc narzdzi ukrytych pod narzdziem Pen (Piro) moesz usuwa lub dodawa
punkty kontrolne.
1 Kliknij iprzytrzymaj narzdzie Pen (Piro), auzyskasz dostp doukrytych
pod nim narzdzi.

70

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 70

2009-08-03 23:41:14

2 Wybierz narzdzie Delete Anchor Point (Usu punkt kontrolny) (

).

3 Kliknij punkt kontrolny nazarysie ksztatu, aby go usun.

4 Wybierz narzdzie Add Anchor Point (Dodaj punkt kontrolny) (

).

5 Kliknij krzyw, bydoda punkt kontrolny.

Tworzenie elementw przezroczystych

Teraz dodamy drug fal, ktra bdzie zachodzi napierwsz. Druga fala bdzie
lekko przezroczysta, costworzy wraenie gbi. Zmiana przezroczystoci moe zosta
zastosowana zarwno doobrysu, jak idowypenienia. Przezroczysto jest wyraana
wprocentach iokrela si jjako warto alfa. Warto alfa rwna 100% oznacza kolor
cakowicie kryjcy, a0% cakowicie przezroczysty.

Modyfikowanie wartoci alfa wypenienia

1 Zaznacz ksztat wwarstwie dark blue wave.
2 Wybierz Edit/Copy (Edytuj/Kopiuj).
3 Wska Insert/Timeline/Layer (Wstaw/O czasu/Warstwa), nowej warstwie nadaj
nazw light blue wave.

4 Wybierz Edit/Paste in place (Edytuj/Wklej wmiejscu).

Polecenie Paste in Place (Wklej wmiejscu) wkleja skopiowany element dokadnie
wtym samym miejscu, zktrego zosta skopiowany.
5 Wcz narzdzie Selection (Zaznaczenie) iprzesu wklejony ksztat lekko wlewo
lubwprawo, aby grzbiety fal byy wzgldem siebie lekko przesunite.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 71

71

2009-08-03 23:41:14

6 Zaznacz wypenienie ksztatu wwarstwie light blue wave.

7 Wpanelu Color (Kolor) wybierz nieco inny odcie niebieskiego iustaw warto
alfarwn 75%.

Uwaga: Prze

zroczysto ksztatu
moesz zmieni
take zapomoc
panelu Properties
(Waciwoci), klikajc
ikon koloru wype
nienia izmieniajc
warto alfa wrozwi
janym menu koloru.

Prbka koloru wdolnej czci panelu Color (Kolor) stanowi podgld koloru,
ktrywybrae. Przezroczysto jest wskazywana zapomoc szarej siatki ztyu
prbki koloru.

Dopasowywanie koloru dokoloru istniejcego obiektu

Aby dokadnie dopasowa kolory, moemy uy narzdzia Eyedropper (Kroplomierz)
( ) dopobrania prbki wypenienia lub koloru. Poklikniciu ksztatu narzdziem
Eyedropper (Kroplomierz) Flash automatycznie przejdzie donarzdzia Paint Bucket
(Wiadro zfarb) lub Ink Bottle (Kaamarz) zwybranym kolorem izwizanymi znim
waciwociami, ktre bdziesz mg zastosowa doinnego obiektu.
1 Wpanelu Tools (Narzdzia) wybierz narzdzie Eyedropper (Kroplomierz).

72

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 72

2009-08-03 23:41:14

2 Kliknij niebieskie wypenienie ksztatu wwarstwie dark blue wave.

Narzdzie automatycznie zmieni si wPaint Bucket (Wiadro zfarb) zprbkowanym kolorem wypeniania.
3 Kliknij ksztat wwarstwie light blue wave.

Kolor wypenienia wwarstwie light blue wave zmieni si wtaki, ktry odpowiada
kolorowi wwarstwie dark blue wave.

Tworzenie iedytowanie tekstu

Nazakoczenie dodamy doilustracji tekst. Flash zawiera wiele opcji dotyczcych tekstu. Przy tekcie tylko wywietlanym, ktry nie bdzie si zmienia, najlepiej posuy
si opcj Static Text (Tekst statyczny). Dwie pozostae opcje Dynamic Text (Tekst
dynamiczny) oraz Input Text (Tekst wejciowy) zarezerwowane sdla tekstu, ktry
bdzie mona kontrolowa zapomoc jzyka ActionScript.
Kiedy tworzysz tekst statyczny nastole montaowym ipublikujesz projekt, Flash
automatycznie docza wszystkie czcionki konieczne dojego poprawnego wywietlania.
Oznacza to, enie musisz si martwi, czy ogldajcy bd dysponowali czcionkami
koniecznymi dozobaczenia tekstu wtakiej postaci, jak zaplanowae.

Uywanie narzdzia Text (Tekst)

1 Zaznacz warstw light blue wave.
2 Wybierz Insert/Timeline/Layer (Wstaw/
O czasu/Warstwa), nowej warstwie nadaj
nazw text.
3 Wybierz narzdzie Text (Tekst) (

).

4 Wpanelu Properties (Waciwoci) wybierz

Static Text (Tekst statyczny).
5 Wczci Paragraph (Akapit) znajduj si
dodatkowe opcje formatowania, takie jak
justowanie, odstpy ikierunek.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 73

73

2009-08-03 23:41:15

6 Kliknij st montaowy irozpocznij pisanie. Wpisz Aqua Zero Taste the

Difference (Aqua Zero poczuj rnic). Moesz take przecign inarysowa
pole tekstowe, ktre bdzie wyznacza maksymaln szeroko tekstu.

7 Wyjd ztrybu pracy znarzdziem Text (Tekst), wybierajc narzdzie Selection

(Zaznaczanie).

Edytowanie tekstu
Tekst pozostaje edytowalny, dopki go nie rozdzielisz, wybierajc Modify/Break Apart
(Modyfikuj/Rozdziel). Porozdzieleniu tekstu uzyskasz zbir pojedynczych liter; jeli
rozdzielisz te pojedyncze litery, otrzymasz proste ksztaty.
1 Wybierz narzdzie Selection (Zaznaczanie) ikliknij dwukrotnie tekst, ktry
chceszedytowa. Moesz take wybra narzdzie Text (Tekst) iklikn tekst,
ktry chcesz edytowa.
2 Wyrnij poszczeglne znaki doedycji.

3 Wpanelu Properties (Waciwoci) zmie opcje tekstu. Wtym przypadku zmie

pierwszy wiersz tekstu tak, aby mia wielko 48 punktw ikolor czarny, adrugi
wiersz tak, bymia wielko 26 punktw ikolor czerwony.

74

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 74

2009-08-03 23:41:15

Tworzenie hipercza wtekcie

Przy uyciu Flasha atwo utworzy wtekcie hipercze. Fragment tekstu jest hiperczem, uytkownik moe jeklikn iprzej dowitryny WWW. Poczymy tekst nazwy
fikcyjnej firmy zjej stron WWW, dziki czemu uytkownicy bd mogli szybko uzyska wicej informacji.
1 Wybierz narzdzie Text (Tekst) ikliknij tekst.
2 Wyrnij znaki wpierwszym wierszu tekstu.

3 Wczci Options (Opcje) panelu Properties (Waciwoci) wpisz adres URL wpolu
Link (cze). Upewnij si, eprzed adresem strony WWW znajduje si http://.
4 Wpolu Target (Cel) wybierz _blank, wtedy
strona WWW zostanie wywietlona wnowym
oknie przegldarki. Jeli chcesz, aby strona
zastpia biec zawarto okna przegldarki,
wybierz _self.

Dodawanie efektw specjalnych zapomoc filtrw

Filtry toefekty specjalne, ktre moesz
zastosowa dotekstu iniektrych rodzajw
symboli. Zaich pomoc mona szybko
utworzy efekt urozmaicajcy zwyk
posta tekstu. Moe by tonp.efekt fazy lub
blasku dookoa tekstu. Wtej lekcji dotekstu dodamy cie, ktry stworzy wraenie,
etekst unosi si nad ilustracj.
1 Wybierz narzdzie Selection
(Zaznaczenie) ikliknij tekst.
2 Wpanelu Properties (Waciwoci)
rozwi cz Filters (Filtry).

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 75

75

2009-08-03 23:41:15

3 Kliknij przycisk Add filter (Dodaj filtr) nadole czci Filters (filtry) iwybierz filtr
Drop Shadow (Cie).
Woknie pojawi si filtr Drop Shadow (Cie) wraz zewszystkimi opcjami sucymi
dodostosowania jego wygldu.

Uwaga:

Dotekstu iniekt
rych symboli moesz
doda wicej ni
jeden filtr. Poprostu
ponownie kliknij
przycisk Add Filter
(Dodaj filtr) iwybierz
kolejny filtr. Filtr usu
niesz, zaznaczajc go
iklikajc ikon Delete
(Usu filtr).

76

Zaznaczony tekst automatycznie otrzyma cie. Jeli przesuniesz tekst lub wykonasz
edycj, filtr bdzie dalej nakadany.

LeKCJA 2 Praca z grafik

Book Flash CS4.indb 76

2009-08-03 23:41:15

Pytania kontrolne
1 Jakie strzy tryby rysowania weFlashu iczym si rni?
2 Wjaki sposb zapomoc narzdzia Oval (Owal) narysowa dokadny okrg?
3 Kiedy uywa poszczeglnych narzdzi dotworzenia zaznacze?
4 Jak dziaa panel Align (Wyrwnaj)?

Odpowiedzi
1 Trzy tryby rysowania totryb scalania (merge drawing mode), tryb rysowania obiektw
(object drawing mode) oraz prosty tryb rysowania (primitive drawing mode).

Wtrybie rysowania zezczeniem obiekty rysowane nastole montaowym cz si

wpojedynczy ksztat.

Wtrybie rysowania obiektw kady obiekt pozostaje oddzielony, nawet jeli

nakada si nainny obiekt.

Wprostym trybie rysowania mona modyfikowa kty, promie oraz promie

naronikw obiektu.

2 Aby narysowa dokadny okrg, naley przytrzyma klawisz Shift wczasie rysowania
zapomoc narzdzia Oval (Owal).
3 Flash zawiera trzy narzdzia suce dotworzenia zaznacze: Selection (Zaznaczenie),
Subselection (Zaznaczenie czstkowe) oraz Lasso (Lasso).

Selection (Zaznaczenie) zaznacza cay ksztat lub obiekt.

Subselection (Zaznaczenie czstkowe) moe posuy dozaznaczenia okrelonego
punktu lub linii wobiekcie.

Lasso (Lasso) rysuje zaznaczenia wdowolnym ksztacie.

4 Panel Align (Wyrwnaj) suy dowyrwnywania wpionie lub poziomie dowolnej liczby
zaznaczonych elementw oraz ukadania elementw wrwnych odstpach.

Adobe Flash CS4/CS4 PL. Oficjalny podrcznik

Book Flash CS4.indb 77

77

2009-08-03 23:41:15