Animacja w Photoshopie - animacja tekstu

• Kwiecień 27, 2024

W tym samouczku dotyczącym programu Photoshop zaczniemy animować elementy projektu w naszym szablonie okładki wideo na Facebooku. Każdy element jest na osobnej warstwie, więc możemy kontrolować je indywidualnie.

Jak widać w tym momencie, mamy dwie zastępcze warstwy graficzne na dole i osiem zastępczych warstw tekstowych (patrz zrzut ekranu). Rozszerzyliśmy już warstwy graficzne do całkowitego czasu trwania (20 sekund) dla naszego wideo, ale warstwy tekstowe są nadal ustawione na domyślne pięć sekund (patrz zrzut ekranu). Na razie nic nie szkodzi, ponieważ będziemy przesuwać te ścieżki wzdłuż osi czasu w razie potrzeby. Na razie wyłączmy widoczność (ikona oka w panelu Warstwy) wszystkich warstw oprócz dolnej.

Scena 1 klatka po klatce

Kod czasowy (0: 00: 00: 00) Klatka 1: Wideo rozpocznie się z widoczną dolną grafiką tła.

Kod czasowy (0: 00: 01: 00) Klatka 30: Jedna sekunda (30 klatek) po rozpoczęciu wideo Nazwa firmy tekst zniknie na ekranie. (czas trwania: 0,5 s)

Kod czasowy (0: 00: 02: 00) Klatka 60: Dwie sekundy po rozpoczęciu filmu wideo Rodzaj biznesu tekst zniknie. (czas trwania: 0,5 sek.)

Zrobimy to wszystko w panelu Oś czasu.

W panelu Oś czasu każda warstwa tekstowa ma własne właściwości, które możemy animować.


1. Rozwiń warstwę Grupa tekstów w panelu Oś czasu, aby wyświetlić wszystkie warstwy tekstu (patrz zrzut ekranu).
   
   
2. Przesuń głowicę do kodu czasowego (0: 00: 01: 00) i przeciągnij lewą krawędź każdej warstwy tekstowej do głowicy. To sprawi, że warstwy tekstu będą niewidoczne aż do kodu czasowego (0: 00: 01: 00).
   
   
3. Rozwiń Nazwa firmy warstwa tekstowa, aby wyświetlić listę właściwości. W przypadku głowicy Play at Timecode (0: 00: 01: 00) kliknij ikonę Stop Watch dla właściwości Opacity.
   
   Powinieneś zobaczyć (patrz zrzut ekranu) małą żółtą klatkę kluczową dodaną do właściwości Opacity. Ustawia to początek animacji warstwy tekstowej.
   
   
4. Przesuń głowicę Playhead o 15 klatek w prawo. Kod czasowy (0: 00: 01: 15)
   
   
5. Tylko z Nazwa firmy wybierz warstwę, kliknij mały trójkąt dla właściwości Krycie na liście właściwości, aby dodać drugą klatkę kluczową.
   
   Powinieneś teraz mieć dwie klatki kluczowe we właściwości Opacity.
   
   W tym momencie tekst jest nadal widoczny w obu lokalizacjach klatek kluczowych. Ukryjmy tekst na pierwszej klatce animacji zanikania.
   
   
6. Przesuń głowicę odtwarzania z powrotem do klatki początkowej. Teraz przejdź do panelu Warstwa i zmniejsz Krycie warstwy do 0%.
   
   Naszym ostatnim zadaniem jest animacja Rodzaj biznesu tekst.
   
   
7. Przesuń głowicę do dwóch sekund znaku na miarce czasu (02:00) lub kodzie czasowym (0: 00: 02: 00). Przeciągnij lewą krawędź tego utworu do głowicy Playhead.
   
   
8. Wybierz Rodzaj biznesu tekst i rozwiń, aby zobaczyć właściwości. Powtórz poprzednie kroki, aby dodać dwie klatki kluczowe i zmniejszyć Krycie do 0% przy pierwszej klatce kluczowej.
   
   

Przesuń głowicę odtwarzania z powrotem na początek osi czasu i kliknij przycisk Odtwórz, aby przetestować animację. Zapisz swoją pracę.

W następnym samouczku wykorzystamy właściwość Transform do animowania drugiej grafiki zastępczej.

Powrót | Kolejny

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą Adobe Systems Incorporated. Adobe, Photoshop jest / są [a] zastrzeżonym znakiem towarowym lub znakiem towarowym Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.

Instrukcje Wideo: Podstawy Animacji w Adobe Photoshop CS6 - animacja zdjęć i tekstu (Kwiecień 2024).