Podręcznik użytkownika Anuluj

Tworzenie animacji poklatkowych

  1. Podręcznik użytkownika programu Photoshop
  2. Wprowadzenie do programu Photoshop
    1. Dream it. Make it.
    2. Nowości w programie Photoshop
    3. Edytowanie pierwszego zdjęcia
    4. Tworzenie dokumentów
    5. Photoshop | Częste pytania
    6. Wymagania systemowe programu Photoshop
    7. Poznaj program Photoshop
    8. Systematyczne aktualizowanie programu Photoshop
  3. Program Photoshop a inne produkty i usługi firmy Adobe
    1. Korzystanie z kompozycji programu Illustrator w programie Photoshop
    2. Korzystanie z plików programu Photoshop w programie InDesign
    3. Materiały Substance 3D w programie Photoshop
    4. Używanie rozszerzenia Capture w programie Photoshop
  4. Photoshop na tablet iPad (brak dostępu w Chinach)
    1. Photoshop na tablet iPad | Częste pytania
    2. Zapoznanie z przestrzenią roboczą
    3. Wymagania systemowe | Photoshop na tablet iPad
    4. Tworzenie, otwieranie i eksportowanie dokumentów
    5. Dodawanie zdjęć
    6. Korzystanie z warstw
    7. Rysowanie i malowanie przy użyciu pędzli
    8. Tworzenie zaznaczeń i dodawanie masek
    9. Retuszowanie kompozycji
    10. Korzystanie z warstw dopasowania
    11. Dopasowanie odcieni kompozytów przy użyciu krzywych
    12. Stosowanie przekształceń
    13. Kadrowanie i obracanie obrazów kompozytowych
    14. Obracanie, przesuwanie, powiększanie i zerowanie obszaru roboczego
    15. Korzystanie z warstw tekstowych
    16. Korzystanie z programów Photoshop i Lightroom
    17. Pobieranie brakujących czcionek w programie Photoshop na tablecie iPad
    18. Tekst w języku japońskim w programie Photoshop na tablecie iPad
    19. Zarządzanie ustawieniami aplikacji
    20. Skróty i gesty dotykowe
    21. Skróty klawiaturowe
    22. Edytowanie rozmiaru obrazu
    23. Nadawanie na żywo podczas tworzenia w programie Photoshop na tablecie iPad
    24. Retuszowanie niedoskonałości za pomocą narzędzia Pędzel korygujący
    25. Tworzenie pędzli w rozszerzeniu Capture i używanie ich w programie Photoshop na tablet iPad
    26. Praca z plikami Camera Raw
    27. Tworzenie i używanie obiektów inteligentnych
    28. Modyfikowanie ekspozycji obrazów przy użyciu funkcji rozjaśniania i ściemniania
    29. Polecenia dopasowań automatycznych w programie Photoshop na tablet iPad
    30. Rozmazywanie obszarów obrazów w programie Photoshop na tablet iPad
    31. Zwiększanie i zmniejszanie nasycenia obrazów przy użyciu narzędzia Gąbka
    32. Wypełnienie z uwzględnieniem zawartości na tablecie iPad
  5. Photoshop w Internecie (brak dostępu w Chinach)
    1. Częste pytania
    2. Wymagania systemowe
    3. Skróty klawiaturowe
    4. Obsługiwane typy plików
    5. Wprowadzenie do przestrzeni roboczej
    6. Otwieranie plików w chmurze i korzystanie z nich
    7. Funkcje oparte na generatywnej sztucznej inteligencji
    8. Podstawowe pojęcia związane z edytowaniem
    9. Szybkie operacje
    10. Korzystanie z warstw
    11. Retuszowanie obrazów i usuwanie niedoskonałości
    12. Szybkie zaznaczanie
    13. Ulepszenia obrazów dzięki warstwom dopasowania
    14. Dodawanie warstwy wypełnienia
    15. Przesuwanie, przekształcanie i kadrowanie obrazów
    16. Rysowanie i malowanie
    17. Rysowanie i edytowanie kształtów
    18. Korzystanie z warstw tekstowych
    19. Współpraca z innymi przez Internet
    20. Zarządzanie ustawieniami aplikacji
    21. Generowanie obrazów
    22. Generowanie tła
    23. Obraz odniesienia
  6. Photoshop (beta) (brak dostępu w Chinach)
    1. Pierwsze kroki z wersjami beta aplikacji Creative Cloud
    2. Photoshop (beta) na komputer
    3. Obraz odniesienia
  7. Generatywna sztuczna inteligencja (brak dostępu w Chinach)
    1. Częste pytania dotyczące generatywnej sztucznej inteligencji w programie Photoshop
    2. Wypełnienie generatywne w programie Photoshop na komputer
    3. Generowanie obrazów z opisów tekstowych
    4. Rozszerzenie generatywne w programie Photoshop na komputer
    5. Zastępowanie tła narzędziem Generowanie tła
    6. Nowe warianty dzięki funkcji Generowanie podobnych
    7. Narzędzie Wypełnienie generatywne w programie Photoshop na tablet iPad
    8. Narzędzie Rozszerzenie generatywne w programie Photoshop na tablet iPad
    9. Funkcje oparte na SI w programie Photoshop w Internecie
  8. Autentyczność zawartości (brak dostępu w Chinach)
    1. Poświadczenia zawartości w programie Photoshop
    2. Identyfikacja i pochodzenie tokenów NFT
    3. Łączenie kont na potrzeby uznania udziału w pracy twórczej
  9. Pliki w chmurze (brak dostępu w Chinach)
    1. Pliki w chmurze — Photoshop | Częste pytania
    2. Pliki w chmurze — Photoshop | Pytania dotyczące obiegów pracy
    3. Zarządzanie plikami w chmurze i korzystanie z nich przy użyciu programu Photoshop
    4. Zwiększanie ilości przestrzeni dyskowej dla programu Photoshop
    5. Nie można utworzyć ani zapisać pliku w chmurze
    6. Rozwiązywanie błędów z plikami w chmurze programu Photoshop
    7. Zbieranie dzienników synchronizacji plików w chmurze
    8. Zapraszanie innych do edytowania plików w chmurze
    9. Udostępnianie plików i komentowanie w aplikacji
  10. Przestrzeń robocza
    1. Podstawy pracy z przestrzenią roboczą
    2. Preferencje
    3. Szybsza nauka dzięki panelowi Odkrywanie w programie Photoshop
    4. Tworzenie dokumentów
    5. Umieszczanie plików
    6. Domyślne skróty klawiaturowe
    7. Dostosowywanie skrótów klawiszowych
    8. Galerie narzędzi
    9. Preferencje wydajności
    10. Korzystanie z narzędzi
    11. Ustawienia predefiniowane
    12. Siatka i linie pomocnicze
    13. Gesty dotykowe
    14. Używanie paska Touch Bar w programie Photoshop
    15. Funkcje dotykowe i dostosowywanie obszarów roboczych
    16. Zapowiedzi technologii
    17. Metadane i uwagi
    18. Umieszczanie obrazów programu Photoshop w innych aplikacjach
    19. Miarki
    20. Pokazywanie i ukrywanie dodatków niedrukowanych
    21. Określanie kolumn dla obrazu
    22. Cofanie i historia
    23. Panele i menu
    24. Rozmieszczanie elementów za pomocą przyciągania
    25. Określanie położenia przy użyciu narzędzia Miarka
  11. Projektowanie stron internetowych, materiałów ekranowych i aplikacji
    1. Photoshop dla projektantów
    2. Obszary kompozycji
    3. Podgląd urządzenia
    4. Kopiowanie kodu CSS z warstw
    5. Cięcie stron internetowych na plasterki
    6. Opcje HTML dotyczące plasterków
    7. Modyfikowanie układu plasterków
    8. Korzystanie z grafiki internetowej
    9. Tworzenie internetowych galerii zdjęć
  12. Podstawowe informacje o obrazie i kolorach
    1. Zmienianie rozmiarów obrazów
    2. Korzystanie z obrazów rastrowych i wektorowych
    3. Rozmiar a rozdzielczość obrazu
    4. Pozyskiwanie obrazów z aparatów fotograficznych i skanerów
    5. Tworzenie, otwieranie i importowanie obrazów
    6. Wyświetlanie obrazów
    7. Błąd nieprawidłowego znacznika JPEG | Otwieranie obrazów
    8. Wyświetlanie wielu obrazów
    9. Dostosowywanie próbników kolorów i próbek
    10. Obrazy HDR
    11. Dopasowywanie kolorów na obrazie
    12. Konwertowanie obrazów z jednego trybu kolorów na inny
    13. Tryby kolorów
    14. Wymazywanie części obrazu
    15. Tryby mieszania
    16. Wybieranie kolorów
    17. Dostosowywanie tablic kolorów indeksowanych
    18. Informacje o obrazie
    19. Filtry zniekształcania są niedostępne
    20. Informacje o kolorach
    21. Dopasowania kolorowe i monochromatyczne przy użyciu kanałów
    22. Wybieranie kolorów w panelach Kolor i Próbki
    23. Próbka
    24. Tryb kolorów (tryb obrazu)
    25. Poświata kolorowa
    26. Dodawanie warunkowej zmiany trybu do operacji
    27. Dodawanie próbek z arkuszy CSS HTML i plików SVG
    28. Głębia bitowa i preferencje
  13. Warstwy
    1. Podstawy pracy z warstwami
    2. Bezpieczna edycja
    3. Tworzenie warstw i grup oraz zarządzanie nimi
    4. Zaznaczanie, grupowanie i łączenie warstw
    5. Umieszczanie obrazów w ramkach
    6. Krycie warstw i mieszanie
    7. Warstwy masek
    8. Stosowanie filtrów inteligentnych
    9. Kompozycje warstw
    10. Przenoszenie, układanie i blokowanie warstw
    11. Maskowanie warstw przy użyciu masek wektorowych
    12. Zarządzanie warstwami i grupami
    13. Efekty i style warstw
    14. Edytowanie masek warstw
    15. Wyodrębnianie zasobów
    16. Odsłanianie warstw przy użyciu masek przycinających
    17. Generowanie zasobów obrazów z warstw
    18. Korzystanie z obiektów inteligentnych
    19. Tryby mieszania
    20. Łączenie kilku obrazów w portret grupowy
    21. Łączenie obrazów przy użyciu automatycznego mieszania warstw
    22. Wyrównywanie i rozmieszczanie warstw
    23. Kopiowanie kodu CSS z warstw
    24. Wczytywanie zaznaczeń z warstwy lub obramowania maski warstw
    25. Odcinanie w celu odkrycia zawartości innych warstw
  14. Zaznaczenia
    1. Podstawy zaznaczania
    2. Zaznaczanie elementów kompozycji
    3. Przestrzeń robocza zaznaczania i maskowania
    4. Zaznaczanie narzędziami do zaznaczania prostokątnego
    5. Zaznaczanie przy użyciu narzędzi Lasso
    6. Dopasowywanie zaznaczeń pikseli
    7. Przenoszenie, kopiowanie i usuwanie zaznaczonych pikseli
    8. Tworzenie tymczasowej szybkiej maski
    9. Zaznaczanie zakresu kolorów na obrazie
    10. Konwertowanie pomiędzy ścieżkami i krawędziami zaznaczenia
    11. Podstawy stosowania kanałów
    12. Zapisywanie zaznaczeń i masek kanału alfa
    13. Zaznaczanie ostrych obszarów obrazu
    14. Powielanie, dzielenie i scalanie kanałów
    15. Obliczenia dotyczące kanałów
  15. Dopasowywanie obrazów
    1. Zastępowanie kolorów obiektu
    2. Wypaczenie perspektywy
    3. Redukcja rozmyć wywołanych potrząśnięciami aparatu
    4. Przykłady użycia narzędzia Pędzel korygujący
    5. Eksportowanie tablic wyszukiwania kolorów
    6. Dopasowywanie ostrości i rozmycia obrazu
    7. Omówienie dopasowań kolorów
    8. Stosowanie dopasowania Jasność/Kontrast
    9. Dopasowywanie szczegółów cieni i obszarów oświetlonych
    10. Dopasowanie Poziomy
    11. Dopasowywanie barwy i nasycenia
    12. Dopasowanie jaskrawości
    13. Dopasowywanie nasycenia koloru na obszarach obrazu
    14. Szybkie dopasowania tonalne
    15. Stosowanie do obrazów specjalnych efektów kolorów
    16. Ulepszanie obrazu przy użyciu korekt balansu kolorów
    17. Obrazy HDR
    18. Wyświetlanie histogramów i wartości pikseli
    19. Dopasowywanie kolorów na obrazie
    20. Kadrowanie i prostowanie zdjęć
    21. Konwertowanie obrazów kolorowych na czarno-białe
    22. Warstwy dopasowań i wypełnień
    23. Dopasowywanie krzywych
    24. Tryby mieszania
    25. Przygotowywanie obrazów do druku
    26. Dopasowywanie kolorów i odcieni obrazu przy użyciu kroplomierzy Poziomy i Krzywe
    27. Dopasowywanie ekspozycji i tonowania obrazu HDR
    28. Rozjaśnianie lub ściemnianie obszarów obrazu
    29. Dopasowania koloru selektywnego
  16. Adobe Camera Raw
    1. Wymagania systemowe wtyczki Camera Raw
    2. Nowości we wtyczce Camera Raw
    3. Wprowadzenie do wtyczki Camera Raw
    4. Tworzenie obrazów panoramicznych
    5. Obsługiwane obiektywy
    6. Efekty winiety, ziarnu i usuwania zmętnienia atmosferycznego we wtyczce Camera Raw
    7. Domyślne skróty klawiaturowe
    8. Automatyczna korekcja perspektywy we wtyczce Camera Raw
    9. Filtr promieniowy we wtyczce Camera Raw
    10. Zarządzanie ustawieniami wtyczki Camera Raw
    11. Otwieranie, przetwarzanie i zapisywanie obrazów we wtyczce Camera Raw
    12. Naprawa obrazów za pomocą ulepszonego narzędzia Usuwanie plam we wtyczce Camera Raw
    13. Obracanie, kadrowanie i dopasowywanie obrazów
    14. Dopasowywanie renderowania koloru we wtyczce Camera Raw
    15. Wersje procesu we wtyczce Camera Raw
    16. Wprowadzanie lokalnych dopasowań we wtyczce Camera Raw
  17. Naprawianie i przywracanie obrazów
    1. Narzędzie Usuwanie
    2. Usuwanie obiektów ze zdjęć przy użyciu funkcji Wypełnij z uwzględnieniem zawartości
    3. Uwzględniające zawartość narzędzia Łatka i Przesuwanie
    4. Retuszowanie i naprawianie zdjęć
    5. Korygowanie zniekształceń i szumu na obrazie
    6. Podstawowe czynności pozwalające rozwiązać większość problemów
  18. Ulepszanie i przekształcanie obrazów
    1. Zastępowanie nieba na obrazach
    2. Przekształcanie obiektów
    3. Dopasowywanie kadrowania, obrotów i obszaru roboczego
    4. Kadrowanie i prostowanie zdjęć
    5. Tworzenie i edytowanie obrazów panoramicznych
    6. Wypaczanie obrazów, kształtów i ścieżek
    7. Punkt zbiegu
    8. Skalowanie z uwzględnieniem zawartości
    9. Przekształcanie obrazów, kształtów i ścieżek
  19. Rysowanie i malowanie
    1. Malowanie wzorków symetrycznych
    2. Rysowanie prostokątów i modyfikowanie opcji obrysu
    3. Informacje o rysowaniu
    4. Rysowanie i edytowanie kształtów
    5. Narzędzia do malowania
    6. Tworzenie i modyfikowanie pędzli
    7. Tryby mieszania
    8. Dodawanie koloru do ścieżek
    9. Edytowanie ścieżek
    10. Malowanie za pomocą pędzla mieszającego
    11. Pędzle predefiniowane
    12. Gradienty
    13. Interpolacja gradientów
    14. Wypełnianie oraz obrysowywanie zaznaczeń, warstw i ścieżek
    15. Rysowanie narzędziami Pióro
    16. Tworzenie wzorków
    17. Generowanie wzorku przy użyciu wtyczki Tworzenie wzorku
    18. Zarządzanie ścieżkami
    19. Zarządzanie bibliotekami i wzorkami predefiniowanymi
    20. Rysowanie lub malowanie przy użyciu tabletów graficznych
    21. Tworzenie pędzli z teksturami
    22. Dodawanie dynamicznych elementów do pędzli
    23. Gradient
    24. Malowanie stylizowanych pociągnięć pędzlem przy użyciu narzędzia Artystyczny pędzel historii
    25. Malowanie wzorkiem
    26. Synchronizacja ustawień predefiniowanych między urządzeniami
    27. Migracja ustawień predefiniowanych, operacji i ustawień
  20. Tekst
    1. Dodawanie i edytowanie tekstu
    2. Jednolity mechanizm tekstowy
    3. Korzystanie z czcionek SVG OpenType
    4. Formatowanie znaków
    5. Formatowanie akapitów
    6. Tworzenie efektów tekstowych
    7. Edytowanie tekstu
    8. Odstępy między wierszami i między znakami
    9. Tekst arabski i hebrajski
    10. Czcionki
    11. Rozwiązanie problemów z czcionkami
    12. Tekst azjatycki
    13. Tworzenie tekstu
  21. Filtry i efekty
    1. Korzystanie z galerii rozmyć
    2. Podstawowe informacje dotyczące filtrów
    3. Dokumentacja efektów filtrów
    4. Dodawanie efektów świetlnych
    5. Korzystanie z filtra Adaptacyjny szeroki kąt
    6. Korzystanie z filtra Farba olejna
    7. Korzystanie z filtra Formowanie
    8. Efekty i style warstw
    9. Stosowanie określonych filtrów
    10. Smużenie obszarów obrazu
  22. Zapisywanie i eksportowanie
    1. Zapisywanie plików w programie Photoshop
    2. Eksportowanie plików w programie Photoshop
    3. Obsługiwane formaty plików
    4. Zapisywanie plików w formatach graficznych
    5. Przenoszenie projektów między programami Photoshop i Illustrator
    6. Zapisywanie i eksportowanie materiałów wideo i animacji
    7. Zapisywanie plików PDF
    8. Technologia ochrony praw autorskich Digimarc
  23. Zarządzanie kolorami
    1. Omówienie zarządzania kolorami
    2. Utrzymywanie spójności kolorów
    3. Ustawienia kolorów
    4. Bichromia
    5. Korzystanie z profilów kolorów
    6. Zarządzanie kolorami dokumentów przeznaczonych do wyświetlania w Internecie
    7. Zarządzanie kolorami w dokumentach podczas drukowania
    8. Zarządzanie kolorami w przypadku obrazów importowanych
    9. Próby kolorów
  24. Projektowanie stron internetowych, materiałów ekranowych i aplikacji
    1. Photoshop dla projektantów
    2. Obszary kompozycji
    3. Podgląd urządzenia
    4. Kopiowanie kodu CSS z warstw
    5. Cięcie stron internetowych na plasterki
    6. Opcje HTML dotyczące plasterków
    7. Modyfikowanie układu plasterków
    8. Korzystanie z grafiki internetowej
    9. Tworzenie internetowych galerii zdjęć
  25. Wideo i animacja
    1. Edytowanie materiałów wideo w programie Photoshop
    2. Edytowanie warstw wideo i animacji
    3. Omówienie zagadnień dotyczących wideo i animacji
    4. Wyświetlanie podglądu wideo i animacji
    5. Malowanie klatek na warstwach wideo
    6. Importowanie plików wideo i sekwencji obrazów
    7. Tworzenie animacji poklatkowych
    8. Creative Cloud 3D Animation (zapowiedź)
    9. Tworzenie animacji z osią czasu
    10. Tworzenie obrazów do materiałów wideo
  26. Drukowanie
    1. Drukowanie obiektów 3D
    2. Drukowanie w programie Photoshop
    3. Drukowanie z zastosowaniem zarządzania kolorami
    4. Stykówki i prezentacje PDF
    5. Drukowanie zdjęć w układzie pakietu obrazów
    6. Drukowanie kolorów dodatkowych
    7. Profesjonalne drukowanie obrazów
    8. Poprawianie jakości wydruków w kolorze z programu Photoshop
    9. Rozwiązywanie problemów z drukowaniem | Photoshop
  27. Automatyzacja
    1. Tworzenie operacji
    2. Tworzenie grafiki zależnej od danych
    3. Korzystanie ze skryptów
    4. Przetwarzanie wsadowe plików
    5. Odtwarzanie operacji i zarządzanie nimi
    6. Dodawanie operacji warunkowych
    7. Informacje o operacjach i panelu Operacje
    8. Nagrywanie narzędzi w operacjach
    9. Dodawanie warunkowej zmiany trybu do operacji
    10. Zestaw narzędzi do tworzenia wtyczek i skryptów interfejsu programu Photoshop
  28. Rozwiązywanie problemów
    1. Rozwiązane problemy 
    2. Znane problemy
    3. Optymalizacja wydajności programu Photoshop
    4. Podstawowe rozwiązywanie problemów
    5. Rozwiązywanie problemów z awariami i zawieszeniami
    6. Usuwanie błędów programu
    7. Rozwiązywanie problemu z zapełnionym dyskiem magazynującym
    8. Rozwiązywanie problemów z GPU i sterownikiem graficznym
    9. Znajdowanie brakujących narzędzi
    10. Photoshop — 3D | Często zadawane pytania dotyczące wycofanych funkcji
