Jak zrobić animację GIF w Photoshopie

Anonim

Jak utworzyć animację GIF w Adobe Photoshop

Metoda 1: Ręczna animacja obiektów

Pierwsza metoda jest odpowiednia dla tych użytkowników, którzy chcą zastosować Adobe Photoshop do animacji ręcznej dodanej do warstw płótna. Może to być dowolna figura geometryczna, gotowy obraz lub tekst. Chociaż ten edytor graficzny nie jest całkowicie odpowiedni do wykonywania takiego zadania, przy tworzeniu prostego GIF będzie radzi sobie, a można rozdzielić ten proces kilka kroków.

Krok 1: Włączenie "skali czasu"

Animacja w Adobe Photoshopa występuje przy użyciu lokalizacji i edycji obiektów na "skali czasu". Domyślnie to okno jest ukryte w programie, ponieważ nie jest używany w standardowym środowisku pracy. Aby go aktywować, otwórz menu "Okno" i kliknij "Skala czasu".

Włączanie w skali czasu, aby utworzyć animację w Adobe Photoshop

Poniżej pojawi się nowy panel, do którego będziemy odnosić się dalej. Po pracy z GIF można go ponownie ukryć za pomocą tego samego przycisku w wymienionych menu.

Udana skala czasu włączenie do tworzenia animacji w Adobe Photoshop

Krok 2: Przygotowanie elementów do GIF

Jak wspomniano wcześniej, Photoshop pozwala kontrolować dowolne warstwy, w tym tekst, zdjęcia i utworzyć geometryczne kształty. Aby rozpocząć, elementy muszą dodać do płótna, tworząc nowy projekt. Umieść każdy z nich w osobnej warstwie, aby nie doświadczyć problemów z dalszą edycją. Gdy tylko prace przygotowują się, przejdź do następnego kroku.

Przygotowanie obiektów przed tworzeniem animacji w Adobe Photoshop

Krok 3: Ustawianie efektu wyglądu

Istnieje kilka podstawowych działań animacji, które można wdrożyć w edytorze graficznym, a efekt dowolnego elementu pojawia się tutaj. Zaproponowano, aby wziąć pod uwagę go najpierw w tym samym czasie, aby poradzić sobie z tym, jak wchodzić w interakcje z "skalą czasu" i jak kluczowe są z nim związane.

  1. Idź do pracy z mistrzowskim panelu i kliknij przycisk "Utwórz skalę czasu dla wideo".
  2. Tworzenie nowych animowanych utworów w Adobe Photoshop Graphic Editor

  3. Każda warstwa pasuje do oddzielnego utworu, co oznacza, że ​​możesz wybrać dowolny z nich i przejść do edycji.
  4. Lokalizacja każdej warstwy na ścieżce animacji w Adobe Photoshop

  5. W naszym przypadku rozważ małe logo. Rozwiń jego warstwę, aby wyświetlić wszystkie dostępne działania animacji.
  6. Wybór warstwy do tworzenia animacji w Adobe Photoshop

  7. W przykładzie ustawiamy efekt pojawienia się zaimplementowanego przy użyciu funkcji "krycia". Kliknij tę linię, aby utworzyć pierwszy kluczowy punkt i będzie pamiętać, jaki stan jest obecnie obiektem.
  8. Tworzenie pierwszego kluczowego punktu podczas pracy z animacją w Adobe Photoshop

  9. Będąc w tym punkcie kontrolnym zmień krycie do 0%, aby całkowicie ukryć się przed obszarem obszaru roboczego.
  10. Zmień krycie obiektu podczas pracy z animacją w Adobe Photoshop

  11. Przesuń suwak przez kilka sekund i utwórz inny punkt, a następnie odkręć krycie od 100%.
  12. Tworzenie drugiego punktu kluczowego i zmiana krycia obiektu w Adobe Photoshop

  13. Odtwórz animację i spójrz na okno podglądu, aby zapoznać się z wynikiem. Dwa kluczowe punkty osiągnęliśmy efekt wyglądu, zmieniając funkcję krycia obiektu w każdym z nich.
  14. Odtwarzanie animacji do oglądania podczas edycji w Adobe Photoshop

W ten sam sposób można zmienić dowolny parametr obiektu, w tym kolor, pozycję, efekty nakładki i wszystko inne, które znajduje się w Adobe Photoshop. Warto rozważyć osobliwość pracy kluczy. Wybierz dowolną z utworów, niezależnie od tego, czy jest to "pozycja", "krycie" lub "styl" i wprowadzić tam pewną zmianę. Nadal będzie stosowany niezależnie od rodzaju działania, z którym będziemy upewnić się, że w następnym kroku.

Krok 4: Obiekt przesuń animację

Podstawą animacji jest ruch, więc proponujemy demontaż ustawienia tej działalności na przykładzie kilku kluczy i podstawowy rodzaj ruchu.

  1. Jako ruchomy obiekt używamy tekstu, w tym samym czasie sprawdzić informacje opisane wcześniej. Rozwiń blok swoją warstwą do pojawienia się utworów pomocniczych.
  2. Wybierz drugą warstwę, aby utworzyć animację w programie Adobe Photoshop

  3. Można widać, że program nie zdefiniował funkcji "Pozycja", więc musisz wybrać inną opcję.
  4. Wybór nowego utworu do ruchu animacji w Adobe Photoshop

  5. Jeśli jesteś pewien, że "perspektywa" w tej animacji nie będzie używana, oznacza to, że można użyć tego ciągu, aby zmienić pozycję tekstu. Utwórz pierwszy klawisz i umieść napis w pozycji początkowej przez narzędzie "ruch".
  6. Tworzenie pierwszego klucza dla animacji ruchu w Adobe Photoshop

  7. Utwórz kolejne kluczowe punkty, mało, przenosząc tekst do ostatniej pozycji, aby zapewnić gładkość ruchu.
  8. Tworzenie innych kluczowych punktów podczas animowania ruchu w Adobe Photoshop

  9. Okresowo odtworzyć animację i dostosuj klucze, aby poprawić gładkość.
  10. Reprodukcja animacji podczas pracy z ruchami w Adobe Photoshop

  11. Jeśli klucze są niewygodne do pracy w bieżącym widoku osi czasu, zmień jego skalę lub zwiększyć cykl, aby dodać nowe punkty.
  12. Edycja obszaru animacji w Adobe Photoshop

  13. Jeśli chcesz wymienić lub dodać obiekt, naciśnij przycisk w postaci plus.
  14. Dodawanie elementów do animacji na skali czasu w programie Adobe Photoshop

