Photoshopi animatsioon - graafika animeerimine

• Mai 2, 2024

Selles Photoshopi õpetuses jätkame oma Facebooki video kaane malli animatsiooni loomist. Animeerime ekraanil teise foto.

Sel hetkel on meil ekraanil esimene foto ja kaks tekstirida. 2. stseenis liigutame ekraanil teise foto. Kuna see pilt asub esimese foto kohal oleval kihil, katab see esimese foto täielikult.

Kui esimene foto on kaetud, pole meil seda enam vaja. Niisiis, me kärpime selle foto rada ja eemaldame seetõttu foto ekraanilt. Selle stseeni lõpetamiseks hajutame teksti välja, valmistudes teise grupi teksti tuhmuma.

2. stseen kaadri järgi

Ajakood (0: 00: 05: 00) Viiel sekundil ajateljel libiseb teise kohahoidja graafik ekraanile. (kestus: .5 sek)

Ajakood (0: 00: 07: 00) Seitsme sekundi järel ajateljel kaovad kaks tekstirida. (kestus: .5 sek)

Avage oma projekt Photoshopis ja minge ajajoonele. Nagu näete, asub teine ​​kohahoidja graafik esimese graafiku kohal oleval kihil. Sel hetkel pikendab trakt kogu ajatelje kestust. Kuid meil pole seda pilti vaja ajateljel näha kuni viie sekundi jooksul. Kärbime siis raja Timecode'is (0: 00: 05: 00). See on animatsiooni slaidi lähtekoht.

1. Vajadusel lülitage sisse [Taustapilt siin - 2] kiht kihtide paneelis.
   
   
2. Liigutage esituspead ajakoodi 0: 00: 05: 00 (vt ekraanipilti).
   
   
3. Klõpsake kohatäite graafilise raja vasakul serval ja lohistage ajaskaalal paremale kuni viis sekundit.
   
   Peame foto liigutama täielikult ekraani paremast servast eemale. See on foto ekraanil animeerimise lähtekoht (vt ekraanipilti).
   
   
4. Graafika liigutamiseks animatsiooni algasendisse valige kiht, klõpsake nuppu Redigeerimine - tasuta teisendamine ja lohistage graafikat, kuni see on ekraanilt täielikult väljas.
   
   
5. Laiendage [Taustapilt siin - 2] kiht ja klõpsake atribuudi Transformeerimine valvel Stop Stop, et seada lähtekoha võtmekaadrit (vt ekraanipilti).
   
   Animeerime nüüd teise graafika tagasi ekraanile.
   
   
6. Liigutage esituspesa ajakoodi 0: 00: 05: 15. Liigutage graafika tagasi ekraanile, sobitades selle paremad servad.
   
   Peaksite nägema teist võtmekaadrit, mis on lisatud omadusele Teisendus.
   
   
7. Lõpuks lühendame originaali pala kestust [Taustapilt siin] alumine kiht. Lohistage raja parem serv ajakoodini 0: 00: 07: 00.
   
   Ok, nüüd kaotame teksti välja. Sel hetkel lõpevad tekstikihid vaikimisi viie sekundiga. Meie esimene samm on radade laiendamine.
   
   
8. Liigutage esituspead ajakoodi (0: 00: 07: 15), mis on fade out animatsiooni lõpp (vt ekraanipilti).
   
   
9. Radade ajakoodini (0: 00: 07: 15) laiendamiseks lohistage iga tekstiraja paremat serva.
   
   See on väljalangemise animatsiooni lõppraam. Kuid kõigepealt peame määrama algusraami.
   
   
10. Liigutage esituspea ajakoodi juurde (0: 00: 07: 00).
    
    
11. Avage atribuutide loend ärinimi ja Äri tüüp teksti kihid.
    
    
12. Mõlema tekstikihi puhul klõpsake atribuudi Läbipaistmatus ikoonil Stop Watch, et seada animatsiooni algne läbipaistmatus, mis on sel hetkel 100% (vt ekraanipilti).
    
    
13. Liigutage esituspea tagasi ajakoodi (0: 00: 07: 15) ja vähendage kihtide paneeli kahe tekstikihi läbipaistmatust 0% -ni.
    
    Peaksite nägema, et kaks lõppklahvi kaadrit lisavad ajajoonele (vt ekraanipilti).
    
    

Testige oma animatsiooni ja salvestage fail.

Tagasi | Järgmine

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. Adobe, Photoshop on / on kas [Adobe] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: Overwatch Animated Short | McMeme (Mai 2024).