Uwaga:

W przypadku programu Photoshop starszego niż Photoshop CC niektóre funkcje omówione w tym artykule mogą być dostępne wyłącznie w wersji Photoshop Extended. Program Photoshop nie ma osobnej wersji Extended. Wszystkie funkcje programu Photoshop Extended są dostępne w programie Photoshop.

Wypróbuj najnowsze funkcje i ulepszenia.

Obieg pracy przy animacji klatek

W programie Photoshop do tworzenia klatek animacji służy panel Oś czasu. Każda klatka stanowi konfigurację warstw.

Animacje można tworzyć także za pomocą osi czasu i klatek kluczowych. Zobacz Tworzenie animacji z osią czasu.

Obieg pracy przy animacji klatek w programie Photoshop
Ilustracja animacji Rysunek roweru znajduje się na osobnej warstwie; w poszczególnych klatkach animacji warstwa przyjmuje inne położenie.

Aby utworzyć animację poklatkową w programie Photoshop, wykonaj następujące czynności.

  1. Otwórz nowy dokument.Jeśli nie są jeszcze widoczne, otwórz panele Oś czasu i Warstwy. Panel Oś czasu musi być w trybie animacji klatek.Kliknij strzałkę w dół na środku panelu Oś czasu, wybierz polecenie Utwórz animację klatek i kliknij przycisk obok strzałki.

  2. Dodaj warstwę lub przekonwertuj warstwę Tło.Warstwy Tło nie można animować, dlatego trzeba dodać nową warstwę lub przekonwertować tło na zwykłą warstwę.

  3. Dodaj zawartość do animacji.Jeżeli animacja zawiera kilka niezależnie animowanych obiektów lub jeżeli chcesz zmienić kolor obiektu albo całkowicie wymienić zawartość klatki, to utwórz obiekty na osobnych warstwach.

  4. Utwórz animację poklatkową. W panelu Oś czasu wybierz strzałkę w dół, aby użyć opcji Utwórz animację klatek.

    Tworzenie animacji poklatkowych

  5. Zaznacz klatkę animacji.

  6. Edytuj warstwy zaznaczonej klatki. 

    • Wyświetl lub ukryj warstwy.
    • Zmień położenie obiektów lub warstw, aby zawartość się poruszała.
    • Zmień krycie warstw, aby zawartość pojawiała się lub znikała.
    • Zmień tryb mieszania warstw.
    • Dodaj style warstw.

    Program Photoshop zapewnia narzędzia pozwalające zachować te same parametry warstwy w różnych klatkach.

  7. Dodaj kolejne klatki i odpowiednio edytuj warstwy.Liczba możliwych do utworzenia klatek jest ograniczona tylko przez ilość pamięci dostępnej dla programu Photoshop.

    Panel zawiera polecenie Wygeneruj klatki pośrednie, które pozwala generować klatki obrazujące pośrednie zmiany wyglądu między dwiema wybranymi klatkami. Polecenie to pozwala szybko tworzyć takie animacje, jak przesuwanie obiektu na ekranie czy stopniowe pojawianie się lub zanikanie obiektu.

  8. Ustaw opóźnienie klatek i opcje zapętleń.Z każdą ramką możesz skojarzyć pewne opóźnienie. Możesz też zdefiniować pętlę, która będzie powodowała, że animacja zostanie odtworzona zadaną liczbę razy lub będzie odtwarzana w sposób ciągły.

  9. Obejrzyj podgląd animacji.Za pomocą opcji w panelu Oś czasu odtwarzaj animację już podczas jej tworzenia. Potem użyj polecenia Zapisz dla Internetu, aby wyświetlić podgląd animacji w przeglądarce internetowej.

  10. Zoptymalizuj animację pod kątem przyszłej efektywności pobierania.

  11. Zapisz animację, wykonując dowolne z tych czynności. 

    • Zapisz jako animowany plik GIF za pomocą polecenia Zapisz dla Internetu.

    • Polecenie zapisania w formacie programu Photoshop (PSD) umożliwia późniejsze kontynuowanie pracy z animacją.

    • Jest również możliwe zapisanie sekwencji obrazów, filmu QuickTime oraz odrębnych plików.

