[ Pobierz całość w formacie PDF ]
.6.Narysuj prostokÄ…t na dole obrazu.Nie przejmuj si¹ na razie jego dokÅ‚adnymuÅ‚ożeniem, ważne, żeby przycisk realistycznie wyglÄ…daÅ‚.7.Zaznacz kontur oraz wypeÅ‚nienie prostokÄ…ta.8.Za pomocÄ… paska ikon startowych otwórz panel Info.9.W pole W wpisz wartość 137 a w pole H wartość 55 obydwa pola znajdujÄ… si¹ w panelu Info.10.Gdy prostokÄ…t jest zaznaczony, skonwertuj go na symbol w poniższy sposób.Wybierz polecenie Insert/Convert to Symbol.W oknie Symbol Properites w pole Name wpisz (przycisk) i wybierzopcj¹ Button.Gdy cokolwiek należy nazwać (warstw¹ , symbol, klon), używajprostych opisowych nazw wkrótce przekonasz si¹ , jak jest to pomocne.Kliknij przycisk OK.11.Dotychczasowe zaznaczenie zostanie zastÄ…pione przez niebieskÄ… ramk¹ .W tensposób jest zaznaczany klon symbolu.12.W bibliotece kliknij dwukrotnie ikon¹ symbolizujÄ…cÄ… przycisk, aby przejść dotrybu edycji symbolu. 13.Zauważysz, że listwa czasowa ulegÅ‚a zmianie; teraz znajdujÄ… si¹ na niej czteryuj¹ cia noszÄ…ce nazwy Up, Over, Down oraz Hit.Zwróć uwag¹ , że uj¹ ciekluczowe znajduje si¹ tylko w klatce Up.Warstwy dziaÅ‚ajÄ… w ten sam sposóbjak w zwykÅ‚ych listwach czasowych.To samo dotyczy uj¹ ć kluczowych, któreoznaczajÄ… zmian¹ zawartoÅ›ci na okreÅ›lonej warstwie.Pami¹ taj, że we wszystkichuj¹ ciach nast¹ pujÄ…cych po uj¹ ciu kluczowym jest powtarzana jego zawartość.Nast¹ pnym krokiem b¹ dzie zamiana prostego czerwonego prostokÄ…ta w przycisk reagujÄ…cyna dziaÅ‚ania użytkownika.W dalszej cz¹ Å›ci tego ćwiczenia sprawimy, że przycisk b¹ dziesi¹ rozjaÅ›niaÅ‚ po umieszczeniu nad nim kursora myszy, z kolei w czasie klikni¹ cia przyciskb¹ dzie imitowaÅ‚ wciÅ›ni¹ cie.Przycisk już jest jasnoczerwony! Zamiast wi¹ c pózniej rozjaÅ›niać przycisk, przyciemnimygo w uj¹ ciu Up.Zanim rozpoczniemy modyfikacj¹ grafiki we wszystkich czterech uj¹ -ciach, wstawimy trzy brakujÄ…ce uj¹ cia kluczowe.Możesz po prostu dodać uj¹ cia kluczo-we w tych klatkach, ponieważ wiesz już, że Flash kopiuje do nowego uj¹ cia kluczowegozawartość poprzedniego uj¹ cia kluczowego, o ile pomi¹ dzy nimi nie ma żadnego pustegouj¹ cia kluczowego.Jednak takie skopiowanie nie zawsze jest efektywne.GdybyÅ› tak zrobiÅ‚, Flash przyjmie,że we wszystkich czterech uj¹ ciach kluczowych znajduje si¹ caÅ‚kowicie inna grafika,chociaż wszystkie sÄ… na razie identyczne (dopiero pózniej zaczniemy je modyfikować).Wiesz już, że najlepszÄ… receptÄ… na otrzymanie niewielkiego pliku wynikowego jest sym-bol.Skonwertuj wi¹ c czerwony prostokÄ…t z uj¹ cia Up na symbol graficzny.Nast¹ pnieumieść klony symbolu we wszystkich uj¹ ciach kluczowych i zaoszcz¹ dz trudu Flashowi(i sobie, jeÅ›li pózniej b¹ dziesz chciaÅ‚ poddać grafik¹ edycji).1.Nadal powinieneÅ› pracować w trybie edycji symbolu.Zaznacz caÅ‚y prostokÄ…t, jeÅ›linie jest zaznaczony (zaznaczone elementy graficzne program pokrywa szarÄ… siatkÄ…).2.Z menu wybierz polecenie Insert/Convert to Symbol.W oknie Symbol Propertiesw polu Name wpisz nazw¹ (ksztaÅ‚t przycisku) i zaznacz opcj¹ Graphic.3.Po konwersji ponownie zmieni si¹ styl zaznaczenia z siatki na niebieskÄ… ramk¹ otaczajÄ…cÄ… symbol graficzny.4.Teraz w pozostaÅ‚ych trzech klatkach wstaw uj¹ cia kluczowe (klawisz F6).W każdym z nich program automatycznie umieÅ›ci klon symbolu graficznego.W każdym uj¹ ciu kluczowym znajdujÄ… si¹ klony tego samego symbolu.Jest to Twój pierw-szy zagnieżdżony symbol coraz intensywniej wykorzystujesz architektur¹ Flasha.DokoÅ„czymy teraz prac¹ nad wyglÄ…dem przycisku.Przycisk b¹ dzie rozjaÅ›niaÅ‚ si¹ poumieszczeniu nad nim kursora myszy.Z kolei po klikni¹ ciu b¹ dzie symulowaÅ‚ wyglÄ…drzeczywistego wciÅ›ni¹ tego przycisku. U UTo uj¹ cie okreÅ›la wyglÄ…d przycisku, gdy nie oddziaÅ‚uje z nim kursor myszy.Przyciem-nimy go w ten sposób zainteresujemy nim użytkownika.Pojawia si¹ pewien problem: nie możesz bezpoÅ›rednio modyfikować klonu symbolu, wi¹ czmiana wypeÅ‚nienia nie jest możliwa.Poza tym każda edycja samego symbolu powodujezmian¹ wszystkich klonów, a zatem po takiej przeróbce wszystkie klony nadal wyglÄ…da-Å‚yby jednakowo.Musisz wi¹ c użyć techniki, która umożliwia zmian¹ wÅ‚aÅ›ciwoÅ›ci jednegoklonu z przycisku.We Flashu znajduje si¹ odpowiednie do tego celu narz¹ dzie efekty dla klonów.Umoż-liwiajÄ… one zmian¹ wyglÄ…du klonu bez koniecznoÅ›ci edycji symbolu, powodujÄ… modyfika-cj¹ tylko okreÅ›lonego klonu.Dost¹ pne sÄ… nast¹ pujÄ…ce efekty: Brightness (jasność), Tint(przebarwienie), Alpha (krycie) oraz Advanced (wszystkie poprzednie), gdzie możesz sko-rzystać ze wszystkich wymienionych efektów naraz.Nie sÄ… to może najbardziej przebojowenarz¹ dzia graficzne na Å›wiecie, ale w poÅ‚Ä…czeniu z innymi funkcjami Flasha sÄ… wyjÄ…tkowoefektywne.W tym momencie skorzystamy z efektu Tint, dzi¹ ki niemu zmieszamy pewien kolorz klonem, aby go przyciemnić (nie powodujÄ…c przy tym zwi¹ kszenia czasu pobieraniawynikowego pliku).1.Przy zaznaczonym uj¹ ciu Up kliknij ksztaÅ‚t przycisku, aby go zaznaczyć.2.KorzystajÄ…c z paska ikon startowych, otwórz panel Instance [ Pobierz caÅ‚ość w formacie PDF ]