blog.swish.pl

Szanowni Państwo życzymy Państwu Wesołych i Ciepłych Świąt Bożego Narodzenia

Publikujemy jednocześnie kartę świąteczną stworzoną przez Craiga Lowe, do pobrania i swobodnego wykorzystania (np. na Państwa stronach).

Link do pobrania wersji polskiej kartki

Kartka jest stworzona w SWiSH Max4 z wykorzystaniem filtrów, które są ustawiane w panelu filtry.

Link do strony Craiga. Publikacja Craiga na forums.swishzone.com.

Pobierz plik źródłowy

By uzyskać migający tekst należy przeciągmąć myszką na obszar animacji filtr Rozbłysk (glow). Ten filtr jest dostępny w panelu komponenty, Efekty | Filtry | Filter Rozbłysk .
W tym przykładzie miga ciągle, ale można ustawić pojedyńcze mignięcie (single) zamiast powtarzania (repeat) i np. kolejno migać wyrazami w zdaniu, które chcemy uwypuklić.

Parametry komponentu ustawiamy w panelu Parametry , gdzie 
color: #  CCCCC
FilterSettings:
Strength (siła):1
quality(jakość):high
Blur X i Blur Y: 4

Włączyć pojawianie się – Transition:
Transition: Repeat (powtarzanie)
Direction(kierunek): Alternate (na przemian)
transitionQuality: High(jakość pojawiania się wysoka)

Transition Filter settings:
Final color: #  CCCCC
Final Blur X i Final Blur Y: 10
Final Strength: 3

Poniżej cytat z SWiSH forum – miganie/mruganie światłami samochodu. Błysk świateł.
Autor wykorzystuje efekty Umieść i Usuń do sekwencyjnego pojawiania się, na reflektorach, obiektów z ustawioną przezroczystością Alfa, do zasymulowania błysku. Żeby sprawdzić, jak to się dzieje, można włączyć Podgląd klatki (czerwona linia na osi czasu) i przesuwać podgląd po kolejnych klatkach.

Link do oryginalnego wpisu

Pobierz plik źródłowy.

Miejsce publikacji: swish.wodip.opole.pl, forum.swish.pl
Autor, profil użytkownika: Januszr.

Blask.zip – pobierz plik źródłowy

W tym tutorialu wykonamy efekt Blasku przechodzący przez napis.