Dodawanie klatek do animacji

Dodawanie klatek jest pierwszym etapem tworzenia animacji. Jeśli obraz jest otwarty, panel Oś czasu wyświetla ten obraz jako pierwszą klatkę nowej animacji. Każda klatka dodana do animacji wygląda początkowo jak klatka umieszczona bezpośrednio przed nią. Następnie klatkę można zmieniać, używając panelu Warstwy.

  1. Panel Oś czasu musi być w trybie animacji klatek.

  2. Kliknij przycisk Powiel zaznaczone klatki .

Zaznaczanie klatek animacji

Przed rozpoczęciem pracy nad klatką należy zaznaczyć ją jako klatkę bieżącą. Zawartość klatki bieżącej jest wyświetlana w oknie dokumentu.

W przypadku zaznaczenia wielu klatek w panelu Oś czasu jest wyświetlana tylko bieżąca klatka. Miniaturki zaznaczonych klatek są podświetlone. Klatka bieżąca jest oznaczona wąską obwiednią wokół miniaturki.

Zaznaczanie jednej klatki animacji

  1. Wykonaj jedną z następujących czynności w panelu Oś czasu:

    • Kliknij klatkę.

    • Aby zaznaczyć kolejną klatkę w sekwencji jako klatkę bieżącą, kliknij przycisk Wybierz następną klatkę .

    • Aby zaznaczyć poprzednią klatkę w sekwencji jako klatkę bieżącą, kliknij przycisk Wybierz poprzednią klatkę .

    • Aby zaznaczyć pierwszą klatkę w sekwencji jako klatkę bieżącą, kliknij przycisk Wybierz pierwszą klatkę .