Krok 5: Zapisywanie komputera GIF

Gdy tylko animacja zostanie zakończona, powinieneś zapisać projekt w formie pliku GIF, aby umieścić sieć lub zabawić się na komputerze lokalnym. Aby to zrobić, Adobe Photoshop ma dwie różne funkcje.

  1. Otwórz menu Plik, przesuń kursor na "Eksportuj" i wybierz opcję "Zapisz dla Web". Jeśli nie potrzebujesz dodatkowych ustawień animacji, użyj "Zapisz jako" i określ poprawny format w menu rozwijanym.
  2. Przejście do zachowania gotowej animacji w programie Adobe Photoshop

  3. Podczas eksportowania znajdź format GIF.
  4. Wybór formatu animacji przed utrzymaniem go w programie Adobe Photoshop

  5. Zmień kolor podłoża, jeśli nie został to zrobione wcześniej.
  6. Wybierz kolor podłoża animacji przed zapisaniem w Adobe Photoshop

  7. Edytuj rozmiar obrazu i liczbę powtórzeń.
  8. Wybierz rozmiar animacji przed zachowaniem go w programie Adobe Photoshop

  9. Przed kliknięciem przycisku "Zapisz" sprawdź poprawność wybranych parametrów.
  10. Potwierdzenie ochrony animacji w Adobe Photoshop

  11. Ustaw nazwę pliku, określ dla niego ścieżkę Zapisz i potwierdź tę czynność.
  12. Wybór miejsca do zapisania animacji w Adobe Photoshop

Otwórz GIF za pośrednictwem przeglądarki lub dowolnego innego wygodnego narzędzia, aby sprawdzić poprawność odtwarzania, po czym proces tworzenia można uznać za zakończone.

Metoda 2: Tworzenie GIF ze zdjęcia

Adobe Photoshop umożliwia tworzenie GIF z istniejących zdjęć. Może to być jak obcinanie ramek z wideo i specjalnie utworzonych obrazów sekwencyjnych. Proces tworzenia animacji w tym przypadku jest znacznie łatwiejszy niż poprzedni, ponieważ nie wymaga ręcznego tworzenia kluczowych punktów.

  1. Na "skali czasu" tym razem zmień tryb na "Utwórz animację ramki", wybierając tę ​​opcję w menu rozwijanym.
  2. Wybierz drugi tryb tworzenia animacji w Adobe Photoshop

  3. Otwórz "Plik", przesuń kursor na "skrypty" i kliknij przycisk "Pobierz pliki do stosu".
  4. Przejście do dodawania obrazów do tworzenia animacji w programie Adobe Photoshop

  5. W wyświetlonym oknie kliknij "Przegląd".
  6. Korzystanie z narzędzia Quick Dodaj obraz, aby utworzyć animację w programie Adobe Photoshop

  7. Natychmiast pobierz wszystkie zdjęcia, które powinny być zawarte w animacji.
  8. Dodawanie wielu zdjęć, aby utworzyć animację w programie Adobe Photoshop

  9. Jeśli chcesz je wyrównać, aktywuj tę funkcję przed dodaniem.
  10. Korzystanie z opcji wyrównania obrazu podczas tworzenia animacji w Adobe Photoshop

  11. Użyj przycisku "Utwórz ramę animacji", aby utworzyć animację.
  12. Zacznij tworzyć animację z zdjęć Adobe Photoshop

  13. Rozwiń menu akcji i znajdź "Utwórz ramki z warstwy", aby dodać inne zdjęcia.
  14. Dodawanie wszystkich zdjęć jako ramek do animacji w Adobe Photoshop

  15. Edytuj ich sekwencję, zmieniając nagranie przez miejsca, jeśli pojawi się potrzeba.
  16. Udane dodawanie zdjęć jako ramki do animacji w Adobe Photoshop

  17. Aby rozszerzyć każdą odtwarzanie klatek, użyj opóźnienia lub skonfiguruj go, jeśli prędkość odtwarzania jest zadowolona.
  18. Edycja prędkości reprodukcji animacji w Adobe Photoshop

  19. Przed zapisaniem sprawdź odtwarzanie i utwórz GIF, ponieważ pokazano w końcowym etapie poprzedniej metody.
  20. Udana tworzenie animacji w Adobe Photoshop z poszczególnych ramek

Jeśli po przeczytaniu instrukcji zdecydujesz, że Adobe Photoshop nie nadaje się do wdrażania zamierzonej animacji, radzimy zapoznać się z innymi programami zaprojektowanymi do pracy z GIF. Szczegółowy przegląd popularnych przedstawicieli takich oprogramowania znajduje się w oddzielnym artykule na naszej stronie internetowej.

Czytaj więcej: najlepsze oprogramowanie do tworzenia animacji

Czytaj więcej