Photoshop Animation - Tekstin animointi

• Huhtikuu 30, 2024

Tässä Photoshop-opetusohjelmassa alamme animoida Facebook-videokuvan kansipohjan sisustuselementtejä. Jokainen elementti on omalla kerroksellaan, joten voimme hallita niitä erikseen.

Kuten tässä vaiheessa voit nähdä, alareunassa on kaksi paikkamerkkigrafiikkakerrosta ja kahdeksan paikkamerkkitekstikerrosta (katso kuvakaappaus). Olemme jo laajentaneet graafisia kerroksia videomme kokonaiskestoon (20 sekuntia), mutta tekstikerrokset on edelleen asetettu viiteen oletusasetukseen (katso kuvakaappaus). Nyt se on OK, koska siirrämme näitä kappaleita aikajanaa pitkin tarpeen mukaan. Sammutaan nyt kaikkien tasojen näkyvyys (Silmäkuvake tasot-paneelissa), paitsi alakerros.

Kohtaus 1 Kehys kehykseltä

Aikakoodi (0: 00: 00: 00) Kehys 1: Video alkaa siten, että alareunan taustakuva on näkyvissä.

Aikakoodi (0: 00: 01: 00) Kehys 30: Yksi sekunti (30 kuvaa) videon alkamisen jälkeen, Yrityksen nimi teksti haalistuu näytölle. (kesto: .5 sekuntia)

Aikakoodi (0: 00: 02: 00) Kehys 60: Kaksi sekuntia videon alkamisen jälkeen, Yritystyyppi teksti haalistuu sisään (kesto: .5 sekuntia)

Teemme kaiken tämän Aikajana-paneelissa.

Aikajana-paneelissa jokaisella tekstikerroksella on omat ominaisuutensa, joita voimme animoida.


1. Laajenna Aikajana-paneelin Tekstiryhmä-tasoa, niin näet kaikki tekstikerrokset (katso kuvakaappaus).
   
   
2. Siirrä toistopää aikakoodiin (0: 00: 01: 00) ja vedä kunkin tekstikerroksen vasen reuna toistopäähän. Tämä tekee tekstikerrokset näkymättömiksi aikakoodiin saakka (0: 00: 01: 00).
   
   
3. Laajenna Yrityksen nimi tekstikerros ominaisuusluettelon näyttämiseksi. Kun Playhead at Timecode (0: 00: 01: 00) on, napsauta Stop Watch -kuvaketta Opacity-ominaisuudesta.
   
   Sinun pitäisi nähdä (katso kuvakaappaus) pieni keltainen avainruutu, joka on lisätty Opacity-ominaisuuteen. Tämä asettaa tämän tekstikerroksen animaation alkamisen.
   
   
4. Siirrä Playhead 15 -kehystä oikealle. Aikakoodi (0: 00: 01: 15)
   
   
5. Vain Yrityksen nimi kerros valittu, napsauta ominaisuusluettelon Opacity-ominaisuuden pientä kolmiota lisätäksesi toisen avainruudun.
   
   Sinulla pitäisi nyt olla kaksi avainkehystä Opacity-ominaisuudessa.
   
   Tässä vaiheessa teksti on edelleen näkyvissä molemmissa avainkehyksen paikoissa. Piilotetaan teksti tämän haalistumisen ensimmäiseen kehykseen animaatiossa.
   
   
6. Siirrä toistopää takaisin alkukehykseen. Siirry nyt kerroksen paneeliin ja laske kerroksen opasiteetti 0 prosenttiin.
   
   Viimeinen tehtävämme on animoida Yritystyyppi teksti.
   
   
7. Siirrä toistopää kahteen toiseen merkkiin aikaviivaimessa (02:00) tai aikakoodissa (0: 00: 02: 00). Vedä tämän kappaleen vasen reuna Playheadiin.
   
   
8. Valitse Yritystyyppi teksti ja laajenna nähdäksesi ominaisuudet. Toista edelliset vaiheet lisätäksesi kaksi avainrunkoa ja vähentää läpinäkymättömyyttä 0%: iin ensimmäisessä avainruudussa.
   
   

Siirrä toistopää takaisin aikajanan alkuun ja testaa animaatio napsauttamalla Toista-painiketta. Tallenna työsi.

Seuraavassa opetusohjelmassa käytämme Muunna-ominaisuutta toisen paikkamerkin grafiikan animointiin.

Takaisin | Seuraava

Tekijänoikeus 2018 Adobe Systems Incorporated. Kaikki oikeudet pidätetään. Adobe-tuotteen näyttökuva (t) uusitaan Adobe Systems Incorporatedin luvalla. Adobe, Photoshop on / on joko [a] rekisteröity tavaramerkki (t) tai Adobe Systems Incorporatedin tavaramerkki (t) Yhdysvalloissa ja / tai muissa maissa.

Video-Ohjeita: How to Animate Text in Adobe Photoshop CC ✍ (Frame Animation) (Huhtikuu 2024).