Zaznaczanie wielu klatek animacji

  1. Wykonaj jedną z następujących czynności w panelu Oś czasu:

    • Aby zaznaczyć klatki sąsiadujące ze sobą, kliknij kolejną klatkę z wciśniętym klawiszem Shift. Następna klatka i wszystkie klatki pomiędzy nią a klatką pierwszą zostaną dodane do zaznaczenia.

    • Aby zaznaczyć kilka klatek rozmieszczonych w różnych miejscach animacji, klikaj kolejne klatki z wciśniętym klawiszem Control (Windows) lub Command (macOS), dodając je do zaznaczenia.

    • Aby zaznaczyć wszystkie klatki, z menu panelu wybierz opcję Zaznacz wszystkie klatki.

    • Aby usunąć klatkę z zaznaczenia, kliknij ją wciśniętym klawiszem Ctrl (Windows) lub Command (macOS).

Edytowanie klatek animacji

  1. W panelu Oś czasu zaznacz przynajmniej jedną klatkę.

  2. Wykonaj jedną z następujących czynności:
    • Aby edytować zawartość obiektów w klatkach animacji, posłuż się panelem Warstwy, modyfikując warstwy obrazu mające wpływ na tę klatkę.
    • Aby zmienić położenie obiektu w klatce animacji, zaznacz warstwę zawierającą ten obiekt na panelu Warstwy i przeciągnij ją na nowe miejsce.
    Uwaga:

    Można zaznaczać i przesuwać wiele klatek naraz. Przeciągnięcie klatek, które nie leżą obok siebie, spowoduje umieszczenie ich w nowym miejscu jedna za drugą.

    • Aby odwrócić kolejność klatek animacji, z menu panelu wybierz polecenie Odwróć klatki.
    Uwaga:

    Nie muszą to być klatki następujące po sobie. Można odwrócić dowolne zaznaczone klatki.

    • Aby usunąć zaznaczone klatki, z menu panelu Oś czasu wybierz polecenie Usuń klatkę lub kliknij ikonę Usuń , a następnie kliknij przycisk Tak, aby potwierdzić usunięcie. Można także przeciągnąć zaznaczoną klatkę na ikonę Usuń.

