Photoshop Animation - Szöveg animálása

• Lehet 4, 2024

Ebben a Photoshop oktatóanyagban megkezdjük a tervezési elemek animálását a Facebook videofedél sablonjában. Minden elem a saját rétegén van, így külön-külön vezérelhetjük őket.

Mint láthatja ezen a ponton, az alján két helyőrző grafikus réteg és nyolc helyőrző szövegréteg van (lásd a képernyőképet). A grafikus rétegeket már kibővítettük a videónk teljes időtartamára (20 másodperc), de a szövegrétegeket továbbra is az alapértelmezett öt másodpercre állítjuk be (lásd a képernyőképet). Egyelőre rendben van, mivel ezeket a sávokat szükség szerint az Idővonal mentén mozgatjuk. Most pedig kapcsoljuk ki az alsó réteg kivételével az összes réteg láthatóságát (Szem ikon a Rétegek panelen).

1. kép 1. képkockánként

Időkód (0: 00: 00: 00) 1. képkocka: A videó akkor kezdődik, amikor az alsó háttérkép látható.

Időkód (0: 00: 01: 00) 30. képkocka: Egy másodperc (30 képkocka) a videó megkezdése után, a Vállalkozás neve a szöveg elhalványul a képernyőn. (időtartam: .5 mp)

Időkód (0: 00: 02: 00) 60 képkocka: Két másodperccel a videó elindítása után, a Üzleti típus a szöveg elhalványul. (időtartam: .5 mp)

Mindezt az Idővonal panelen tesszük meg.

Az Idővonal panelen minden szövegrétegnek megvannak a saját tulajdonságai, amelyeket animálhatunk.


1. Bontsa ki az Idősáv panelen található Szövegcsoport réteget, hogy az összes szövegréteg megjelenjen (lásd a képernyőképet).
   
   
2. Vigye a lejátszófejet az időkódra (0: 00: 01: 00), és húzza az egyes szövegrétegek bal szélét a lejátszófejbe. Ez a szövegrétegeket az időkódig (0: 00: 01: 00) láthatatlanná teszi.
   
   
3. Bontsa ki a Vállalkozás neve szövegréteg a tulajdonságok listájának megjelenítéséhez. Az időkódban lévő lejátszófejjel (0: 00: 01: 00) kattintson az Opacity tulajdonság Stop jel ikonjára.
   
   Látnia kellene (lásd a képernyőképet) egy kis sárga kulcsot, amelyet hozzáadtak az Opacity tulajdonsághoz. Ez állítja be a szövegréteg animációjának kezdetét.
   
   
4. Mozgassa a Playhead 15 keretet jobbra. Időkód (0: 00: 01: 15)
   
   
5. Csak a Vállalkozás neve a kiválasztott rétegre kattintva kattintson a tulajdonságok listáján az Opacitás tulajdonság kicsi háromszögére egy második kulcskép hozzáadásához.
   
   Most két kulcskerettel kell rendelkeznie az Opacitás tulajdonságnál.
   
   Ezen a ponton a szöveg továbbra is látható mindkét kulcskeret helyén. Rejtsük el a szöveget ennek a fade első képének animációjában.
   
   
6. Helyezze vissza a lejátszófejet a kezdő keretbe. Most menjen a Réteg panelre, és csökkentse a réteg átlátszatlanságát 0% -ra.
   
   Utolsó feladatunk a Üzleti típus szöveg.
   
   
7. Vigye a lejátszófejet az idő vonalzó (02:00) vagy az időkód (0: 00: 02: 00) két másodperces jelére. Húzza a műsorszám bal szélét a lejátszófejbe.
   
   
8. Válaszd ki a Üzleti típus szöveget és bontsa ki a tulajdonságok megjelenítéséhez. Ismételje meg az előző lépéseket a két kulcskép hozzáadásához és az Opacity 0% -ra csökkentéséhez az első kulcsképnél.
   
   

Vigye a lejátszófejet az idővonal elejére, és kattintson az Play gombra az animáció teszteléséhez. Mentsd el a munkádat.

A következő oktatóanyagban a Transform tulajdonságot használjuk a második helyőrző grafika animálására.

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: How to Make Lower Third Animation in Photoshop (Lehet 2024).