Kurs Flash: tworzenie tekstu z Gwiezdnych Wojen
Efekty tekstowe są zawsze popularne wśród użytkowników Flasha - zwłaszcza efekt „Gwiezdnych wojen”, który stał się sławny wraz z sceną otwierającą film z 1977 roku. Efekt jest stosunkowo prosty, ale ma swoją cenę: cierpi na tym wydajność odtwarzania. Używaj go ostrożnie i często testuj animację, aby upewnić się, że odtwarzanie się nie zatrzyma. Upewnij się, że tekst jest czytelny, a czytelnik nie ma bólu głowy.
- Zacznijmy od wpisania naszego tekstu. Spróbuj użyć prostej, pogrubionej czcionki, która jest łatwa do odczytania. Przekształcimy i ożywimy ten tekst. Ponieważ będzie w ciągłym ruchu, najważniejsze jest, aby był napisany i łatwy do odczytania dla widza. Zaznacz pole tekstowe i podziel je, aż tekst stanie się grafiką wektorową. Ilość informacji wektorowych jest niezbędna i najprawdopodobniej spowoduje problemy z wydajnością podczas odtwarzania. Jest to również powód, aby użyć prostej czcionki o czystych liniach, ponieważ spowoduje to zmniejszenie liczby kropek wektorowych.
- Następnym krokiem jest symulacja perspektywy, która jest potrzebna do uzyskania efektu, jakby tekst się oddalał. Wybierz narzędzie Przekształcanie swobodne q, a w nim narzędzie Zniekształcanie. Trzymając wciśnięty klawisz S, przeciągnij jeden z górnych rogów w kierunku środka tekstu. Naciśnięcie przycisku S zachowuje współczynniki transformacji poprzez zniekształcenie sąsiedniego narożnika w przeciwnym kierunku. Przekształć ten blok tekstu w symbol graficzny. Jeśli masz wiele bloków tekstu, najlepiej traktować je jako mniejsze, unikalne symbole.
- Wstaw nową warstwę i przekonwertuj ją na warstwę pomocniczą. Upewnij się, że warstwa zawierająca tekst nie jest dołączona ani „prowadzona”. Możesz przeciągnąć warstwę pomocniczą poniżej warstwy tekstowej, aby zapobiec ich scalaniu. Zawartość warstwy pomocniczej nie zostanie uwzględniona w wyeksportowanym pliku SWF. Flash CS5 ma dobrą funkcję, która pozwala wybrać, czy eksportować ukryte warstwy, czy nie. Ta opcja jest dostępna na karcie Flash w menu Plik > Ustawienia publikowania. Na tej warstwie użyj narzędzia Linia, aby narysować linię pod kątem do boku pola tekstowego. Skopiuj i wklej go na miejscu, odwróć go w poziomie, a następnie umieść po przeciwnej stronie bloku tekstu.
- Dodaj drugą klatkę kluczową i zmieniaj rozmiar tekstu, aż zmieści się między liniami pomocniczymi, w których się zwężają. Nadal musimy wstawić kilka klatek między dwie klatki kluczowe i zastosować animację ruchu.
- Ostatni krok faktycznie przełamuje jedyną perspektywę, na której opiera się ta animacja. Myślę, że to najważniejszy krok, bo naprawdę pomaga zachować iluzję tekstu, który znika w nieskończoność, a jest taki prosty. W ostatnim sześcianie animacji zaznacz symbol zawierający pole tekstowe, a następnie zmień jego rozmiar w pionie za pomocą dwóch środkowych uchwytów wzdłuż górnej lub dolnej krawędzi za pomocą narzędzia Przekształcanie swobodne. Podsumowując, kompresujemy symbol, aby był bardziej płaski (nie poszerzaj).
Ciągłe odtwarzanie będzie wymagało kombinacji setek klatek i dużej liczby klatek na sekundę. Od tego zależy dokładna liczba. Dokładna ilość zależy od ilości tekstu, czcionki i tego, jak duży (wysokość x szerokość) jest nasz film. Im większy film, tym bardziej będzie używał procesora. Każdy animowany efekt wykorzystujący kombinację tych czynników spowoduje słabą wydajność odtwarzania. Testujmy często i wiedzmy, jaka będzie nasza publiczność.
Możemy również wypróbować ten efekt w Photoshopie z blokiem tekstu, który został przekrzywiony do tej samej perspektywy. Importujemy tekst z tym samym jednolitym kolorem tła, którego używa nasz film Flash. Spowoduje to znacznie bardziej przyjazną dla procesora animację, ale jej jakość pogorszy się, jeśli zmienisz jej rozmiar. Flash nie zmienia zbyt dobrze rozmiaru importowanych bitmap, więc wynik nie będzie atrakcyjny wizualnie. Kompromisem jest użycie ostrego, wektorowego tekstu z niewielką potencjalną utratą mocy podczas odtwarzania. Najlepszą obroną jest częste testowanie.
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.
