Jak vytvořit gif animaci ve Photoshopu

Anonim

Jak vytvořit animaci GIF v Adobe Photoshopu

Metoda 1: Ruční animace objektů

První metoda je vhodná pro ty uživatele, kteří chtějí aplikovat Adobe Photoshop pro ruční animaci přidané do vrstev plátna. To může být libovolná geometrická postava, připraven obrázek nebo text. Ačkoli tento grafický editor není zcela vhodný pro provádění takového úkolu, s vytvořením jednoduchého GIF, který se bude vyrovnat a můžete tento proces oddělit pro několik kroků.

Krok 1: Zapnutí "Měřítko času"

Animace v Adobe Photoshopu dochází k použití umístění a úpravy objektů v časovém měřítku ". Ve výchozím nastavení je toto okno skryté v programu, protože se nepoužívá ve standardním pracovním prostředí. Chcete-li jej aktivovat, otevřete nabídku "Okno" a klepněte na "Časová stupnice".

Zapnutí časového měřítka pro vytvoření animace v Adobe Photoshopu

Níže se zobrazí nový panel, ke kterému budeme dále odkazovat. Po práci s GIF můžete jej znovu skrýt pomocí stejného tlačítka v uvedené nabídce.

Úspěšné časové stupnice Inkluzi pro vytváření animace v Adobe Photoshopu

Krok 2: Příprava prvků pro gif

Jak již bylo zmíněno dříve, Photoshop vám umožňuje ovládat všechny vrstvy, včetně textu, obrázků a vytvořených geometrických tvarů. Chcete-li začít, musí prvky přidat do plátna, vytváření nového projektu. Umístěte každý z nich do samostatné vrstvy, aby nedošlo k problémům s dalšími úpravami. Jakmile je přípravné práce dokončeno, přejděte na další krok.

Příprava objektů před vytvářením animace v Adobe Photoshopu

Krok 3: Nastavení efekt vzhledu

Existuje několik základních animačních akcí, které lze implementovat v grafickém editoru, a efekt jakýkoliv prvek se zobrazí zde. Navrhuje se to zvážit, aby se zároveň vypořádal s tím, jak komunikovat s "měřítkem času" a jak jsou klíčové body spojeny s ním.

  1. Přejděte do provozu s mistrovským panelem a klikněte na tlačítko "Vytvořit časové pásmo pro video".
  2. Vytváření nových animovaných stop v aplikaci Adobe Photoshop Graphic Editor

  3. Každá vrstva se vejde na samostatnou stopu, což znamená, že si můžete vybrat některý z nich a pokračovat na úpravu.
  4. Umístění každé vrstvy na animační trať v Adobe Photoshopu

  5. V našem případě zvažte malé logo. Rozbalte svou vrstvu a zobrazte všechny dostupné animační akce.
  6. Výběr vrstvy pro vytváření animace v aplikaci Adobe Photoshop

  7. V příkladu nastavujeme efekt vzhledu implementovaného pomocí funkce "Opacity". Kliknutím na tento řádek vytvořte první klíčový bod, a bude si pamatovat, jaký stav je aktuálně objekt.
  8. Vytvoření prvního klíče při práci s animací v Adobe Photoshopu

  9. Být v tomto kontrolním stanovišti změnit jeho opacity na 0%, aby se zcela schovával před pracovním prostranstvím.
  10. Změňte krytí objektu při práci s animací v Adobe Photoshopu

  11. Posuňte posuvník na několik sekund a vytvořte jiný bod a poté odšroubujte krytí zpět o 100%.
  12. Vytvoření druhého klíče a změnu opacity objektu v aplikaci Adobe Photoshop

  13. Zahrajte si animaci a podívejte se na okno náhledu, abyste se seznámili s výsledkem. Dva klíčové body jsme dosáhli účinku vzhledu změnou funkcí opacity objektu v každém z nich.
  14. Přehrávání animace pro prohlížení při editaci v Adobe Photoshopu

Stejným způsobem můžete změnit libovolný parametr objektu, včetně barvy, pozice, překrytí efektů a všeho, co je v aplikaci Adobe Photoshop. Stojí za to zvážit zvláštnost díla klíčů. Vyberte si některý z tratí, ať už je to "pozice", "Opacity" nebo "Style", a udělat tam nějakou změnu. Bude stále aplikovat bez ohledu na typ akce, s níž se v dalším kroku ujistíme.

Krok 4: Object Přesunout animaci

Základem animace je pohyb, takže navrhujeme demontovat nastavení této akce na příkladu několika klíčů a základního typu pohybu.

  1. Jako pohyblivý objekt používáme text, zároveň zkontrolujeme popsané informace dříve. Rozbalte blok s vrstvou pro vzhled pomocných stop.
  2. Vyberte druhou vrstvu pro vytvoření animace v Adobe Photoshopu

  3. Je vidět, že program nefungoval funkci "pozice", takže musíte vybrat jinou možnost.
  4. Výběr nové skladby pro animační pohyb v Adobe Photoshopu

  5. Pokud si nejste jisti, že "perspektiva" v této animaci nebude použit, znamená to, že můžete použít tento řetězec pro změnu polohy textu. Vytvořte první klíč a umístěte nápis do počáteční polohy pomocí nástroje "Pohyb".
  6. Vytvoření prvního klíče pro animaci pohybu v Adobe Photoshopu

  7. Vytvořte po sobě jdoucí klíčové body, málo pohybem textu do konečné polohy, aby bylo zajištěno hladkost pohybu.
  8. Vytvoření dalších klíčových bodů při animaci provozu v Adobe Photoshopu

  9. Pravidelně reprodukovat animaci a upravit klíče ke zlepšení hladkosti.
  10. Reprodukce animace při práci s pohyby v Adobe Photoshopu

  11. Pokud jsou klíče nepohodlné pracovat v současné době časové osy, změňte jeho měřítko nebo zvýší cyklus a přidejte nové body.
  12. Úprava animační oblasti v Adobe Photoshopu

  13. Pokud potřebujete nahradit nebo přidat objekt, stiskněte tlačítko ve formě plus.
  14. Přidávání prvků pro animaci v časovém měřítku v Adobe Photoshopu

