Dzwon.

Są ci, którzy przeczytali tę wiadomość przed tobą.
Subskrybuj odbieranie artykułów świeżych.
E-mail
Nazwa
Nazwisko
Jak chcesz przeczytać dzwonek
Bez spamu

Bezpłatny program. Aby utworzyć animacje flash przy użyciu gotowych apletów.

Wielu z was, myślę, że kiedyś próbował stworzyć własne strony (a może nawet masz właściciela bardzo popularnego portalu).

W taki czy inny sposób wszyscy natknęli się na problem spektakularnej konstrukcji swoich stron internetowych. A ponieważ statyczny kod HTML stopniowo trafia do przeszłości, wielu dziś zwraca uwagę na takie popularne technologie.jak javascript i flash. Pozwalają tworzyć piękne animowane strony dynamiczne z rozszerzoną funkcjonalnością.

Dla specjalisty nie będzie miało znacząco trudności, aby zrobić mały animowany baner błyskowy, jednak co zrobić resztę niewtajemniczonych? Jeśli skrupulatne studium języków programowania nie jest uwzględnione w bezpośrednich planach, zawsze możesz uciekać do pomocy specjalistycznego oprogramowania. Dziś zapoznamy się z podstawami pracy w programie Zaawansowany ekspres do efektów..

To narzędzie pozwala tworzyć wszystkie rodzaje efektów flash i javascript, a zarówno własny "od podstaw", jak i na podstawie gotowe szablony! W kilku edycjach istnieje zaawansowany ekspres do efektów, które różnią się liczbą gotowych efektów i stopnia wolności użytkownika. Porównaj maksymalną i bezpłatną konfigurację:

Porównanie darmowego edytora flash edytora Endition End Enter Endition Bezpłatna edycja z wersją komercyjną

Największa wada darmowa wersja Programy - obecność rodzaju prepstode, który umożliwia przeglądanie niektórych efektów przygotowania dopiero po kliknięciu na utworzony baner. To wszystkie różnice w zasadzie i końcu :).

Instalacja programu.

Instalowanie zaawansowanego ekspresu efektu występuje w standardowy sposób, więc przejdźmy bezpośrednio do bezpośredniego współpracy z programem:

Kiedy po raz pierwszy zaczniemy, otrzymamy zapoznanie się z umowa licencyjna. Aby go zaakceptować, kliknij "Zgadzam się". Następnie możesz przejść do badania interfejsu użytkowego:

Interfejs i praca z edytorem

Pomimo język angielski, wszystko jest proste i jasne. Zaawansowane okno Enal Maker jest podzielone na dwie części. Po lewej jest tylko dwa duże przyciski: Pierwszy, który wprowadził do galerii przystępnych efektów, a druga jest dodanie dodatkowych apletów (to jest, jeśli chcesz je kupić;)). W prawej części widzimy katalog dostępnych szablonów z podrozdziałami i oknem podglądu, a także efekt edycji efektu.

Aby rozpocząć edycję żądanego szablonu, wystarczy kliknąć na jego obraz, a jeśli chcesz zobaczyć, jak to działa, a następnie kliknij napis "Podgląd" pod zdjęciem:

Po otwarciu pożądanego efektu komunikat może pojawić się w istniejącym pliku. Jeśli tak się stało, zignoruję go, naciskając przycisk "OK":

Jeśli szablon zostanie otwarty pomyślnie, będziemy mogli zobaczyć kilka zakładek, które zawierają wszystkie rodzaje ustawień:

Ustawienia programu i tworzenie animacji

Pierwsza karta jest "ogólna". Tutaj są zawarte ustawienia główne Projekt. Jest to zazwyczaj rozmiary (szerokość - szerokość i wysokość - wysokość), nazwa (nazwa pliku), jakość przyszłego pliku (jakość), a także tryb okna rolki flash (tryb okna).

Druga karta to "Kolor", jak widać z nazwy, jest odpowiedzialny za kolory używane w projekcie. Tutaj wszystko jest niezwykle jasne, więc zwróćmy się do następnego - "wiadomości":

