Rzeczy, które musisz wiedzieć, aby stworzyć coś takiego w After Effects:
Jak zrobić projekt i kompozycje
Po uruchomieniu AE możesz nacisnąć przycisk, Cmd+Naby utworzyć nowy projekt z jedną kompozycją w środku.
Jeśli masz już otwarty projekt, naciśnięcie Cmd+Ntworzy tylko nową kompozycję.
W tym projekcie wykorzystałem 2 kompozycje. GUIcomp do przechowywania GUI i jego animacji. iphonecomp do przechowywania zarówno tła, jak i GUIcomp.
Druga kompozycja z animacjami GUI powinna mieć taki sam rozmiar jak ekran lub przynajmniej mieć ten sam współczynnik kształtu. Później, gdy zamierzasz umieścić go na ekranie, może rozciągać się, by wyglądać dziwnie, jeśli proporcje obrazu są wyłączone.
Importowanie zdjęć do AE
After Effects ma całkiem niezły system do importowania plików .psd, ale nie lubię go używać, ponieważ jeśli zgubisz, przeniesiesz lub zmienisz nazwę pliku .psd, po efektach nie będzie można go znaleźć i będziesz musiał wymienić materiał dla każdego warstwa osobno.
Jeśli na przykład zaimportujesz folder obrazów do projektów. zmień nazwę folderu obrazów, wystarczy zastąpić tylko jeden obraz, a wszystkie brakujące obrazy zostaną przywrócone (o ile wszystkie brakujące obrazy znajdują się w tym samym folderze). Również w ten sposób jest mniej bałaganu.
Jak importować obrazy do projektu
Kliknij prawym przyciskiem myszy w panelu Projekt po lewej stronie i wybierz: Import > Multiple files
... lub możesz po prostu przeciągnąć pliki do tego panelu
Użyłem slicy do wyeksportowania moich zdjęć z Photoshopa.
Jakie obiekty należy zapisać jako osobne pliki obrazów
Zasadniczo będziesz chciał zapisać wszystkie ruchome obiekty osobno. Może być również konieczne osobne zapisanie kilku obiektów statycznych.
W tym projekcie mogłem potencjalnie zapisać nagłówek i stopkę jako jeden, ale nagłówek miał cień, który przechodzi nad pierwszym przyciskiem, więc musiałem zapisać je osobno.
Oto rozkład sposobu, w jaki zapisałem moje pliki obrazów w Photoshopie przed zaimportowaniem ich do AE.
Animacja 101
Animacja pozycji:
- Animacja pozycji:
- Wybierz obiekt na liście po lewej stronie osi czasu.
- naciśnij P
- Kliknij ikonę stopera, która jest teraz poniżej wybranej warstwy. Spowoduje to automatyczne dodanie pierwszej klatki kluczowej, gdziekolwiek jest twój wskaźnik czasu (jest to czerwona linia na osi czasu).
- przesuń wskaźnik czasu do przodu na osi czasu. Przeciągnij lub Cmd+{Arrow left or right}lubCmd+Shift+{Arrow left or right}
- w przeglądarce kompozycji przeciągnij obiekt do miejsca, w którym chcesz go przenieść (możesz go również użyć Shift+arrow keys, podobnie jak w Photoshopie lub przeciągając wartości liczbowe).
- Kolejna klatka kluczowa pojawi się na osi czasu, a teraz masz animację.
- Możesz odtworzyć animację, naciskając space
Przesuń klatki kluczowe bliżej siebie, aby przyspieszyć animację lub dalej od siebie, aby ją spowolnić.
Kontynuacja animacji po przerwie.
scenariusz: animowałeś coś od A do B i chcesz zatrzymać się na X milisekund, a następnie przejść z B do C.
Po animacji B przejdź do przodu na osi czasu i kliknij ikonę klatki kluczowej po lewej stronie, tutaj: 
Powinien wyglądać na szary, więc nie martw się. Oznacza to po prostu, że w tej pozycji nie ma klatki kluczowej
Ponieważ klatka kluczowa nr 2 i nowo utworzona transformacja klatki kluczowej nr 3 mają te same wartości, teraz jest przerwa między tymi dwiema klatkami kluczowymi. Następnie możesz kontynuować normalne animowanie, przesuwając się do przodu na osi czasu i zmieniając ponownie wartości.
Animowanie innych rzeczy, takich jak Obrót lub Krycie
Chciałem tylko poświęcić ten czas, aby powiedzieć, że wszystkie działają podobnie jak animacje pozycji (... minus przeciąganie).
Wystarczy użyć suwaków liczb, które pojawiają się po naciśnięciu poniższych skrótów klawiszowych.
Skróty klawiszowe dla różnych metod transformacji:
- P - Pozycja
- T - Krycie
- R - Obrót
- S - Skala
- A - Punkt kotwiczenia
Wystarczy wybrać obiekt (y) i nacisnąć jeden z tych skrótów klawiszowych i rozpocząć animację. Jeśli nic nie wybierzesz, ujawnia metody transformacji dla każdego obiektu w kompie.
Jak podporządkować obiekty innym obiektom
W panelu Comp zobaczysz listę rozwijaną Parent na każdym obiekcie.
Możesz go użyć do zdefiniowania obiektu nadrzędnego dla obiektu.
Jeśli następnie przesuniesz element nadrzędny, zauważysz, że element podrzędny porusza się teraz wraz z nim. To samo dotyczy animacji, które dołączasz do elementu Parent.
Jeśli animujesz obiekt nadrzędny, aby go obrócić, dziecko podąży za nim ...
Zwiększenie elastyczności animacji
Być może zauważyłeś, że animacja przycisku nie zatrzymuje się na ścianie, a zatrzymuje się w bardzo elastyczny sposób.
Aby to osiągnąć, można użyć wyrażeń After Effect (może to zrobić znacznie więcej).
Aby zastosować skrypt wyrażenia do animacji, Alt+{mouse click}stoper i wklej w skrypcie.
Wyrażenie, którego użyłem w mojej animacji przycisku
Pierwsze 3 zmienne amp, freq, decaymożna edytować, aby uzyskać różne wyniki.
Możesz zastosować ten sam skrypt do animacji opartych na ruchu. Na przykład nie ma to wpływu na animację krycia.
Można również znaleźć tutaj.
amp = .1;
freq = 1.0;
decay = 9.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}}
if (n == 0){ t = 0;
}else{
t = time - key(n).time;
}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{value}
Łagodzenie ....
Jest to kolejna rzecz, która może sprawić, że animacja będzie wydawać się mniej liniowa, podobnie jak powyższy skrypt Expression.
Użyłem Ease Ease w tym „kółku wskaźnika dotyku”, aby wyglądał nieco bardziej jak ruch człowieka.
Możesz wybrać jedną lub wiele klatek kluczowych i kliknąć jedną z nich prawym przyciskiem myszy.
Następnie z listy: Keyframe assistant > Easy Ease
Często korzystam z Easy easy, bo jestem leniwy ...
Zdjęcia lub się nie zdarzyły ...
Oto prosta animacja pozycji pokazująca, jak łagodzenie i ten konkretny skrypt wyrażenia mogą mieć ogromny wpływ na animację.
Umieszczanie animowanego komp / materiału na ekranie
Po animacji GUI nadszedł czas, aby umieścić go na ekranie urządzenia.
- Umieść kompozycję GUI w kompakcie iPhone'a, tak jak umieszczasz obrazy w kompozycji.
- Kliknij dwukrotnie ikonę iPhone comp w panelu Projekt
- Wybierz komp. GUI
- Z górnego menu
Effects > Distort > Corner pin
- Następnie przeciągnij każdy narożnik, aby dopasować go do rogów ekranu urządzenia.
Eksportowanie do .gif
AE nie ma natywnej metody na zrobienie tego, ale nie martw się, istnieją sposoby.
Wolę to zrobić:
- Kliknij kompozycję w
Projects panel
Composition > Add to render queue Cmd+Ctrl+M- Następnie u dołu, gdzie zwykle znajduje się oś czasu, wybierasz, co chcesz wyeksportować i gdzie.
- Zwykle eksportuję bezstratny plik .mov
- Jeśli klikniesz „Ustawienia renderowania”, możesz wybrać ilość klatek na sekundę, w przeciwnym razie użyjesz ilości klatek na sekundę Comp
- Następnie wystarczy nacisnąć render w prawym górnym rogu lub w tym panelu.
- Znajdź wyeksportowany plik i otwórz go w Photoshopie.
- Zapisz dla Internetu Cmd+Shift+Alt+S
Szczerze mówiąc, nie jest tak źle ...
Eksportowanie jako plik wideo
Mimo że powyższa metoda pokazuje, jak wyeksportować plik bezstratny, nie jest to sposób, w jaki należy eksportować pliki wideo.
Robisz to w ten sposób:
- Zapisz plik projektu.
- Kliknij kompozycję w
Projects panel(jeśli masz więcej niż jedną)
Composition > Add to adobe media encoder queue Cmd+Alt+M- Przeciągnij ustawienie wstępne z prawej kolumny do lewej kolumny
- Naciśnij Graj.
- Jeśli nie wybierzesz folderu eksportu, domyślnie będzie on znajdował się tuż obok pliku projektu.
Jak zamienić materiał filmowy
Więc AE nie może znaleźć twoich plików? Zrób to:
- Kliknij prawym przyciskiem myszy jeden z brakujących nagrań w panelu Projekt
- Z listy
Replace footage > File...
- Znajdź swoje nagrania i inne rzeczy
Inne przydatne skróty
- U- Ujawnia wszystkie używane klatki kluczowe w kompie (jeśli nie masz nic zaznaczonego). Jest to bardzo przydatne, gdy na przykład chcesz przenieść wiele klatek kluczowych.
- U( Podwójne dotknięcie ) - ujawnia wszystko, co zostało zmienione.
- E( Podwójne dotknięcie ) - ujawnia wszystkie używane wyrażenia.
- J - Przejście do poprzedniej klatki kluczowej.
- K - Przechodzi do następnej klatki kluczowej.
- space - Odtwarza komp
- Ilub homeklawisz - Przenosi wskaźnik bieżącego czasu na początek na osi czasu.
- Cmd+K - Bieżące ustawienia kompozycji.
- Cmd+I - Importuj pliki.
- Alt+{Arrow keys left and right} - Wybierz klatki kluczowe i naciskaj klawisze skrótów, aby je przenosić.
- Alt+Shift+{Arrow keys left and right} - Wybierz klatki kluczowe i naciskaj klawisze skrótów, aby je przenosić.
Pliki projektu można znaleźć here.