Ujednolicanie właściwości warstwy w klatkach animacji

Przyciski ujednolicania (Ujednolić położenie warstwy, Ujednolić widoczność warstwy oraz Ujednolić styl warstwy), dostępne na panelu Warstwy, określają sposób, w jaki zmiany atrybutów aktywnej klatki animacji wpływają na inne klatki na tej samej warstwie. Po włączeniu przycisku ujednolicania dany atrybut będzie zmieniany na wszystkich klatkach aktywnej warstwy. Gdy przycisk jest wyłączony, zmiany obowiązują tylko dla aktywnej klatki.

Opcja Wybierz klatkę 1 na panelu Warstwy również określa sposób, w jaki zmiany atrybutów pierwszej klatki wpływają na inne klatki na tej samej warstwie. Gdy opcja ta jest zaznaczona, to zmiana atrybutu w pierwszej klatce spowoduje, że wszystkie klatki na aktywnej warstwie zmienią się zgodnie z pierwszą (z zachowaniem już istniejącej animacji).

Ujednolicanie właściwości warstwy

  1. W panelu Oś czasu zmień atrybut na jedną klatkę.

  2. Kliknij przycisk Ujednolić położenie warstwy , Ujednolić widoczność warstwy  lub Ujednolić styl warstwy  na panelu Warstwy, aby zmieniony atrybut obowiązywał dla wszystkich pozostałych klatek na aktywnej warstwie.