Tutaj mamy dwa pola. W pierwszym polu (po lewej) wprowadzamy tekst, który musimy wycofać się ze specjalnym efektem, aw drugim - link, w którym użytkownik przejdzie, klikając nasz baner. Plus zaawansowany efekt producent jest to, że możemy wprowadzić nieograniczoną liczbę ciągów tekstowych (jak również linki), ale głównym minus jest brak wsparcia języka rosyjskiego: (.

Obsługa dwóch kart jest używana do sterowania odpowiednio czcionek (czcionek) i właściwości animacji (innych). Jeden NUANCE: Jeśli chcesz używać alternatywnych czcionek TTF, będą musiały zostać wstępnie przekształcone w zgodność z zaawansowanym producentem efektu. Aby to zrobić, wywołaj menu "Narzędzia", \u200b\u200baby wywołać narzędzie "Konwertuj Czcionki" i wybierając żądaną czcionkę, kliknij przycisk "Konwertuj":

Po wykonaniu wszystkich zmian możemy kliknąć przycisk Utwórz aplet. Po tym dwa pliki zostaną utworzone w folderze Przypisanie projektu: SWF (Direct Animation) i HTML (zawiera instrukcje wprowadzenia animacji odebranej do kodu swojej strony:

Zachowanie wyników pracy

Jednak to nie wszystko. Dzięki zaawansowanemu efektowi producent można stworzyć własny wpływ na podstawę istniejącego lub całkowicie "od podstaw"! Aby to zrobić, przejdź do menu "Narzędzia" i aktywuj element Maker wtyczki:

Tutaj najpierw musisz poprosić o nazwę nowego projektu, a także inne parametry (opcjonalnie). Następnie możesz kliknąć przycisk "Utwórz aplet", a my włączamy bezpośrednio do okna edytora efektów:

Tutaj jest kilka przycisków, które umożliwiają wprowadzenie niektórych z przyszłego efektu w skrypcie. standardowe funkcje. Problem polega na tym, że wszystkie niezbędne zmienne i wartości będą musiały być inspirowane ręcznie niezależnie, a niektóre umiejętności programowania na ActionScript lub JavaScript są już wymagane :(.

wnioski

Zaawansowany ekspres do efektu może dojść do smaku początkujących projektantów stron internetowych, ponieważ pozwala tworzyć dość spektakularne banery, animowane menu, pokaz slajdów, a nawet małe gry (typ plam) bez większego wysiłku. Wadą w formie modelu CEAPP (jeśli jest dostępny w wybranym efekcie) można wyeliminować przy użyciu specjalnych programów DECOMPILATOR PLIKÓW SWF (w tym wolnego);).

Powodzenia we wszystkich przedsięwzięciach i sukcesie kreatywnym!

Str.s. Dozwolone jest swobodnie kopiować i podać ten artykuł, pod warunkiem, że określiłeś aktywny link. Do źródła i konserwacji autorstwa Ruslana Toruschny.

Jesteśmy stale napierani z animacją Flash - w Internecie i w transmisje telewizyjnych. Tworzenie prostej animacji flash przy użyciu technologii Flash - dość proste zadanie, ponieważ Flash oferuje wiele użyteczne narzędziaktóre upraszczają cały proces. Jeśli chcesz utworzyć animację lub kreskówkę flash, możesz udać się na szkicu w ciągu kilku godzin.

Kroki

Część 1

Animacja flash flash.

    Podstawy animacji próbki. Ta metoda jest uważana za główną metodę tworzenia "tradycyjnej" animacji, w której każda kolejna ramka zawiera jeden, ale lekko zmodyfikowany obraz. Podczas odtwarzania wszystkich ramek obraz "przychodzi do życia". Ta sama metoda jest używana przez animatorów, rysowanie kreskówek z ręki i zajmuje więcej czasu niż tweina (patrz następna sekcja).

    • Domyślnie Flash reprodukuje 24 klatek na sekundę (FPS). Oznacza to, że w jednej sekundzie zostanie pokazane, ale nie wszystkie z nich powinny być koniecznie inne. Możesz zmienić ten parametr (jeśli chcesz) dla 12 klatek na sekundę, ale przy 24 klatek na sekundę, animacja zostanie odtworzona bardziej "płynnie".
  1. Zainstaluj Flash Professional. Istnieje wiele programów do tworzenia animacji flash, ale najpotężniejsza jest Adobe Flash. Profesjonalny CC. Możesz zainstalować za darmo wersja próbna Ten program lub użyj innego produktu (jeśli nie chcesz rejestrować się w programie Adobe Creative Cloud). Następnie ten artykuł opisuje, jak pracować z Flash Professional.

    Ponieważ animacja ramki wymaga wielu obrazów (które różnią się nieznacznie od siebie), wtedy musisz ręcznie utworzyć te obrazy. Aby to zrobić, użyj Adobe Flash Professional LUB Rysuj obrazów w dowolnym edytorze graficznym.

    • Jeśli chcesz łatwo zmienić rozmiar zdjęć bez utraty ich jakości, tworzyć obrazy w wektorze, a nie w wykres rastrowy. Obrazy wektorowe przeceni się, gdy zmieniając swój rozmiar (to znaczy uniknąć pikselizacji lub wygładzania). Obrazy rastrowe - Są to tradycyjne obrazy, takie jak zdjęcia, rysowane zdjęcia i tak dalej. Próbując zwiększyć takie obrazy, otrzymasz silnie zniekształcony obraz.
  2. Utwórz pierwszą ramkę. Po pierwszym uruchomieniu Adobe Flash Professional zobaczysz puste płótno (warstwa) i pusta oś czasu. Ponieważ dodaje ramkę, osi czasu zostanie wypełniona automatycznie. Możesz pracować z warstwami, tak jak w Photoshopie.

    • Przed dodaniem obrazu utwórz podstawowe tło animacji. Zmień nazwę "warstwy 1" na "tle", a następnie zapnij go. Utwórz drugą warstwę i nazwij ją tak, jak chcesz. Będzie warstwą, na której stworzysz animację.
    • Dodaj rysunek do płótna pierwszej klatki. Możesz zaimportować rysunek z komputera lub możesz użyć narzędzi do rysowania, aby utworzyć rysunek bezpośrednio w programie.
    • Pierwsza ramka jest ramą "kluczową". Ramka kluczowa jest ramką, która zawiera obraz i tworzy podstawową animację ("Bony"). Stworzysz nowy keyframe. Za każdym razem zmieniasz obraz.
    • Kluczowe ramki na osi czasu są oznaczone w czarnym punkcie.
    • Nie potrzebujesz klawiszy w każdej kolejnej ramce. Utwórz ramkę kluczową co cztery lub pięć klatek do dobrej animacji.
  3. Konwertuj obraz do symbolu. W takim przypadku można dodać obraz w ramce kilka razy. Jest to szczególnie przydatne, jeśli musisz szybko dodać kilka tego samego rodzaju zdjęć w jednej ramce (na przykład ryby w akwarium).

    • Podświetl rysunek. Kliknij prawym przyciskiem myszy rysunek i wybierz "Konwertuj na Symbol" (konwertuj na symbol). Obraz zostanie dodany do biblioteki, która uprości jego wykorzystanie w przyszłości.
    • Usuń rysunek. Nie martw się - możesz dodać go do ramki proste przeciąganie z biblioteki. Więc możesz dodać jeden i taki sam obraz w ramce kilka razy.
  4. Dodaj puste ramki. Jeśli twoja pierwsza klatka kluczowa jest gotowa, włóż puste ramki, a następnie przejdź do tworzenia drugiej klatki kluczowej. Naciśnij F5 (cztery lub pięć razy), aby dodać puste ramki po pierwszej klatce kluczowej.

    Utwórz drugą klatkę kluczową (po dodaniu kilku pustych ram). Istnieją dwa różne metody Zrób to: Możesz skopiować istniejącą klatkę kluczową i dokonać małych zmian w niej, lub można utworzyć pustą klatkę kluczową i dodać nowy obraz do niego. Jeśli używasz rysunku utworzonego w innym programie, użyj drugiego sposobu. Jeśli wstawisz obraz utworzony przy użyciu narzędzi do rysowania Adobe Flash Professional, użyj pierwszej metody.

    • Aby utworzyć klatkę kluczową za pomocą zawartości poprzedniej klatki kluczowej, naciśnij F6. Aby utworzyć pustą klatkę kluczową, kliknij prawym przyciskiem myszy ostatnią klatkę na osi czasu i wybierz "Wstaw pustą klatkę kluczową" (Włóż pustą ramkę kluczową).
    • Po utworzeniu drugiej klatki kluczowej musisz wprowadzić zmiany w jego wizerunku, aby animacja "przyszła do życia". Jeśli użyłeś narzędzi do rysowania Adobe Flash Professional, wybierz narzędzie Transform, aby podświetlić element rysunku (na przykład rękę postaci) i zmienić go.
    • Jeśli wstawisz nowy obraz do każdej klatki kluczowej, upewnij się, że jest w odpowiednim miejscu (zgodnie z logiczną sekwencją ramek).
  5. Powtórz proces. Po utworzeniu dwóch klatek kluczowych powtórz proces - dodaj kilka pustych ramek między każdym klatkami kluczowymi i upewnij się, że animacja gra "płynnie".

    • Dokonać małych zmian. Mniejsze (niezauważone) zmiany, płynniejsza animacja jest reprodukowana. Na przykład, jeśli chcesz, aby postać podnieść rękę, druga rama klucza nie powinna zawierać rysunku, na którym postać jest przedstawiona z już podniesioną ręką. Zamiast tego użyj wielu klatek kluczowych do poruszania się z obniżonych dłoni do podniesionej ręki. W takim przypadku animacja będzie płynniejsza.
  6. Konwertuj zdjęcie. Jeśli utworzyłeś klawisze i trajektorię, możesz konwertować obraz, aby płynnie zmienić się, gdy porusza się trajektorię twin. Możesz zmienić kształt, kolor, nachylenie, rozmiar i inny parametr obrazu.

    • Wybierz ramkę, w której obraz zostanie przekształcony.
    • Otwórz panel Właściwości rysunku. Aby to zrobić, naciśnij klawisz F3.
    • Zmień wartości parametrów w oknie Właściwości rysunku. Na przykład można zmienić cień lub kolor, dodać filtry, zmienić rozmiar.
    • Możesz także użyć bezpłatnego narzędzia transformacji (bezpłatna transformacja), aby zmienić rysunek, jak chcesz.
  7. Dodaj ostrych uderzeń. Sprawdź utworzoną animację, naciskając Ctrl + Enter. Upewnij się, że rysunek (znak) zmienia się poprawnie i że animacja jest reprodukowana z prawidłową prędkością. Jeśli animacja jest zagrana zbyt szybko, zmniejsz wartość FPS lub zwiększa czas trwania sznurka.

    • Domyślne FPS wynosi 24, więc spróbuj zmniejszyć tę wartość do 12. Zmień wartość FPS na panelu Właściwości. Jednak z FPS \u003d 12 animacja może być odtwarzana nie wystarczająco płynnie.
    • Aby zmienić czas trwania bliźniacza, wybierz warstwę zawierającą bliźniak, a z suwakiem zmień czas trwania sznurka. Jeśli chcesz podwoić czas trwania bliźniacza, przesuń suwak do 48 klatek. Nie zapomnij wstawić tła do pustych ramek, aby tło nie zniknie w środku animacji. Aby to zrobić, wybierz fo nowa warstwa, Kliknij ostatnią klatkę animacji (na osi czasu), a następnie naciśnij klawisz F5.

Część 3.

Dodawanie efektów audio i muzyki
  1. Zapisz lub pobierz efekty dźwiękowe i muzykę. Możesz dodać efekty dźwiękowe do animacji, aby uczynić go bardziej spektakularnym. Muzyka będzie bardziej ekscytująca i może zmienić dobrą animację do wspaniałego. Supports Flash. różne formaty Pliki audio, w tym AAC, MP3, WAV i AU. Wybierz format, który gwarantuje wysoka jakość Dźwięk z minimalnym rozmiarem pliku.

    • Format MP3 gwarantuje wysoką jakość dźwięku przy minimalnym rozmiarze pliku. Pliki formatu wav są duże.
  2. Importuj pliki audio do biblioteki, aby móc szybko dodawać dźwięki i muzykę do animacji. Kliknij "Plik" - "Importuj" (Importuj) - "Importuj do biblioteki" (import do biblioteki). Znajdź plik audio na swoim komputerze. Upewnij się, że plik audio ma łatwy do zapamiętania nazwy, dzięki czemu można go szybko znaleźć.

    Utwórz nową warstwę dla każdego pliku audio. Nie jest konieczne i możesz dodać dźwięk do istniejących warstw, ale wkładanie pliku audio w oddzielnej warstwie pozwoli lepiej kontrolować ścieżkę dźwiękową o animacji.

    Utwórz klatkę kluczową, z której rozpocznie się odtwarzanie dźwięku. Na warstwie z dźwiękiem wybierz ramkę animacji, z której rozpocznie się odtwarzanie dźwięku. Naciśnij klawisz F7, aby wstawić pustą ramkę kluczową. Na przykład, jeśli chcesz wstawić plik audio, który zostanie odtworzony w całej animacji, wybierz pierwszą klatkę na warstwie z plikiem audio. Jeśli dodasz głos postaci, wybierz ramkę, w której zaczyna się znak.

Ten artykuł powie ci, jak z proste kroki Rozpocznij znajomość Adobe Flash CS5. Lekcja tematyczna prosta animacja, stworzymy go bez zakłóceń w złożoności interfejsu i programu.

Tworzenie nowego dokumentu flash

Otwórz program i utwórz nowy dokument "ActionScript 3.0".

Narysuj obiekt na kolejną animację

Teraz narysuj koło. Wybierz narzędzie "Oval" na prawym panelu i wspinanie się po lewym przycisku myszy i przycisk "Shift" na klawiaturze rysować na białym tle okręgu.

Korzystając z narzędzia do narzędzia wyboru, alokujemy obiekt, który został utworzony, klikając go lub przechwytywanie w wyborze kwadratowym.

Przekształcamy obiekt w symbol prostej animacji

W celu dalszej pracy musisz przekonwertować obiekt w symbol. Ponieważ koło zostało już podświetlone, kliknij prawy przycisk Myszy i B. menu kontekstowe Wybierz "Konwertuj do symbolu".

Z listy "Typ" wybierz "Grafika"

Teraz niebieski kwadrat powinien pojawić się wokół naszego obiektu.

Stwórz klasyczną animację (klasyczna między Tween)

Aby utworzyć animację, musisz wyznaczyć "ramkę kluczową".

Na dolnym panelu znajduje się skala animacji, wybierz dwadzieścia piątą ramkę i naciśnij prawy przycisk myszy, w pojawiłym się menu kontekstowe wybierz "Wstaw klawiatkę".

Podświetlamy koło i przytrzymując lewy przycisk myszy, przesuń go w prawo.

Podświetlamy pierwszą klatkę w skali animacji iw menu głównym powyżej, w punkcie "Wstaw" wybierz "Classic Tween".

Zobacz utworzoną animację

Teraz możemy zobaczyć animację. W menu głównym, w akapicie "Control" wybierz "Odtwórz".

Dodajmy efekt "zniknięcia" koła. Aby to zrobić, wybieramy obiekt i we właściwym panelu w menu "Effect Effect" wybierz "Alpha", ustawiamy wartość "0".

Zobaczmy co się stało. Przejdź do punktu "Control", wybierz "Play".

Dzwon.

Są ci, którzy przeczytali tę wiadomość przed tobą.
Subskrybuj odbieranie artykułów świeżych.
E-mail
Nazwa
Nazwisko
Jak chcesz przeczytać dzwonek
Bez spamu