Photoshop Animation - Grafikus animáció

• Lehet 2, 2024

Ebben a Photoshop oktatóanyagban folytatjuk az animáció létrehozását a Facebook videofedélsablonunkhoz. Egy második fényképet animálunk a képernyőn.

Ezen a ponton van az első fénykép a képernyőn, valamint két sor szöveg. A 2. jelenetben a második képet áthelyezzük a képernyőre. Mivel ez a kép az első fénykép felett egy rétegen helyezkedik el, teljesen lefedi az első képet.

Miután lefedte az első fényképet, nincs rá szükség. Tehát kivágjuk ennek a fényképnek a pályáját, és ezért eltávolítjuk a képet a képernyőn. Ennek a jelenetnek a befejezéséhez elhalványítjuk a szöveget, felkészülve arra, hogy a szöveg második csoportja elhalványuljon.

2. jelenet Keretenként

Időkód (0: 00: 05: 00) Az idővonal öt másodpercénél a második helyőrző grafika rácsúszik a képernyőre. (időtartam: .5 mp)

Időkód (0: 00: 07: 00) Az idővonal hét másodpercénél a szöveg két sorja elhalványul. (időtartam: .5 mp)

Nyissa meg projektjét a Photoshopban, és lépjen az Idővonalra. Mint láthatja, a második helyőrző grafika az első grafika feletti rétegen található. Ezen a ponton a traktus meghosszabbítja az Idővonal teljes időtartamát. De nincs szükségünk erre a képre, amíg öt másodpercig nem látható az Idővonalon. Vágjuk le a sávot a Timecode-on (0: 00: 05: 00). Ez lesz a dia kezdőpontja az animációban.

1. Ha szükséges, kapcsolja be a [Háttérkép itt - 2] réteg a Rétegek panelen.
   
   
2. Vigye a játékot 0: 00: 05: 00 időkódra (lásd a képernyőképet).
   
   
3. Kattintson a helyőrző grafikus sávjának bal szélére, és húzza jobbra öt másodpercre az Idővonalban.
   
   A fényképet teljesen le kell helyeznünk a képernyő jobb szélétől. Ez lesz a fénykép képernyőn történő animálásának kiindulópontja (lásd a képernyőképet).
   
   
4. Ha a grafikát az animáció kiindulási helyzetébe szeretné helyezni, válassza ki a réteget, kattintson a Szerkesztés - Ingyenes transzformáció elemre, és húzza a grafikát, amíg az teljesen el nem tűnik a képernyőn.
   
   
5. Bontsa ki a [Háttérkép itt - 2] rétegre kattintva kattintson a Stop Watch elemre az Átalakítás tulajdonsághoz, hogy beállítsa a kezdő pozíció kulcsképét (lásd a képernyőképet).
   
   Most animáljuk a képernyő második felét.
   
   
6. Vigye a játékot 0: 00: 05: 15 időkódra. Helyezze vissza a grafikát a képernyőre, a jobb szélekhez igazítva.
   
   Látnia kell a második kulcskeretet hozzáadva az Átalakítás tulajdonsághoz.
   
   
7. Végül rövidítsük le az eredeti műsorszám időtartamát [Háttérkép itt] alsó réteg. Húzza a sáv jobb szélét a 0: 00: 07: 00 időkódra.
   
   Ok, most töröljük a szöveget. Ezen a ponton a szövegrétegek továbbra is az alapértelmezett öt másodpercig végződnek. Első lépésünk a sávok kibővítése.
   
   
8. Vigye a lejátszófejet az időkódra (0: 00: 07: 15), amely a fade out animáció vége (lásd a képernyőképet).
   
   
9. Húzza az egyes szövegrészek jobb szélét, hogy kibővítse a számokat az Időkódra (0: 00: 07: 15).
   
   Ez lesz a fake out animáció záró kerete. De először meg kell állítanunk a kezdő keretet.
   
   
10. Vigye a lejátszófejet az időkódra (0: 00: 07: 00).
    
    
11. Nyissa meg a Tulajdonságok listát a Vállalkozás neve és Üzleti típus szövegrétegek.
    
    
12. Mindkét szövegréteghez kattintson az Átlátszóság tulajdonság Stop ikonjára, hogy beállítsa az animáció kezdő átlátszóságát, amely ezen a ponton 100% (lásd a képernyőképet).
    
    
13. Helyezze vissza a lejátszófejet az időkódhoz (0: 00: 07: 15), és csökkentse a Rétegek panelen lévő két szövegréteg átlátszatlanságát 0% -ra.
    
    Látnia kell, hogy a két végkulcs hozzáadódik az Idővonalhoz (lásd a képernyőképet).
    
    

Tesztelje animációját, és mentse el a fájlt.

Vissza | Következő

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. Az Adobe, a Photoshop vagy bejegyzett védjegye (i) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.

Video Utasításokat: Photoshop tutorial: Animating wings with Puppet Warp | lynda.com (Lehet 2024).