Propagowanie klatki 1

  1. Na panelu Warstwy wybierz opcję Propaguj klatkę 1.
  2. W panelu Oś czasu zmień atrybut na pierwszą klatkę.

    Zmieniony atrybut zostanie zastosowany (w sposób względny) do wszystkich kolejnych klatek na warstwie.

Uwaga:

Klatki można również propagować, zaznaczając grupę kolejnych klatek na warstwie z wciśniętym klawiszem Shift i zmieniając atrybut w jednej z zaznaczonych klatek.

Pokazywanie lub ukrywanie przycisków ujednolicania warstwy

  1. Z menu panelu Warstwy wybierz polecenie Opcje animacji, a następnie wybierz jedną z poniższych opcji:

    Automatycznie

    Wyświetla przyciski ujednolicania warstw, gdy jest otwarty panel Oś czasu.

    Zawsze pokazuj

    Wyświetla przyciski ujednolicania warstw niezależnie od tego, czy panel Oś czasu jest otwarty czy zamknięty.

    Zawsze ukrywaj

    Ukrywa przyciski ujednolicania warstw niezależnie od tego, czy panel Oś czasu jest otwarty czy zamknięty.

Kopiowanie klatek z właściwościami warstw

Aby zrozumieć, co dzieje się podczas kopiowania i wklejania klatki, należy przyjąć, że klatka jest powieloną wersją obrazu z określoną konfiguracją warstw. Podczas kopiowania klatki kopiowana jest konfiguracja warstw (włącznie z ustawieniami widoczności, położenia i innych właściwości każdej warstwy). Podczas wklejania klatki opisana konfiguracja warstw jest stosowana do klatki docelowej.

  1. W panelu Oś czasu zaznacz przynajmniej jedną klatkę, którą chcesz skopiować.

  2. Z menu panelu wybierz polecenie Kopiuj klatki.
  3. Zaznacz klatkę lub klatki docelowe animacji (bieżącej lub innej).
  4. Z menu panelu wybierz polecenie Wklej klatki.
  5. Wybierz metodę wklejania:

    Zastąp klatki

    Zaznaczone klatki są zastępowane klatkami skopiowanymi. Nie są dodawane nowe warstwy. Właściwości każdej z istniejących warstw w klatkach docelowych są zastępowane właściwościami skopiowanych warstw. Przy wklejaniu klatek pomiędzy obrazami, do obrazu są dodawane nowe warstwy, ale w nowych klatkach widoczne są tylko warstwy wklejone (istniejące warstwy zostają ukryte).

    Wklej nad zaznaczeniem

    Zawartość wklejanych klatek jest dodawana w postaci nowych warstw obrazu. Przy wklejaniu klatek do tego samego obrazu liczba warstw obrazu podwaja się. W klatkach docelowych widoczne są nowe wklejone warstwy, a warstwy oryginalne zostają ukryte. W klatkach innych niż docelowe, nowe warstwy wklejone pozostają ukryte.

    Wklej przed zaznaczeniem lub Wklej po zaznaczeniu

    Skopiowane klatki są dodawane przed klatką docelową lub po niej. Przy wklejaniu klatek pomiędzy obrazami do obrazu są dodawane nowe warstwy, ale w nowych klatkach widoczne są tylko warstwy wklejone (istniejące warstwy zostają ukryte).

  6. (Opcjonalnie) Aby połączyć wklejone warstwy na panelu Warstwy, wybierz opcję Połącz dodane warstwy.

    Ta opcja działa tylko w przypadku wklejania klatek do innego dokumentu. Wybierz ją, jeśli wklejone warstwy będą przesuwane jako jeden obiekt.

  7. Kliknij przycisk OK.

