Animace Photoshopu - Animační text

• Duben 19, 2024

V tomto tutoriálu Photoshopu začneme animovat designové prvky v naší šabloně titulního videa na Facebooku. Každý prvek je ve své vlastní vrstvě, takže je můžeme ovládat jednotlivě.

Jak vidíte v tomto bodě, máme dvě zástupné grafické vrstvy ve spodní a osm zástupných textových vrstev (viz snímek obrazovky). Grafické vrstvy jsme již rozšířili na celkové trvání (20 sekund) pro naše video, ale textové vrstvy jsou stále nastaveny na výchozí pět sekund (viz obrázek). To je zatím v pořádku, protože tyto stopy budeme posouvat podle časové osy podle potřeby. Prozatím vypneme viditelnost (ikona oka v panelu Vrstvy) všech vrstev kromě spodní vrstvy.

Scéna 1 snímek po snímku

Časový kód (0: 00: 00: 00) Snímek 1: Video začne se spodní grafikou na pozadí viditelnou.

Časový kód (0: 00: 01: 00) Snímek 30: Jedna sekunda (30 snímků) po začátku videa Obchodní jméno text zmizí na obrazovku. (trvání: 0,5 s)

Časový kód (0: 00: 02: 00) Frame 60: Dvě sekundy po začátku videa, Typ podnikání text zmizí. (doba trvání: 0,5 s)

To vše uděláme na panelu Časová osa.

V panelu Časová osa má každá textová vrstva své vlastní vlastnosti, které můžeme animovat.


1. Rozbalte vrstvu Textová skupina v panelu Časová osa a zobrazte všechny vrstvy textu (viz obrázek).
   
   
2. Přesuňte Playhead do Timecode (0: 00: 01: 00) a přetáhněte levý okraj každé textové vrstvy na Playhead. Díky tomu budou textové vrstvy neviditelné až do časového kódu (0: 00: 01: 00).
   
   
3. Rozbalte Obchodní jméno textová vrstva pro zobrazení seznamu vlastností. S Playhead v Timecode (0: 00: 01: 00) klikněte na ikonu Stopky pro vlastnost Opacity.
   
   Měli byste vidět (viz obrázek) malý žlutý klíčový snímek přidaný do vlastnosti Opacity. Tím nastavíte začátek této animace textové vrstvy.
   
   
4. Posuňte 15 rámečků Playhead doprava. Časový kód (0: 00: 01: 15)
   
   
5. Pouze s Obchodní jméno vrstva vybraná, klepněte na malý trojúhelník pro vlastnost Opacity v seznamu vlastností a přidejte druhý klíčový snímek.
   
   Nyní byste měli mít dva klíčové snímky pro vlastnost Opacity.
   
   V tomto okamžiku je text stále viditelný na obou místech klíčových snímků. Skryjme text na prvním snímku tohoto mizení v animaci.
   
   
6. Přesuňte přehrávací hlavu zpět na počáteční snímek. Nyní přejděte na panel Vrstvy a snižte krytí vrstvy na 0%.
   
   Naším posledním úkolem je oživit Typ podnikání text.
   
   
7. Přesuňte Playhead na dvě sekundy na časovém pravítku (02:00) nebo časovém kódu (0: 00: 02: 00). Přetáhněte levý okraj této stopy na Playhead.
   
   
8. Vybrat Typ podnikání text a rozbalením zobrazíte vlastnosti. Opakováním předchozích kroků přidejte dva klíčové snímky a při prvním klíčovém snímku snižte krytí na 0%.
   
   

Přesuňte přehrávací hlavu zpět na začátek časové osy a kliknutím na tlačítko Přehrát otestujte animaci. Uložte svou práci.

V dalším tutoriálu použijeme vlastnost Transformovat k animaci druhé zástupné grafiky.

Zpět | další

Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společnosti Adobe Systems Incorporated. Adobe, Photoshop je / jsou registrované ochranné známky nebo ochranné známky společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: Efektní animace textu a kouře – Text And Smoke Photoshop Animation (Duben 2024).