Krok 5: Ukládání počítače GIF

Jakmile je animace dokončena, měli byste pokračovat, abyste projekt uložili ve formě souboru GIF pro odeslání sítě nebo přehrávání v místním počítači. K tomu má Adobe Photoshop dvě různé funkce.

  1. Otevřete nabídku Soubor, přesuňte kurzor na "Export" a vyberte možnost "Uložit pro web". Pokud nepotřebujete další nastavení animace, použijte "Uložit jako" a zadejte správný formát v rozevírací nabídce.
  2. Přechod na uchování hotového animace v Adobe Photoshopu

  3. Při exportu naleznete formát GIF.
  4. Výběr formátu animace před uložením v Adobe Photoshopu

  5. Pokud to nebylo provedeno dříve, změňte barvu substrátu.
  6. Vyberte barvu animačního substrátu před jeho uložením v aplikaci Adobe Photoshop

  7. Upravte velikost obrazu a počet opakování.
  8. Před zachováním v aplikaci Adobe Photoshop vyberte velikost animace

  9. Před kliknutím na tlačítko "Uložit" znovu zkontrolujte správnost vybraných parametrů.
  10. Potvrzení ochrany animace v Adobe Photoshopu

  11. Nastavení názvu souboru, zadejte pro něj cestu Uložit a potvrďte tuto akci.
  12. Výběr místa pro uložení animace v Adobe Photoshopu

Otevřete GIF prostřednictvím prohlížeče nebo jiného vhodného nástroje pro kontrolu správnosti přehrávání, po kterém lze proces tvorby považovat za dokončený.

Metoda 2: Vytvoření gif z fotografie

Adobe Photoshop umožňuje vytvořit gif ze stávajících fotografií. To může být jako ořezové rámce z videa a speciálně vytvořených sekvenčních snímků. Proces vytvoření animace v tomto případě je mnohem jednodušší než předchozí, protože nevyžaduje ruční tvorbu klíčových bodů.

  1. V "Časové měřítko" tentokrát změníte režim "vytvořit animaci rámečku" výběrem této možnosti v rozevírací nabídce.
  2. Vyberte druhý režim vytvoření animace v aplikaci Adobe Photoshop

  3. Otevřete "soubor", přesuňte kurzor přes "skripty" a klikněte na položku "Stáhnout soubory do zásobníku".
  4. Přechod na přidání obrázků vytvořit animaci v Adobe Photoshopu

  5. V zobrazeném okně klepněte na tlačítko "Přehled".
  6. Pomocí nástroje Quick Add Image pro vytvoření animace v aplikaci Adobe Photoshop

  7. Okamžitě si stáhněte všechny fotografie, které by měly být zahrnuty do animace.
  8. Přidání více obrázků vytvořit animaci v Adobe Photoshopu

  9. Pokud je chcete nastavit, aktivujte tuto funkci před přidáním.
  10. Pomocí volby zarovnání obrazu při vytváření animace v aplikaci Adobe Photoshop

  11. Pomocí tlačítka "Vytvořit snímek animace" vytvoří animaci.
  12. Začněte vytvářet animaci z obrázků v aplikaci Adobe Photoshop

  13. Rozbalte nabídku Akce a vyhledejte položku "Vytvořit rámečky z vrstev", abyste přidali další obrázky.
  14. Přidání všech snímků jako snímky pro animaci v Adobe Photoshopu

  15. Upravte svou sekvenci změnou záběry podle míst, pokud by to byla potřeba vznikla.
  16. Úspěšné přidávání obrázků jako rámečky pro animaci v Adobe Photoshopu

  17. Chcete-li rozšířit každého přehrávání snímku, použijte zpoždění nebo jej nakonfigurujte, pokud je s vámi spokojena rychlost přehrávání.
  18. Úprava rychlosti reprodukce animace v Adobe Photoshopu

  19. Před uložením zkontrolujte přehrávání a vytvořte GIF, jak bylo uvedeno v konečné fázi předchozí metody.
  20. Úspěšná vytváření animace v aplikaci Adobe Photoshop z jednotlivých snímků

Pokud se po přečtení pokynů rozhodnete, že Adobe Photoshop není vhodný pro implementaci zamýšlené animace, doporučujeme vám seznámit s jinými programy navrženými pro práci s GIF. Podrobný přehled o populárních představitelích takového softwaru je v samostatném článku na našich webových stránkách.

Přečtěte si více: nejlepší software pro vytváření animace

Přečtěte si více