Generowanie klatek pośrednich

Angielski odpowiednik terminu wtrącanie, czyli „tweening”, wywodzi się od terminu „in betweening”, który w żargonie specjalistów oznacza tworzenie klatek pośrednich. Technika generowania klatek pośrednich (interpolacja) znacznie skraca czas potrzebny do tworzenia efektów animacji, takich jak stopniowe wyświetlanie i wygaszanie obiektów czy przesuwanie elementów w kadrze. Wygenerowane klatki pośrednie mogą być edytowane oddzielnie.

Polecenie Generuj klatki pośrednie służy do automatycznego dodawania lub modyfikowania serii klatek umieszczonych pomiędzy dwiema istniejącymi klatkami, poprzez równomierne zróżnicowanie atrybutów warstw (położenie, krycie lub parametry efektów) nowych klatek tak, by wywołać wrażenie ruchu. Na przykład, aby wygasić warstwę, należy ustawić jej krycie w klatce początkowej na 100%, a w klatce końcowej na 0%. Po wygenerowaniu klatek pośrednich, krycie warstwy będzie stopniowo zmniejszane w kolejnych klatkach.

Generowanie klatek pośrednich w programie Photoshop
Stosowanie funkcji generowania klatek pośrednich do animowania położenia tekstu

  1. Aby zastosować generowanie klatek pośrednich do określonej warstwy, zaznacz ją na panelu Warstwy.
  2. Zaznaczyć jedną ramkę lub kilka ramek jedna za drugą.
    • Jeśli zaznaczono jedną klatkę, to należy określić, czy ma to być klatka przed, czy za klatkami pośrednimi.

    • Jeśli zaznaczono dwie klatki umieszczone obok siebie, to nowe klatki zostaną umieszczone pomiędzy nimi.

    • Jeśli zaznaczono więcej niż jedną klatkę, to klatki pomiędzy pierwszą zaznaczoną klatką i ostatnią zaznaczoną klatką zostaną zastąpione nowymi klatkami.

    • Jeśli zaznaczona zostanie pierwsza i ostatnia klatka animacji, to klatki zostaną potraktowane jak klatki umieszczone jedna za drugą, a klatki pośrednie zostaną umieszczone za klatką ostatnią. (Metoda ta jest wygodna przy wielokrotnych pętlach w animacji).

  3. Wykonaj jedną z następujących czynności:
    • W panelu Oś czasu kliknij przycisk Wygeneruj klatki pośrednie.

    • Z menu panelu wybierz polecenie Wygeneruj klatki pośrednie.

  4. Określ warstwę lub warstwy, które mają być zmienione w dodawanych klatkach:

    Wszystkie warstwy

    Zmieniane będą wszystkie warstwy zaznaczonej klatki.

    Wybrana warstwa

    Będzie zmieniana tylko aktualnie zaznaczona warstwa.

  5. Określ zmienne atrybuty warstwy:

    Położenie

    Zmiana będzie dotyczyć położenia warstwy. Położenie warstwy w kolejnych klatkach będzie zmieniane stopniowo, od położenia określonego w pierwszej klatce do położenia określonego w ostatniej.

    Krycie

    Zmiana będzie dotyczyć krycia. Krycie w kolejnych klatkach będzie zmieniane stopniowo, od krycia określonego w pierwszej klatce do krycia określonego w ostatniej.

    Efekty

    Zmiana będzie dotyczyć efektów warstwy. Ustawienia efektów w kolejnych klatkach będą zmieniane stopniowo, od ustawień określonych dla pierwszej klatki do ustawień określonych dla ostatniej.

  6. Jeśli w kroku 2 zaznaczono jedną klatkę, należy określić miejsce dodania klatek. Służy do tego menu Wygeneruj klatki pośrednie:

    Następna klatka

    Klatki będą dodawane pomiędzy zaznaczoną klatką i klatką umieszczoną za nią. Ta opcja jest niedostępna, gdy w panelu Oś czasu jest zaznaczona pierwsza klatka.

    Pierwsza klatka

    Klatki będą dodawane pomiędzy ostatnią klatką i pierwszą klatką. Ta opcja jest dostępna tylko pod warunkiem, że w panelu Oś czasu jest zaznaczona ostatnia klatka.

    Poprzednia klatka

    Klatki będą dodawane pomiędzy zaznaczoną klatką i klatką umieszczoną przed nią. Ta opcja nie jest dostępna, gdy w panelu Oś czasu jest zaznaczona ostatnia klatka.

    Ostatnia klatka

    Klatki będą dodawane pomiędzy pierwszą klatką i ostatnią klatką. Ta opcja jest dostępna tylko pod warunkiem, że w panelu Oś czasu jest zaznaczona pierwsza klatka.

  7. Wprowadź wartość w polu Klatki do dodania lub zmień liczby w klatkach za pomocą strzałek w górę i w dół. (Ta opcja jest niedostępna, jeżeli zaznaczono więcej niż dwie klatki).
  8. Kliknij przycisk OK.

