Animacja w Photoshopie - animacja grafiki
W tym samouczku dotyczącym programu Photoshop będziemy kontynuować tworzenie animacji dla naszego szablonu okładki wideo na Facebooku. Animujemy drugie zdjęcie na ekranie.

W tym momencie mamy pierwsze zdjęcie na ekranie, a także dwa wiersze tekstu. W scenie 2 przeniesiemy drugie zdjęcie na ekran. Ponieważ ten obraz będzie na warstwie powyżej pierwszego zdjęcia, całkowicie pokryje pierwsze zdjęcie.

Po zakryciu pierwszego zdjęcia nie potrzebujemy go więcej. Tak więc przycinamy ślad tego zdjęcia, a zatem usuwamy zdjęcie z ekranu. Aby zakończyć tę scenę, wyciemnimy tekst, przygotowując się do wprowadzenia drugiej grupy tekstu.

Scena 2 klatka po klatce

Kod czasowy (0: 00: 05: 00) Po pięciu sekundach na osi czasu druga grafika zastępcza przesunie się na ekran. (czas trwania: 0,5 s)

Kod czasowy (0: 00: 07: 00) Po siedmiu sekundach na osi czasu dwie linie tekstu znikną. (czas trwania: 0,5 s)

Otwórz swój projekt w Photoshopie i przejdź do osi czasu. Jak widać, druga grafika zastępcza znajduje się na warstwie powyżej pierwszej grafiki. W tym momencie trakt przedłuża cały czas trwania Osi czasu. Ale nie potrzebujemy tego obrazu widocznego do pięciu sekund na osi czasu. Skróćmy ścieżkę w Kodzie czasowym (0: 00: 05: 00). To będzie pozycja początkowa slajdu w animacji.

  1. W razie potrzeby włącz widoczność [Tło zdjęcia tutaj - 2] warstwa w panelu Warstwy.

  2. Przesuń głowicę do kodu czasowego 0: 00: 05: 00 (patrz zrzut ekranu).

  3. Kliknij lewą krawędź zastępczej ścieżki graficznej i przeciągnij w prawo do pięciu sekund na osi czasu.

    Musimy całkowicie przesunąć zdjęcie z prawej krawędzi ekranu. Będzie to pozycja początkowa animacji zdjęcia na ekranie (patrz zrzut ekranu).

  4. Aby przenieść grafikę do pozycji początkowej animacji, wybierz warstwę, kliknij Edytuj - dowolna transformacja i przeciągnij grafikę, aż całkowicie zniknie z ekranu.

  5. Rozwiń [Tło zdjęcia tutaj - 2] i kliknij Stop Watch dla właściwości Transform, aby ustawić klatkę kluczową pozycji początkowej (patrz zrzut ekranu).

    Teraz animujemy drugą grafikę z powrotem na ekran.

  6. Przesuń głowicę do kodu czasowego 0: 00: 05: 15. Przenieś grafikę z powrotem na ekran, dopasowując do prawej krawędzi.

    Powinieneś zobaczyć drugą klatkę kluczową dodaną do właściwości Transform.

  7. Na koniec skróćmy czas trwania ścieżki oryginału [Tło zdjęcia tutaj] dolna warstwa. Przeciągnij prawą krawędź ścieżki do Kodu czasowego 0: 00: 07: 00.

    Ok, teraz wyciszmy tekst. W tym momencie warstwy tekstowe nadal kończą się domyślnie na pięć sekund. Naszym pierwszym krokiem jest rozszerzenie ścieżek.

  8. Przesuń głowicę do kodu czasowego (0: 00: 07: 15), który jest końcem animacji wygaszania (patrz zrzut ekranu).

  9. Przeciągnij prawą krawędź każdej ścieżki tekstowej, aby rozwinąć ścieżki do Kodu czasowego (0: 00: 07: 15).

    To będzie końcowa ramka animacji wygaszania. Ale najpierw musimy ustawić ramkę początkową.

  10. Przesuń głowicę do kodu czasowego (0: 00: 07: 00).

  11. Otwórz listę właściwości dla Nazwa firmy i Rodzaj biznesu warstwy tekstowe.

  12. W przypadku obu warstw tekstowych kliknij ikonę Zatrzymaj obserwację dla właściwości Krycie, aby ustawić początkową krycie dla animacji, która w tym momencie wynosi 100% (patrz zrzut ekranu).

  13. Przenieś głowicę z powrotem do Kodu czasowego (0: 00: 07: 15) i zmniejsz Krycie dwóch warstw tekstowych w panelu Warstwy do 0%.

    Powinieneś zobaczyć dwie końcowe klatki kluczowe dodane do osi czasu (patrz zrzut ekranu).

Przetestuj animację i zapisz plik.

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 poklatkowa (Wrzesień 2020).