Photoshop animacija - animacija grafika
U ovom Photoshop udžbeniku nastavit ćemo graditi animaciju za naš Facebook obrazac video obrazaca. Animiraćemo drugu fotografiju na ekranu.

U ovom trenutku imamo prvu fotografiju na ekranu, kao i dva retka teksta. U Sceni 2 premjestit ćemo drugu fotografiju na ekran. Kako će se ta slika nalaziti na sloju iznad prve fotografije, ona će potpuno prekriti prvu fotografiju.

Jednom kad je prva fotografija pokrivena, više je ne trebamo. Stoga ćemo obrezati zapis ove fotografije i stoga ukloniti fotografiju sa zaslona. Za kraj ovog prizora izblijedit ćemo tekst, pripremajući se za ispadanje druge grupe teksta.

2. scena po okvir

Vremenski kod (0: 00: 05: 00) U pet sekundi na vremenskoj traci, grafika drugog rezerviranog mjesta kliziće na zaslon. (trajanje: .5 sec)

Vremenski kod (0: 00: 07: 00) U sedam sekundi na vremenskoj traci, dva retka teksta će izblijediti. (trajanje: .5 sec)

Otvorite svoj projekt u Photoshopu i idite na Vremenska traka. Kao što vidite, grafika drugog rezerviranog mjesta nalazi se na sloju iznad prvog. U ovom trenutku trakt produžuje cijelo vrijeme Vremenske trake. Ali ne treba nam ova slika vidljiva tek pet sekundi na Vremenskoj traci. Dakle, obrežemo zapis na Timecode-u (0: 00: 05: 00). Ovo će biti početni položaj za slajd u animaciji.

  1. Ako je potrebno, uključite vidljivost polja [Pozadinska slika ovdje - 2] sloja na ploči Slojevi.

  2. Pomaknite Playhead u vremenski kod 0: 00: 05: 00 (pogledajte snimku zaslona).

  3. Kliknite lijevi rub grafičkog zapisa rezerviranog mjesta i povucite udesno do pet sekundi na Vremenskoj traci.

    Moramo fotografiju potpuno premjestiti s desnog ruba zaslona. Ovo će biti početna pozicija za animiranje fotografije na ekranu (pogledajte snimku zaslona).

  4. Da biste premjestili grafiku u početni položaj za animaciju, odaberite sloj, kliknite Uredi - Besplatno transformacija i povucite je dok se potpuno ne isključi sa zaslona.

  5. Proširite [Pozadinska slika ovdje - 2] sloja i kliknite značajku Stop Watch za svojstvo Transform da biste postavili ključni okvir početnog položaja (pogledajte snimku zaslona).

    Sada animiramo drugu grafiku natrag na zaslon.

  6. Pomaknite Playhead na vremenski kod 0: 00: 05: 15. Vratite grafiku na zaslon, podudarajući desne rubove.

    Trebali biste vidjeti drugi ključni okvir dodan u svojstvo Transform.

  7. Za kraj, skratimo trajanje izvornika [Pozadina slike ovdje] donji sloj. Povucite desni rub staze do Timecode 0: 00: 07: 00.

    Ok, sad izblijedimo tekst. U ovom trenutku slojevi teksta i dalje završavaju na zadanih pet sekundi. Naš prvi korak je širenje staza.

  8. Pomaknite Playhead na vremenski kod (0: 00: 07: 15), što je završetak animirane animacije (pogledajte snimku zaslona).

  9. Povucite desni rub svake tekstualne zapise da biste je proširili na Vremenski kod (0: 00: 07: 15).

    Ovo će biti završni okvir za fad out animaciju. Ali prvo moramo postaviti okvir početka.

  10. Pomaknite reprodukciju na vremenski kod (0: 00: 07: 00).

  11. Otvorite popis Svojstva za Naziv tvrtke i Vrsta poslovanja slojevi teksta.

  12. Za oba sloja teksta kliknite ikonu Stop Watch za svojstvo Opacity da biste postavili početnu neprozirnost za animaciju, koja je u ovom trenutku 100% (pogledajte snimku zaslona).

  13. Pomaknite glavu za reprodukciju natrag u vremenski kod (0: 00: 07: 15) i smanjite neprozirnost dva sloja teksta na ploči Slojevi na 0%.

    Trebali biste vidjeti kako se na Vremenskoj crti dodaju dva završna ključna okvira (vidi snimku zaslona).

Testirajte svoju animaciju i spremite datoteku.

Natrag | Sljedeći

Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu Adobe Systems Incorporated. Adobe, Photoshop su ili su registrirani zaštitni znak ili registrirani zaštitni znaci tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.


Upute Video: 3D grafika in animacija/ Gregor Velišček/ MMK (Ožujak 2024).