1. Zakładamy nowy film: menu Plik | Nowy
2. Ustawiamy rozmiar: menu Modyfikuj | Film | Właściwości, szerokość 515 px x 194 px .
3. Zapalamy, w panelu Narzędzia po lewej,  narzędzie Prostokąt, rysujemy myszką prostokąt, tak by przył tło, może wystawał po za obręb animacji albo być z nią równym.
4. We panelu Właściwości, ustawiamy tło na czarne.
5. Kilkamy narzędzie Tekst, w panelu Właściwości, ustawiamy wielkość czcionki na 36 , krój czcionki na Arial Black, wielkość odstępu na 4
6. Pozycjonujemy tekst na środku, opcjonalnie zmieniając wielkość tekstu na inną.
7. Klikamu prawym klawiszem myszki na powstałym tekście i wybieramy z menu kontekstowego:  Konwersja | Konwertuj do Klipu 
8. Powstał nienazwany Klip. W panelu Właściwości nadajemy mu nazwę np. na Maska.
9. Nasz tekst jest najniższym jego elementem.
10. Ustawiamy w panelu Właściwości, opcję Użyj obiektu niżej jako maski (animacja w klipie będzie tylko na nieprzezroczytym obszarze najniższego obiektu w klipie – naszego tekstu).
11. Teraz wchodzimy na panelu Konspekt ( który przechowuje drzewo obiektów ). Tam rozwijamy powstały klip Maska i w zapalamy Obiekt Tekstowy.
12. Prawy klawisz myszy, z menu kontekstowego Kopiuj Obiekt, następnie pownie prawy klawisz i Wklej w Miejscu.
13. Została dodana kopia naszego tekstu wyżej w klipie, klikamy tę kopię prawym klawiszem i z menu kontekstowego Rozdziel na Kształty.
14. Dzięki temu kopia naszego tekstu została przekształcona w grupę liter w formie wektorowych kształtów, którym teraz będziemy w stanie nadać wypełnienie tonalne oraz obramowanie.
15. W panelu Konspekt rozwijamy powstała grupę, zaznaczymy myszką pierwszą literkę trzymając klawisz Shift na klawiaturze.
16. Teraz w panelu Właściwości mozemy ustawić Wypełnienie na Gradient , poszczególne punkty wypełnienia od lewej: ciemnozielony (# 009900)  Alfa(przezroczytość) 50%, na lewa strona środka: ciemniejsza zieleń (# 007300 ), Alfa 100%, prawa strona środka: jaśniejszy zielony (# 019A00 ), prawa strona środka (# 66FF00 ). alfa 75% .
17. Ustwiamy linię obramowania na ciągłą i jej grubość na 1.8.
18. Mamy już napis teraz zanimujemy blask po tym napisie .
19. Przy wybranym klipie (panel Konspekt), z panelu Narzędzia wybieramy narzędzie Prostokąt rysujmy myszką prostokąt.
20. Przechodzimy do panelu Przekształcenie (ten panel przechowuje bezwzględne wymiary obiektów, panel Transformacje ich tymczasowe wymiary podczas Transformacji)
21. W panelu Przekształcenie ustawiamy w polu Kąt Osi X wprowadzamy -60, co przekręci o 60 stopni.
22. W tym samym panelu nadamy szerokość i wysokość na: 336, 478.
    X: -460, Y: 27
23. Spozycjonuje nam to wypełnienie na poza ekranem.
24. Ustawmy wypełnienie:  Gradient.
25. Dodajemy 7 punktów wypełnienia o kolorze białym, trzy na środku po dwa na bokach.
26. Ustawiamy im przezroczystość alfa od lewej:  0%, 25%,     75%, 100%,75%,      25%,0% .
27. W panelu Narzędzia klikamy Transformacja Wypełnienia by przekręcić wypełnienie do takiego samego kąta, jak obiekt, następnie zmniejszamy jego krawędzie do krawędzi obiektu. 
28. Mamy obiekt, który będzie przesuwał się po napisie, teraz pora na ustawienie jego ruchu.
29. Klikamy menu Wstaw | Efekt | Przesuń
30. Klikamy na niego dwukrotnie na osi czasu, następnie w panelu Efekt, na zakładce Ruch, zmieniamy opcję Przesuń do X na 560.
    Nasz efekt przesunie obiekt blasku z pierwotnej pozycji (poza ekranem, określonej w p. Przekształcenie) do pozycji X 560.
31. Rozciągmy efekt na osi do 31 klatek.

Zobacz baner na warstwie

W poniższym tekście pokażemy, jak wykonać znane z dużych portali internetowych, wyskakujące banery, angielska nazwa brandmark.
Pokażemy, jak wyświetlić taki baner na najwyższej warstwie html, jak go zamknąć.
Celowo użyjemy techniki przezroczystości, tak by widoczne były jedynie nieprzezroczyste części banera,  a jego tło niewidoczne.
Pokażemy też jak najprościej przekazać parametry do Flash używać parametrów FlashVars.

FlashVars to metoda przekazywania parametrów do Flasha. Dzięki niej możemy zdjąć parametry z PHP czy HTML-a i przekazać je obiektowi Flasha.
Dzięki tym parametrom przekażemy adres strony,  która ma być otwarta po kliknięciu (zmienna clickTag) oraz nazwę funkcji javascript,
która ma być uruchomiona po naciśnięciu przycisku zamknięcia w filmie flash.
Obsługa clickTag jest wymagana przez większość serwisów reklamowych, w tym AdWords.

Na marginesie, inną metodą czytania informacji ze świata zewnętrznego jest jest czytanie parametrów z zewnętrznego pliku, za pomocą funkcji loadvars, mogą być to być pliki tekstowe z poszczególnymi parametrami, linia po linii, może to być plik xml, zawierający hierarchiczne dane, może to być plik php, który wygeneruje zawartość w formie wspomnianego pliku tekstowego bądź xml.

Użyjemy maski by wyświetlać jedynie w narzuconym kształcie np. wewnątrz koła, splasza, dowolnego kształtu, zastosujemy: Użyj obiektu niżej jako maski w klipie.

Pobierz plik źródłowy

Zaczynamy:

1. Zakładamy nowy film, w Modyfikuj, Film, Właściwości, ustawiamy rozmiar na szerokość 345 wysokość 378
2. Nie zamykając okienka w tym samym okienku klikamy: Ustawienia Eksportu Filmu.
3. Wybieramy z drzewka pozycję HTML:
4. W ObjectTags znajdujemy opcję WMMODE i ustawiamy na transparent . Dzięki czemu tło naszej animacji będzie przezroczyste.
5. Także w ObjectTags ustawiamy tag FlashVars na:
   
   clickTag=http://www.twojastrona.pl&adClose=javascript:onFinishedPlaying();W ten sposób przekazujemy do Flash 2 zmienne:
   clickTag – link strony po kliku
   adClose – nazwa funkcji javascript, która zamknie warstwę z banerem.
   
   Zwróćmy uwagę, że bardzo łatwo przekazywać w taki sposób parametry z PHP do Flasha, przypisując parametry strony PHP do zmiennych w FlashVars.
6. Opcjonalnie możemy ustawić tagi HTML-a mające wpływ na pozycjonowanie, Title – tytuł, Author – Autor, Description – opis, SWFTITLE – to tytuł SWFA.
   Base pozwala na ustawienie bazowego katalogu bądź urla dla naszego filmu, np. możemy trzymać zewnętrzne pliki (obrazki, filmy, xml, txt), w tym katalogu i funkcje (np. loadvars czy loadmovie) w naszym filmie będą tam szukać.
7. Dodajemy element, który ma być naszą maską i tłem.
   Może to być dowolny kształt, np. wyznając miłość ukochanej/ukochanemu możemy użyć autokształtu serca i wyświetlać komunikaty wewnątrz niego. My jednak zajmiemy się czynnościami bardziej przyziemnymi.
   Przejdź do panelu Konspekt, Kliparty | 2D | Autokształty | Dymki przeciągnij na obszar animacji
8. Powiększamy go do granic animacji trzymając Shift i ciągnąc za narożny uchwyt obiektu (dzięki czemu powiększamy z zachowaniem proporcji).
9. W panelu Konspekt, prawy klawisz myszy na Callout_scream i z menu kontekstowego Kopiuj Obiekt,
10. Jeszcze razy prawy klawisz i z menu  Wklej w miejscu
11. Na obiekcie Kopia_Callout_scream klikamy prawym klawiszem myszy, następnie wybieramy Grupowanie, Grupuj do Klipu.
    Ustawiamy w panelu Właściwości nazwę klipu na Maska
    Dzięki czemu mamy Kopia_Callout_scream jako podelement klipu Maska.
12. We Właściwościach klipu Maska ustawiamy Użyj obiektu niżej jako maski.
    Dzięki czemu cała animacja w klipie Maska będzie zamaskowana obiektem, który jest w nim najniżej (naszym dymkiem) – animacje będą tylko w środku dymka.
    Ta opcja spowoduje też, że ten obiekt bedący traktowany jako maska przestanie być widoczny – dlatego mamy 2 kopie dymka, jedna będzie widocznym tłem animacji w klipie Maska, druga najniższym elementem klipu Maska i jego niewidoczną maską.
13. W panelu Konspekt, w klipie Maska i obiekcie  Kopia_Callout_scream zapalamy ikonkę braku widoczności Schowaj (by nie był widoczny podczas edycji).
14. W konspekt wskazujemy klip Maska i z panelu narzędzia (po lewej) wybieramy narzędzie Tekst i wprowadzamy tekst np.  ”Z ostatniej chwili”
    Po czym powinniśmy mieć wewnątrz klipu maska obiekt tekstowy.
15. Wskazujemy w Konspekt ten  obiekt tekstowy bądź wybieramy go na linii czasu klipu Maska.
    Ustawiamy we Właściwościach kolor tekstu na Biały.
16. Wstawiamy efekt pojawiania się, w Konspekcie, albo z menu, albo z prawego klawisza na osi czasu:
    Wstaw | Efekt | Pojawianie się | Magnetofon Bang
    Nota: możemy wybrać inny efekt najlepiej sprawdzić jaki najbardziej pasuje.
    Klikamy ikonkę Odtwarzaj Efekt przy zaznaczonym efekcie Magnetofon Bang, sprawdzamy czy Panel Efekty jest na ekranie. Można go włączyć w menu Okna | Przeglądarka Efektów .
    W panelu Efekty, wybieramy kolejne efekty z grupy Pojaw się na pozycji i oglądamy, co robią z tekstem.
17. Po zakończeniu efektu pozostawiamy pustych 40 klatek – by widz zdążył przeczytać napis i dodajemy efekt znikania napisu:
    prawy klawisz na wierszu z tekstem na osi czasu (klipu maska) i klatce 70,
    Efekt | Zniknij z pozycji | Dekompresja – Element po elemencie, pionowo
    Oczywiście można wybrać inny, kierując się przeglądarką efektów przy wyborze.
18. Dodajemy kolejny tekst do klipu maska
19. Na osi czasu, w wierszu poprzedniego tekstu, zaznaczamy efekty pojawiania i znikania kliknięciem myszką i przytrzymaniem klawisza CTRL.
20. Naciskamy CTRL-C zeby skopiować do schowka.
21. Wybieramy kolejną klatkę po po zakończeniu znikania poprzedniego tekstu.
22. Wklejamy CTRL-V na osi czasu w wierszu drugiego tekstu.
    Dzięki czemu możemy szybko zastosować te same metody pojawiania się znikania do kolejnych tekstów.
23. W konspekcie zaznaczamy w głównej animacji obiekt Callout_scream, sprawdzamy czy jest włączony panel Parametry, gdy nie jest pokazujemy go za pomocą menu Okna | Parametry.
    Ustawiamy kolory dymka podświetlenia(highlight) na żółty, tła ShadowKolor na pomarańczowy.
24. Teraz dodajemy ikonkę zamykania banera.
    Po jej kliknięciu nastąpi wywołanie funkcji javascript podanej w parametrze adClose, przekazywanym do filmu flash z htmla za pomocą FlashVars.
25. W konspekt wskazujemy główną scenę (Scena1) żeby obiekt był wstawiony do głównej animacji.
26. W panelu komponenty wybieramy Kliparty | 2D | Kształty i ikony | Stop_krzyżyk i przeciągamy na obszar animacji do prawego, górnego rogu.
    Kolor tego komponentu możemy zmienić w panelu Parametry.
27. Wskazujemy dodany komponent, zmnejszamy go trzymając Shift i przechodzimy do panelu Skrypt, gdzie klikamy Dodaj Skrypt | Zdarzenia | Przycisk | On release – na puszczenie.
    Co dodanamy funkcję obsługującą zdarzenie następujące po kliknięciu myszką i puszczeniu klawisza.
    W treści tej funkcji (między znakami {} ), piszemy:getURL(_root.adClose,”_self”);i funkcja wygląda tak:on (release) {
    getURL(_root.adClose,”_self”);
    }// Komentarz:
    // Zostaje wywołana funkcja getURL z parametrem będącym nazwą funkcji adClose z głównej animacji _root (_root. nie jest konieczne, ale jest to dokładne określenie jakiego filmu/klipu ma być ta zmienna).
    // drugi parametr „_self” informuje, że ma to być wywołanie w tym samym oknie przeglądarki.
28. Teraz jeszcze obsłużymy parametr clickTag wymagany przez duże serwisy reklamowe np. AdWords, Onet itp:
    W panelu skrypt wskazujemy główną scenę (Scene1) i ponownie dodajemy zdarzenie na puszczenie myszy i w treści powstałej funkcji piszemy, jak niżej podano między {}:on (release)
    {
    getURL(_root.clickTag, „_blank”);
    }//co spowoduje otwarcie strony podanej w zmiennej określonej przez clickTag w nowym oknie (_blank).
29. No to mamy wykonany baner .
30. Eksportujemy film i html:  menu Plik | Eksportuj Jako | html + SWFNota: kolejne eksporty tylko SWF (bez htmla),  gdyż niżej wyedytujemy sobie powstały plik html, dodając funkcję zamknięcia warstwy w html i  bloku pojawiania się na warstwie,  nie będziemy chcieli tego zamazać.
31. Otwieramy powstały plik w edytorze tekstowym, może być Notatnik, może być inny program do edycji html podświetlający składnie np. bezpłatny PSPad, czy płatny Editplus.
32. Otaczamy tag <object ></object> (wyświetlający obiekt Flash) blokiem:
    <div id=”mybrandmark” style=”position:absolute;top:150px;left:120px;width:345px;height:378px;z-index:1„>
    </div>
33. Przed zamykającym nagłówek htmla tagiem </head> dodajemy:<SCRIPT LANGUAGE=”JavaScript”>
    <!–
    function onFinishedPlaying()
    {
    var divs    = document.getElementsByTagName(„div”);
    var divsnum = divs.length;
    for (i = 0; i < divsnum; i++) {
    var nombre = divs[i].id.toString();
    if (nombre.indexOf(„mybrandmark”) != -1) {
    var div = document.getElementById(nombre);
    div.style.visibility=’hidden’;
    div.style.display = ‚none’;
    break;
    }
    }}
    //–>
    </SCRIPT>
34. UWAGA: Linki do stron i funkcji javascript bedą działać dopiero po przerzuceniu plików na www  (tak się dzieje od wprowadzenia zabezpieczeń w Flash Playera 8).

W SWiSH Maxie najprostszą drogą do wykonania baneru jest skorzystanie z tych umieszczonych w kreatorze, komponentach i ustawienie im odpowiednich napisów. My jednak zajmiemy się stworzeniem banera od zera. Budując baner najlepiej wyobrazić sobie, co chcemy uzyskać i dopiero gdy mamy plan banera, zacząć go wykonywać. W poniższym przykładzie pokażemy, jak zrobić baner z napisami pojawiającymi się od prawej strony ekranu i wyhamowującymi pod koniec swojej trasy. Te napisy mają zniknąć w „otchłani”, czyli zanikać, zmniejszać się, przesuwając w punkt się gdzieś za nimi. Pokażemy tutaj, jak używać prostego efektu Ruch, zmieniać jego parametry, oraz jak używać efektów Przwijaj Do, które nabudowają efekt Ruch. W tym tutorialu pokażemy, jak stworzyć prosty banner korzystając z wbudowanych efektów przewijania bądź skorzystać z efektu Ruch.

PierwszyBanner.swi.zip – plik zrodlowy do pobrania

Założenie filmu

1. Zakładamy Nowy film, opcją Nowy w menu.
2. W menu Modyfikuj, wybieram Film, Właściwości ustawiamy na szerokość na 960 i wysokość na 200 piseli. Tło na jasnoszare. Nota: 960 – 970 mają zawzwyczaj topy stron – góra www, bo sama strona ma tyle, by zmieściła się w rozdzielczości 1024 x 768.

Dodanie gwiazdy i tła po lewej – substytutu loga albo obrazka produktu

Ten punkt zawiera info, jak stworzyć logo po lewej, nie jest to bewzględnie wymagane.

1. Po lewej będziemy mieć logo, albo jakiś inny stały element, np. zdjęcie produkt, zróbmy więc dla niego tło:
   1. Z paska narzędzi po prawej wybierzmy Autokształt, Zaokrąglony prostokąt, narysujmy go po lewej.
   2. Wybierz białą strzałkę z narzędzi, to narzędzi Podselekcji – zmiany kształtu, pozwoli ono nam dostosować, zaokrąglenie rogów, łapiemy po prostu za zielony uwchyt w obiekcie i zmniejszamy rogi.
   3. Pora wypełnić prostokąt, wchodzimy do panelu Właściwości, tam zmieniamy wypełnienie na Gradient.
   4. Klikamy 2 ikonkę obok wybranej pozycji gradientu – modyfikacja gradientu, Zmień transformację wypełnienia.
   5. Ustawiamy -90, żeby gradient był od dołu do góry.
   6. Klikamy w narzędziach Transformacja Wypełnienia.
   7. Dostosowujemy tę transformację żeby nie wychodziła poza baner.
   8. W panelu Właściwości, klikając paletę lewym klawiszem dodajemy kolory, tak by na początku od lewej było: ciemnoszary, na środku czarny, na środku ciemnoszary, po prawej srebrny.
      

      Tło gwiazdy

      Można inaczej rozłożyć kolory by było to bardziej zgodne z załamaniem światła np.:

   9. Dodajemy autokształt z narzędzi,gwiazdę, będzie to nasz przykładowy stały element.
   10. Dodamy jakiś efekt, najprostszy: sprawmy by gwiazda kręciła się wokół własnej osi.
   11. Dodajemy efekt Ruch: Wstaw| Efekt | Ruch.
   12. Klikamy na efekcie na osi czasu.
   13. Pojawia się panel Efekt, gdzie na zakładce Ruch, możemy zmienić Kat X na zmienę Zgodnie z ruchem wzkazówek Zegara, 360 stopni.
       

       Ustawienia efektu Ruch gwiazdy

   14. Gdy złapiemy za ten efekt na osi czasu i przeciągniemy prawą krawędź w prawo, zwiększymy jego długość o kolejne klatki.
   15. Powstała nam animowana gwiazda na tle zaokrąglonego prostokąta z tłem w czarnej tonacji.
   16. By uporządkować, możemy w panelu Konspekt (który zawiera drzewo obiektów), zaznaczyć obydwa, a następnie z prawego klawisza: Grupowanie | Jako Klip. We Właściwościach, nazwać klip np. Gwiazdka.

Dodajemy pierwszy wyhamowujący napis

1. Przejdźmy do animacji napisów. Korzystając z narzędzia Tekst piszemy na ekranie Gorąca Promocja, zwiększamy rozmiar napisu, kolor pierwsze słowa.
2. Na osi czasu wybieramy obiekt tekstu (po lewej), klikamy 1 klatkę na osi.
3. Wstaw | Efekt | Przewijaj | Od Prawej Ten efekt przewinie obiekt od prawej burty do jej bieżącej pozycji, czyli ruch będzie w Lewo.
4. Łapiemy za prawą krawędź efektu na osi czasu i rozciągamy by trwał dłużej.
5. Potrzebne nam wyhamowywanie efektu.
6. Podwójnie klikamy na efekt
7. W panelu efekt, w zakładce Korekta zahaczamy w wierszu Pozycja, opcję Koniec i wpisujemy wartość 7 obok. Ta opcja dla wyboru Początek, przyśpiesza o n, dla wyboru Koniec, zwalnia o n. Czyli dla Początek wartość to akseleracja-przyspieszenie, dla Koniec- zwolnienie. Zatem zwalniamy pod koniec.
   

   Przewijaj do Prawej, ustawienie zwolnienia na końcu

Zniknięcie napisu

1. Teraz ten napis musi odlecieć z ekranu, bądź Zniknąć. Można wykorzystać efekty: Przewijaj do prawej i ustawić akselerację na 7, ale tym razem na początku, żeby szybko zniknął, można ustawić w jego właściwościach żeby Alpha – przezroczystość dążyło do przezroczystości. Można też wykorzystać efekt Zanikaj i tekst zaniknie na ekranie bez żadnego ruchu. My wykorzystamy efekt Ruch, wstawiamy ten Efekt na osi czasu, w wierszu tekstu, na kolejnej klatce za poprzednim efektem.
2. Klikamy na ten efekt. Na zakładce Ruch, ustawiamy: przesuń do X: 550, Przesuń do Y: 20 (punkt z tyłu za gdzieś za tekstem). Ustawiamy Skaluj na 0, alpha do przezroczystości.
   

   Ustawienie efektu Ruch, zniknięcie z ekranu

Dodajemy kolejny wyhamowujący napis

1. Gdy nasz tekst zniknął, może się pojawić kolejny. Do kolejnego użyjemy efektu Ruch, a nie Przewiń Od Prawej. Przewiń Od przewija od danego miejsca(np. prawej) do bieżącej pozycji, czyli jest efekt Ruch z ustawionym startem i końcem.
2. Dodajemy nowy tekst na kolejnej klatce Nowy Produkt. Możemy go pokolorować, by słowa miały różne kolory.Ten tekst dodajemy na tej samej pozycji Y, jak poprzedni teks. Jakie Y miał poprzedni tekst możemy sprawdzić w panelu Przekształcenie. Gdy chcemy widzieć obiekty, a nie ich stan na bieżacej klatce, wyłączamy w menu Sterowanie opcję Podgląd Klatki (czerwona linia z osi czasu znika).
3. Przesuwamy ten tekst na prawo poza Obszar Animacji, tak by początkowo nie był widoczny. Sprawdzamy w panelu przekształcenie czy nasz tekst jest animowany wokół środka czy nie, jeśli nie, to tak ustawiamy.
4. Dodajemy efekt Ruch w wierszu nowego tekstu na klatce nowego tekstu. Klikamy ten efekt i edytujemy jego ustawienia. Zmieniając Ruch do X 500.
   

   Efekt Ruch, wciągnięcie na ekran i wyhamowanie

   Jak widzimy w efekcie Ruch. Przesuwamy obiekt z Bieżącej Pozycji (chyba że haczyk kontynuuj od poprz jest wyłączony i pozycja ustawiona w zakładce startuj na) do pozycji i stanu wynikającego z ustawień efektu.

5. Kopiujemy Efekt Ruch z pierwszego tekstu na kolejną klatkę, tak by nasz nowy tekst zniknął tak samo.

Z pewnością widzieliście Państwo przewijane paski informacji, np. w nowoczesnych telewizjach informacyjnych czy biznesowych.

Są one bardzo wygodne by przedstawić ważne informacje na niewielkiej przestrzeni.

Animacja tych pasków zwiększa zainteresowanie oglądającego i często powoduje dłuższe skupienie wzroku do momentu obejrzenia całego cyklu.

Niżej pokazaliśmy, jak stworzyć taki pasek infomacyjny za pomocą SWiSH Maxa3 i nowego komponentu Menu_tickertape.

Ten komponent pracuje ze SWiSH Max3 i miniMax3 build 20091130 lub późniejszym.

Nnie został wszakszże jeszcze dodany do instalatora i trzeba go pobrać TUTAJ i odpakować do podfoldera Components foldera instalacyjnego programu np.:

C:\Program Files\SWiSH Max3\Components\Menu

nota: ten komponent będzie dołączany w kolejnych wersjach Max3 i miniMax3 w grupie komponentów Menu

By użyć ten komponent złap go myszką w panelu komponenty i przeciągnij na pulpit (wymaga ustawienia eksportu do Flash 10 lub późniejszego). Następnie użyj panelu Parametery by dostosować jego ustawienia.

Znaczenie poszczególnych parameterów jest opisane w szczegółach w na stronie www komponentu. Powinneś zacząć od ustawienia parametru Text i ustawić go tekst, jaki ma być wyświetlany.

Przykład wyżej używa następującego parametru Tekst:

<b>Menu_tickertape</b> component|http://www.swishzone.com/manuals/maxcomponents/index.html?p=menu_tickertape.htm|_blank

<font color="#FF0000">from SWiSHzone.com</font>|http://www.swishzone.com|_blank
<i>forums</i>|http://forums.swishzone.com|_blank
<u>my.swishzone.com</u>|https://my.swishzone.com|_blank
Google|http://www.google.com.au/search?q=swishzone|_blank
YouTube|http://www.youtube.com/user/SWiSHzoneDOTcom|_blank

nota: Każda powyższa linia definiuje pojedynczy element. Na widoku te elementy są oddzielone gwiazdkami. Każda linia jest podzielona na 3 sekcje znakiem ‘|’ , który jest domyślnym separatorem

Pierwsza sekcja definiuje wyświetlaną nazwę komponentu, która zawiera tagi html, takie jak: <b>bold</b>, <i>italic</i>, <u>underline</u>

, jak i tagi określające czcionkę <b>bold</b>, <i>italic</i>, <u>underline</u> , które definiują czcionkę, jej kolor, grubość. Gdy tagi HTML nie są używane, to używany jest domyślny krój czcionki, zpogrubieniem poprzez paremtr tekst: TEKST.

Druga opcjonalna sekcja określa powiązany adres URL. Gdy parametr komponentu Action (grupa Events ) jest ustawiony na Goto URL, to podany adres strony URL zostanie otwarty po kliknięciu myszki. Gdy parametr Action jest ustawiony na Goto Label lub Event Function, to powiązany URL będzie traktowany jako etykieta w filmie Flash, do której należy skoczyć (Goto Label) lub wartość parametru funkcji events.

Trzecia opcjonalna sekcja jest używana tylko, gdy parametr Action jest ustawiony na Goto URL. Ta sekcja określa wtedy target – cel skok np. nowe okno _blank lub bieżące _self.

Informacje zawarte w parametrze Tekst mogą odczytane dynamicznie z pliku tekstowego. W tym przypadku, na początku pliku tekstwego należy umieścić txt=.

np. powyższy tekst, gdy ma być wczytany z zewnętrzengo pliku, powinien mieć treść:

txt=<b>Menu_tickertape</b> component|http://www.swishzone.com/manuals/maxcomponents/index.html?p=menu_tickertape.htm|_blank

<font color="#FF0000">from SWiSHzone.com</font>|http://www.swishzone.com|_blank
<i>forums</i>|http://forums.swishzone.com|_blank
<u>my.swishzone.com</u>|https://my.swishzone.com|_blank
Google|http://www.google.com.au/search?q=swishzone|_blank
YouTube|http://www.youtube.com/user/SWiSHzoneDOTcom|_blank

Gdy chcesz użyć wczytywania z zewnętrzengo pliku, powinienneś ustawić, opcje w grupie parametrów Read from external file.

Podczas odtwarzania komponent nie ma tła, ale można go umieścić na obrazku bądź kształcie.

(c) swishzone.com,  Orignal in English . The Polish translation by Dreamsoft.