Wraz z wprowadzeniem panelu Oś czasu w programie Photoshop CS6 firma Adobe wykorzystała wiele nowych możliwości edycji wideo, które umożliwiają edycję, ulepszanie i renderowanie wideo bezpośrednio w programie Photoshop. Chociaż Adobe reklamuje go głównie jako narzędzie do edycji wideo, to, co jest dla mnie naprawdę interesujące, to możliwość tworzenia szybkich animowanych żądań bezpośrednio z programu Photoshop bez konieczności zmiany pakietów oprogramowania.
Tutaj pokażę, jak szybko utworzyć krótki animowany ekran powitalny na iPada. Dla projektantów, którzy są przyzwyczajeni do pracy z Flash lub After Effects, narzędzia te mogą wydawać się dość proste, ale dla każdego projektanta, który chce bawić się grafiką ruchomą, zapewniają one szybkie i łatwe wprowadzenie do pojęcia osi czasu i klatek kluczowych. Oczywiście ostateczny wynik nie musi dotyczyć ekranu powitalnego iPada, więc ogranicza Cię tylko wyobraźnia, do czego służy ostateczny wynik.
01 Rozpocznij od skonfigurowania nowego dokumentu w żądanej rozdzielczości iPada z menu rozwijanego Urządzenia mobilne i urządzenia. Wypełnij tło wybranym kolorem (w tym przypadku szarym), utwórz biały kwadrat pośrodku na nowej warstwie, a następnie utwórz dwie czarne kropki i przyciągnij je do dwóch przeciwległych rogów, ponownie na osobnych warstwach. Oznacz wszystko odpowiednio, aby później ułatwić życie.
02 W panelu Oś czasu naciśnij Utwórz oś czasu wideo, a wszystkie warstwy pojawią się na osi czasu. Ustaw go na 00:00, wybierz Spot 01 i rozwiń warstwę za pomocą ikony trójkąta. Teraz naciśnij kartę Pozycja, aby utworzyć klatkę kluczową. Przenieś oś czasu na 01:00 i utwórz kolejną klatkę kluczową pozycji. Teraz przesuń miejsce na lewy dolny róg kwadratu i powtórz proces dla drugiego miejsca, używając dokładnie tych samych czasów. Powtórz ten proces z punktami w jednosekundowych odstępach, aż do trzech sekund, tworząc w miarę postępów klatki kluczowe.
03 Wróć do godziny 00:00 i na nowej warstwie tuż nad tłem utwórz zaznaczenie po przekątnej i wypełnij je kolorem. Chcemy, aby ten kształt pojawiał się i znikał. Utwórz klatkę kluczową pozycji o godzinie 00:00 i przytrzymując klawisz Shift, usuń kształt z obszaru roboczego. O godzinie 01:00 utwórz kolejną klatkę kluczową i przenieś kształt z powrotem do jego pierwotnej pozycji. Odtwórz go i wydaje się, że przesuwa się do środka. Możesz zobaczyć, jak klatki kluczowe pasują do tych z miejsc.
04 Teraz przesuń oś czasu wzdłuż kolejnych 10 klatek do godziny 01:10 i przenieś kształt z powrotem do pozycji tuż w granicach dokumentu. Przenieś linię czasu z powrotem do 01:00, gdzie kształt jest w pełnym widoku, zaznacz wszystko i skopiuj warstwę. Na warstwie kwadratowej naciśnij Cmd / Ctrl + A, aby dokonać wyboru, a następnie przejdź do Edycja> Wklej do, aby wkleić kształt w kwadracie na nowej warstwie. Wypełnij go czarnym kolorem, odpowiednio oznacz i przenieś nad oryginalną kwadratową warstwę.
05 Teraz chcemy, aby czarny kształt wewnętrzny przesunął się z żółtym kształtem. Przenieś warstwę z powrotem na oś czasu do 00:00 i powtórz proces od poprzedniego żółtego kształtu, ustawiając pierwszą klatkę kluczową o godzinie 00:00 z kształtem całkowicie wyjętym z obszaru roboczego io 01:00 z całkowicie widocznym, ale potem nie dodawaj więcej klatek kluczowych, aby wyglądało na to, że przesuwa się wraz z żółtą warstwą, ale pozostaje na miejscu.