Dodawanie nowej warstwy dla każdej klatki

Polecenie Dodaj nową warstwę dla każdej nowej klatki automatycznie dodaje nową warstwę widoczną w nowej klatce, ale ukrytą we wszystkich innych klatkach. Opcja ta pozwala zaoszczędzić sporo czasu, zwłaszcza podczas tworzenia animacji wymagających dodawania nowych elementów wizualnych do wszystkich klatek.

  1. Wybierz opcję Utwórz nową warstwę dla każdej nowej klatki z menu panelu Oś czasu.

    O zaznaczeniu opcji informuje znacznik.

Ukrywanie warstw w klatkach animacji

Nowo utworzona warstwa jest domyślnie widoczna we wszystkich klatkach animacji.

  • Aby wyświetlać nowe warstwy tylko w aktywnych klatkach, należy usunąć zaznaczenie opcji Nowe warstwy widoczne we wszystkich klatkach w menu panelu Oś czasu.

  • Aby ukryć warstwę w określonej klatce, zaznacz tę klatkę i ukryj odpowiednią warstwę w panelu Warstwy.

Określanie opóźnienia w animacjach klatkowych

Opóźnienie, czyli czas, przez jaki wyświetlana jest klatka, można ustawiać dla pojedynczych klatek lub dla wielu klatek w animacji. Czas opóźnienia jest wyświetlany w sekundach. Ułamki sekund są wyświetlane w postaci dziesiętnej. Na przykład, jedna czwarta sekundy jest określona jako 0,25. Jeśli ustawi się opóźnienie bieżącej klatki, to wartość ta zostanie zapamiętana i będzie stosowana do kolejno tworzonych klatek.

  1. Zaznacz przynajmniej jedną klatkę w panelu Oś czasu.

  2. Kliknij wartość Opóźnienie pod zaznaczoną klatką, aby wyświetlić menu podręczne.
  3. Określ czas opóźnienia:
    • Wybierz wartość z wysuwanego menu. (Ostatnia z używanych wartości jest widoczna na dole menu).

    • Wybierz opcję Inna, wpisz wartość w oknie Ustaw opóźnienie klatki i kliknij OK. Jeśli zaznaczono kilka klatek, to określenie wartości opóźnienia dla jednej z zaznaczonych klatek jest stosowane do wszystkich klatek.

Wybieranie opcji zwalniania klatek

Opcja znikania klatek decyduje o tym, czy klatka bieżąca ma zniknąć przed wyświetleniem klatki następnej. Opcja znikania jest określana dla animacji z przezroczystym tłem, w której klatka bieżąca może być widoczna spod obszarów przezroczystych klatki następnej.

Opcje znikania klatek w programie Photoshop
Opcje znikania klatek

A. Klatka z przezroczystym tłem i zaznaczoną opcją Przywróć do tła B. Klatka z przezroczystym tłem i opcją Nie rozmieszczaj 

Ikona metody znikania wskazuje, czy dla klatki ustawiono opcję Nie rozmieszczaj  czy Rozmieść . Ikony nie są wyświetlane, jeśli opcja znikania jest ustawiona na Automatycznie.

  1. Zaznacz wybrane klatki, dla których chcesz ustawić opcje znikania.
  2. Kliknij miniaturkę klatki prawym przyciskiem myszy (Windows) lub przytrzymując klawisz Control (Mac OS), aby wyświetlić menu kontekstowe Opcja znikania.
  3. Wybierz opcję znikania:

    Automatycznie

    Opcja znikania klatki bieżącej jest wybierana automatycznie, jeśli klatka następna zawiera warstwy przezroczyste. W przypadku większości animacji, domyślna opcja Automatycznie daje pożądane rezultaty.

    Uwaga:

    Aby zachować klatki zawierające przezroczystość, zaznacz opcję Automatyczne usuwanie, gdy korzystasz z opcji optymalizacji „Usuwanie nadmiarowych pikseli”.

    Nie rozmieszczaj

    W czasie wyświetlania klatki następnej klatka bieżąca nie znika. Klatka bieżąca (i klatki poprzednie) mogą być widoczne pod przezroczystymi obszarami klatek następnych. Gdy jest używana opcja Nie usuwaj, animację należy przejrzeć w przeglądarce.

    Rozmieść

    Przed wyświetleniem klatki następnej, klatka bieżąca znika całkowicie. Wyświetlana jest tylko jedna klatka, a klatka bieżąca nie jest widoczna spod przezroczystych obszarów klatki następnej.

Określanie opcji pętli w animacjach klatkowych

Zaznaczenie opcji pętli pozwala określić, ile razy sekwencja animacji ma być powtarzana podczas odtwarzania.

  1. Kliknij pole wyboru opcji powtarzania w lewym dolnym rogu panelu Oś czasu.

  2. Wybierz liczbę powtórzeń: Jednokrotnie, 3 razy, Bez ograniczeń lub Inne.
  3. Jeśli wybrana została opcja Inne, wpisz odpowiednią wartość w oknie dialogowym Ustaw liczbę powtórzeń i kliknij OK.
    Uwaga:

    Opcje powtarzania można także ustawić w oknie dialogowym Zapisz dla Internetu. 

Usuwanie całej animacji

  1. Z menu panelu Oś czasu wybierz polecenie Usuń animację.


Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?