Morphing Text ve animaci Photoshopu

• Smět 4, 2024

Zatím v tomto probíhajícím Photoshopu^R V rámci animačního projektu jsme pro blinkie vytvořili efekt fade text a jednoduchou orámovanou textovou animaci. V naší animaci máme 47 snímků. Nyní upravíme text ve vrstvě J3 Designs (název webu) pomocí funkce Pokřivený text Photoshopu a palety Animace.

1. Abychom se připravili na morfii názvu webu, musíme přidat nový rámec (snímek 48) a nastavit dobu trvání zpět na 0,1 sekundy. Budeme také muset vypnout viditelnost Návrhář a pro vrstvy. Poté zapněte viditelnost Vzory J3 (název webových stránek) v paletě Vrstvy.
   
   
2. Teď můžeme začít morfovat. Přidejte nový rámeček (snímek 49) do palety Animace. Vraťte se na blinkie a vyberte text „J3 Designs“ pomocí nástroje Text. To vám umožní použít tlačítko Warp Text. Klepnutím na tlačítko otevřete dialogové okno Text pokřivení. Nastavte rozevírací seznam Styl na Fish, přepínač na Horizontal a posuvníky udržujte na 0. Zavřete dialogové okno.
   
   
3. Chcete-li nastavit koncový snímek pro první polovinu animace morph, přidejte nový snímek (snímek 50). Vyberte text znovu a otevřete dialogové okno Text pokřivení. Posuňte jezdec Ohyb na 100 a zavřete dialogové okno.
   
   
4. Chcete-li vytvořit animaci morf, vyberte Frames 49 and 50. Frames 49 and 50. Z nabídky palety zvolte Tween. Nastavte počet snímků na 5 a klikněte na OK. Photoshop přidá doplněné snímky. V animaci budete mít 55 snímků.
   
   
5. Nyní se vraťme opačně s morfou. Přidejte nový snímek (snímek 56). Vyberte text a otevřete dialogové okno Text pokřivení. Nastavte posuvník Ohyb zpět na 0 a zavřete dialogové okno. Vyberte snímky 55 a 56 a vytvořte další doplnění s dobou trvání 5 snímků. Photoshop přidá doplněné snímky a v paletě Animace byste měli mít 61 snímků.
   
   Nyní zopakujeme poslední dva kroky, ale tentokrát nastavíme posuvník Bend na -100 místo 100.
   
   
6. Přidejte nový rámeček (rámeček 62). Vyberte text a otevřete dialogové okno Text bradavice. Nastavte posuvník Ohyb na -100. Vyberte snímky 61 a 62 a vytvořte další doplnění s dobou trvání 5 snímků. Photoshop přidá doplněné snímky a měli byste mít 67 snímků.
   
   
7. Znovu přidejte nový snímek (Snímek 68) a nastavte posuvník Ohyb zpět na 0. Vyberte Snímky 67 a 68 a vytvořte poslední doplnění. Nyní byste měli mít 73 snímků.
   
   
8. Nakonec chceme, aby animace na 2 sekundy zobrazovala název webu (J3 Designs). Přidejte nový snímek (snímek 74) a nastavte dobu trvání na 2 sekundy.
   
   

Vyberte paletu 1 v paletě Animace a přehrajte animaci. Uložte svůj projekt jako blinkie2.psd. V dalším tutoriálu začneme pohybovat našimi chybami a dokončíme animaci.

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, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst a Flash Paper je / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: Morphing text, shape and image - After Effects tutorial (Smět 2024).