Wybierz stronę

Kurs Flash: Tworzenie animowanego pisma ręcznego

podstępna sieć

 

Ten animowany efekt jest jednym z moich ulubionych, ponieważ regularnie jestem proszony o pomoc w tej technice, mimo że w zasadzie składa się ona z prostych kroków. Kiedy przedstawiam proces tworzenia „samodzielnie napisanego” tekstu, prawie zawsze pojawia się pytanie: „Wow, czy to wszystko?” Pokazany tutaj przykład został utworzony przy użyciu animowanej maski o dość małym rozmiarze pliku, która nadaje się również do tworzenia większych bloków tekstu.

 

napisz 01

  1. W pierwszej kolejności wpisz coś na pulpicie. Nie ma tu znaczenia charakter tekstu, wystarczy wybrać czcionkę i zacząć pisać. Domyślnie dynamiczny charakter pól tekstowych może być w niektórych przypadkach odpowiedni, ale jeśli dodasz efekty (takie jak maskowanie, alfa, obrót, zmiana rozmiaru) do pola tekstowego, Flash Player może nie być w stanie idealnie renderować tekstu. Jeśli chcesz użyć tekstu dynamicznego, osadź kontury liter.

    napisz 02 
  2. Jeśli chcesz zmienić zachowanie pola tekstowego na statyczne, czcionka jest osadzona w edytowanym pliku SWF, a odtwarzacz Flash renderuje ją idealnie, nawet po dodaniu efektu. Można to również osiągnąć, dzieląc tekst na proste kształty; w ten sposób mapowanie odbywa się bez żadnych problemów, ale rozmiar pliku jest większy i przez to trudniejszy do późniejszej edycji.

    napisz 03 

  3. Utwórz nową warstwę nad warstwą tekstową i przekonwertuj ją na warstwę maski. Warstwa tekstowa automatycznie staje się warstwą maskowaną. W pierwszym sześcianie narysuj prostokąt o tej samej wysokości, co Twój tekst, obok tekstu po lewej stronie.

    napisz 10
     

  4. Utwórz klatkę kluczową na tej samej warstwie, nieco poniżej osi czasu, a następnie zmień rozmiar kształtu, aby obejmował całą szerokość tekstu.
     
    napisz 09

    napisz 09x

  5. Teraz zastosuj animację kształtu między dwiema klatkami kluczowymi. Zamknij każdą warstwę, a następnie odtwórz lub przetestuj animację, która tworzy efekt samodzielnie napisanego tekstu.

    napisz 12
    napisz 11 

  6. Używając tekstu dynamicznego, musisz również osadzić kontury liter, aby uzyskać doskonałe renderowanie w odtwarzaczu Flash. Aby to zrobić, zaznacz pole tekstowe Dynamiczne i kliknij przycisk "Osadź..." w panelu Właściwości. Pojawi się panel Osadzanie czcionek, w którym możesz wybrać znaki, których chcesz użyć w animacji; wybierz jak najmniej znaków, ponieważ osadzenie wszystkich znaków znacznie zwiększy rozmiar pliku. W panelu Opcje możesz wpisać znaki, których chcesz użyć na pulpicie, aby tylko one zostały osadzone, a rozmiar pliku był jak najmniejszy. 

 

Więcej porad i wskazówek dotyczących Flasha: Podstępne techniki w Adobe Flash CS5w, w publikacji, z której sztuczka przeczytana w tym artykule, również można znaleźć.

 

Możesz zobaczyć demo Flash na żywo na naszej stronie 28 marca, gdzie możesz nauczyć się więcej sztuczek!

 

W dniu transmisji rozpocznie się również losowanie nagród na naszej stronie, gdzie Podstępne techniki w Adobe Flash CS5Wśród naszych czytelników wciągniemy trzy egzemplarze książki.

 

 

 

 

 

O autorze

s3nki

Właściciel serwisu HOC.hu. Jest autorem setek artykułów i tysięcy newsów. Oprócz różnych interfejsów online pisał dla magazynu Chip, a także dla Guru PC. Przez jakiś czas prowadził własny sklep komputerowy, pracując przez lata jako kierownik sklepu, kierownik serwisu, administrator systemu oprócz dziennikarstwa.