Photoshop Animation - Grafiikan animointi

• Saattaa 1, 2024

Tässä Photoshop-opetusohjelmassa jatkamme animaation rakentamista Facebook-videokuvan malliin. Animoimme toisen valokuvan näytölle.

Tässä vaiheessa meillä on ensimmäinen valokuva näytöllä, samoin kuin kaksi riviä tekstiä. Kohtauksessa 2 siirrämme toisen valokuvan näytölle. Koska tämä kuva on kerroksessa ensimmäisen valokuvan yläpuolella, se peittää ensimmäisen valokuvan kokonaan.

Kun ensimmäinen valokuva on peitetty, emme tarvitse sitä enää. Joten leikkaamme tämän valokuvan radan ja poistamme sen vuoksi valokuvan näytöltä. Tämän kohtauksen lopettamiseksi haalistamme tekstiä valmistellessaan toisen ryhmän tekstiä häipymään.

Kohtaus 2 Kehys kehykseltä

Aikakoodi (0: 00: 05: 00) Viiden sekunnin kuluttua aikajanalla, toinen paikkamerkkikuva liukuu näytölle. (kesto: .5 sekuntia)

Aikakoodi (0: 00: 07: 00) Seitsemän sekunnin kuluttua aikajanalla, kaksi tekstiriviä katoavat. (kesto: .5 sekuntia)

Avaa projekti Photoshopissa ja mene aikajanalle. Kuten näette, toinen paikkamerkkikuva on kerroksessa ensimmäisen grafiikan yläpuolella. Tässä vaiheessa kanta pidentää aikajanan koko kestoa. Mutta emme tarvitse tätä kuvaa näkyvissä vasta viiden sekunnin ajan aikajanalla. Joten leikataan raita aikakoodissa (0: 00: 05: 00). Tämä on diojen lähtökohta animaatiossa.

1. Kytke tarvittaessa päälle [Taustakuva täällä - 2] kerros Tasot-paneelissa.
   
   
2. Siirrä toistopää aikakoodiin 0: 00: 05: 00 (katso kuvakaappaus).
   
   
3. Napsauta paikanvaraajan graafisen kappaleen vasenta reunaa ja vedä oikealle viiteen sekuntiin aikajanalla.
   
   Meidän on siirrettävä valokuva kokonaan näytön oikeasta reunasta. Tämä on lähtökohta kuvan animoinnille näytölle (katso kuvakaappaus).
   
   
4. Jos haluat siirtää grafiikan animaation aloituspaikkaan, valitse taso, napsauta Edit - Free Transform ja vedä kuvaa, kunnes se on kokonaan näytöltä.
   
   
5. Laajenna [Taustakuva täällä - 2] kerros ja napsauta Muunna-ominaisuuden Stop Watch -painiketta asettaaksesi lähtöpaikan avainkehyksen (katso kuvakaappaus).
   
   Nyt animoidaan toinen grafiikka takaisin näytölle.
   
   
6. Siirrä toistopää aikakoodiin 0: 00: 05: 15. Siirrä grafiikka takaisin näytölle oikeaa reunaa vastaavasti.
   
   Sinun pitäisi nähdä toinen avainruutu lisättynä Muunna-ominaisuuteen.
   
   
7. Viimeinkin lyhennetään alkuperäisen kappaleen kestoa [Taustakuva täällä] pohjakerros. Vedä raidan oikea reuna aikakoodiin 0: 00: 07: 00.
   
   Ok, nyt häivitetään teksti. Tässä vaiheessa tekstikerrokset päättyvät edelleen oletusasetukseen viiden sekunnin kuluttua. Ensimmäinen askel on laajentaa kappaleita.
   
   
8. Siirrä toistopää aikakoodiin (0: 00: 07: 15), joka on häivytysanimaation loppu (katso kuvakaappaus).
   
   
9. Vedä kunkin tekstiraidan oikeaa reunaa laajentaaksesi kappaleet aikakoodiin (0: 00: 07: 15).
   
   Tämä on loppukehys häivytysanimaatiolle. Mutta ensin meidän on asetettava alkukehys.
   
   
10. Siirrä toistopää aikakoodiin (0: 00: 07: 00).
    
    
11. Avaa Ominaisuuksien luettelo Yrityksen nimi ja Yritystyyppi tekstikerrokset.
    
    
12. Napsauta molemmissa tekstikerroksissa Opacity-ominaisuuden Stop Watch -kuvaketta asettaaksesi animaation alkavan opasiteetin, joka on tällä hetkellä 100% (katso kuvakaappaus).
    
    
13. Siirrä toistopää takaisin aikakoodiin (0: 00: 07: 15) ja pienennä Tasojen paneelin kahden tekstikerroksen opasiteetti arvoon 0%.
    
    Sinun pitäisi nähdä kahden päättävän avainruudun lisäys aikajanalle (katso kuvakaappaus).
    
    

Testaa animaatiosi ja tallenna tiedosto.

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 Create an Animated GIF in Photoshop | Adobe Creative Cloud (Saattaa 2024).