Animácia Photoshop - Animácia grafiky
V tomto tutoriále pre Photoshop budeme pokračovať vo vytváraní animácie pre našu šablónu titulného videa na Facebooku. Na obrazovku oživíme druhú fotografiu.

V tejto chvíli máme na obrazovke prvú fotografiu a dva riadky textu. V scéne 2 presunieme druhú fotografiu na obrazovku. Pretože tento obrázok bude na vrstve nad prvou fotografiou, úplne pokryje prvú fotografiu.

Po prekrytí prvej fotografie už viac nepotrebujeme. Orezáme teda stopu tejto fotografie, a preto ju odstránime z obrazovky. Aby sme túto scénu ukončili, vybledneme text, aby sme pripravili druhú skupinu textu, ktorá sa rozplynie.

Scéna 2 snímka po snímke

Časový kód (0: 00: 05: 00) Po piatich sekundách na časovej osi sa druhá zástupná grafika posunie na obrazovku. (trvanie: 0,5 s)

Časový kód (0: 00: 07: 00) Po siedmich sekundách na časovej osi sa dva riadky textu stratia. (trvanie: 0,5 s)

Otvorte svoj projekt vo Photoshope a choďte na časovú os. Ako vidíte, druhá zástupná grafika je na vrstve nad prvou grafikou. V tomto bode trakt predlžuje celé trvanie časovej osi. Tento obrázok však nepotrebujeme viditeľný do piatich sekúnd na časovej osi. Orezajme teda skladbu v Timecode (0: 00: 05: 00). Toto bude východisková pozícia snímky v animácii.

  1. Ak je to potrebné, zapnite viditeľnosť systému [Obrázok na pozadí - 2] vrstva na paneli Vrstvy.

  2. Presuňte Playhead na Timecode 0: 00: 05: 00 (pozri obrázok).

  3. Kliknite na ľavý okraj zástupnej grafickej stopy a na časovej osi potiahnite doprava na päť sekúnd.

    Fotografie musíme presunúť úplne mimo pravého okraja obrazovky. Toto bude východisková pozícia pre animáciu fotografie na obrazovke (pozri obrázok).

  4. Ak chcete grafiku presunúť na počiatočnú pozíciu animácie, vyberte vrstvu, kliknite na položku Upraviť - transformácia zadarmo a ťahajte grafiku, až kým nebude úplne mimo obrazovky.

  5. Rozbaľte [Obrázok na pozadí - 2] vrstvu a kliknutím na vlastnosť Stop Watch for Transform nastavte kľúčový rámec počiatočnej pozície (pozri snímku obrazovky).

    Teraz animujme druhú grafiku späť na obrazovku.

  6. Presuňte Playhead na Timecode 0: 00: 05: 15. Presuňte grafiku späť na obrazovku tak, aby sa zhodovala s pravými okrajmi.

    Mali by ste vidieť, že sa do vlastnosti Transform pridal druhý kľúčový rámec.

  7. Nakoniec skrátime trvanie skladby originálu [Obrázok na pozadí] spodná vrstva. Potiahnite pravý okraj stopy do časového kódu 0: 00: 07: 00.

    Ok, teraz poďme na text. V tomto okamihu textové vrstvy stále končia na predvolených päť sekúnd. Naším prvým krokom je rozšírenie skladieb.

  8. Presuňte Playhead na Timecode (0: 00: 07: 15), čo je koniec animácie vyblednutia (pozri obrázok).

  9. Potiahnutím pravého okraja každej textovej stopy sa stopy rozbalia na časový kód (0: 00: 07: 15).

    Toto bude koncový rámec pre postupnú animáciu. Najprv však musíme nastaviť počiatočný rámec.

  10. Presuňte Playhead na Timecode (0: 00: 07: 00).

  11. Otvorte zoznam Vlastnosti Obchodné meno a Typ podnikania textové vrstvy.

  12. Pre obidve textové vrstvy kliknite na ikonu Stopky pre vlastnosť Opacity a nastavte počiatočnú nepriehľadnosť pre animáciu, ktorá je v tomto okamihu 100% (pozri snímku obrazovky).

  13. Presuňte prehrávač Playhead späť na časový kód (0: 00: 07: 15) a znížte krytie dvoch textových vrstiev na paneli Vrstvy na 0%.

    Mali by ste vidieť dva koncové kľúčové snímky, ktoré sa pridajú na časovú os (pozri obrázok).

Otestujte svoju animáciu a uložte súbor.

Späť | Ďalšie

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti Adobe Systems Incorporated. Adobe, Photoshop je / sú registrovanou ochrannou známkou (značkami) alebo ochrannou známkou (značkami) spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.


Video Návody: Adobe Photoshop Cs5 Animácia, pohyblivý gif obrázok Sk.Cz Tutoriál [HD] (Marec 2024).