Photoshop Animation - animējoša grafika

• Maijs 17, 2024

Šajā Photoshop apmācībā mēs turpināsim veidot savas Facebook video vāka veidnes animāciju. Mēs animēsim otro fotogrāfiju uz ekrāna.

Šajā brīdī ekrānā ir pirmā fotogrāfija, kā arī divas teksta rindiņas. 2. ainā otro fotoattēlu mēs pārvietosim uz ekrānu. Tā kā šis attēls atradīsies uz kārtas virs pirmās fotogrāfijas, tas pilnībā aizsegs pirmo fotoattēlu.

Kad pirmais fotoattēls ir pārklāts, mums tas vairs nav vajadzīgs. Tātad, mēs izgriezīsim šīs fotogrāfijas celiņu un tāpēc noņemsim fotoattēlu no ekrāna. Lai pabeigtu šo ainu, mēs izgaismosim tekstu, gatavojoties otrajai teksta grupai izbalināt.

2. aina ar kadru pēc kadra

Laika kods (0: 00: 05: 00) Pēc piecām sekundēm laika skalā otrā viettura grafika slīd uz ekrāna. (ilgums: .5 sek.)

Laika kods (0: 00: 07: 00) Pēc septiņām sekundēm laika skalā divas teksta rindas izbalēs. (ilgums: .5 sek.)

Atveriet savu projektu Photoshop un dodieties uz Timeline. Kā redzat, otrais vietas rezervists ir uz slāņa virs pirmā grafika. Šajā brīdī trakts pagarina visu Laika līnijas laiku. Bet mums nav nepieciešams, lai šis attēls būtu redzams līdz piecām sekundēm laika skalā. Tāpēc saīsināsim celiņu Timecode (0: 00: 05: 00). Šī būs animācijas slaida sākuma pozīcija.

1. Ja nepieciešams, ieslēdziet [Fona attēls šeit - 2] slānis paneļa Slāņi.
   
   
2. Pārvietojiet atskaņošanas galviņu uz laika kodu 0: 00: 05: 00 (sk. Ekrānuzņēmumu).
   
   
3. Noklikšķiniet uz vietturi grafiskā ceļa kreisās malas un velciet pa labi līdz piecām sekundēm laika skalā.
   
   Fotoattēls pilnībā jāpārvieto no ekrāna labās malas. Šī būs sākuma pozīcija, lai animētu fotoattēlu ekrānā (skat. Ekrānuzņēmumu).
   
   
4. Lai grafiku pārvietotu uz animācijas sākuma stāvokli, atlasiet slāni, noklikšķiniet uz Rediģēt - bezmaksas pārveidošana un velciet grafiku, līdz tas ir pilnībā ārpus ekrāna.
   
   
5. Izvērsiet [Fona attēls šeit - 2] slāni un noklikšķiniet uz rekvizīta Transformēt Stop Watch, lai iestatītu sākuma stāvokļa atslēgas kadru (skat. ekrānuzņēmumu).
   
   Tagad animēsim otro ekrāna grafiku.
   
   
6. Pārvietojiet atskaņošanas galviņu uz laika kodu 0: 00: 05: 15. Pārvietojiet grafiku atpakaļ uz ekrānu, saskaņojot labās malas.
   
   Jums vajadzētu redzēt otro atslēgas kadru, kas pievienots īpašumam Transformēt.
   
   
7. Visbeidzot, saīsināsim oriģināla celiņa ilgumu [Fona attēls šeit] apakšējais slānis. Velciet trases labo malu uz laika kodu 0: 00: 07: 00.
   
   Ok, tagad izlaidīsim tekstu. Šajā brīdī teksta slāņi joprojām beidzas ar noklusējuma piecām sekundēm. Mūsu pirmais solis ir sliežu ceļu paplašināšana.
   
   
8. Pārvietojiet atskaņošanas galviņu uz laika kodu (0: 00: 07: 15), kas ir animācijas izbalēšanas beigas (sk. Ekrānuzņēmumu).
   
   
9. Velciet katra teksta celiņa labo malu, lai izvērstu ierakstus uz laika kodu (0: 00: 07: 15).
   
   Tas būs beigu kadrs animācijas izbalēšanai. Bet vispirms mums ir jāiestata sākuma rāmis.
   
   
10. Pārvietojiet atskaņošanas galviņu uz laika kodu (0: 00: 07: 00).
    
    
11. Atveriet Properties sarakstu Uzņēmuma nosaukums un Uzņēmējdarbības veids teksta slāņi.
    
    
12. Abos teksta slāņos noklikšķiniet uz Stop Watch ikonas īpašībai Necaurredzamība, lai iestatītu animācijas sākuma necaurredzamību, kas šajā brīdī ir 100% (sk. Ekrānuzņēmumu).
    
    
13. Pārvietojiet atskaņošanas galviņu atpakaļ uz laika kodu (0: 00: 07: 15) un samaziniet paneļa Slāņi divu teksta slāņu necaurredzamību līdz 0%.
    
    Jums vajadzētu redzēt divus beigu atslēgas kadrus, kas pievienoti laika skalai (sk. Ekrānuzņēmumu).
    
    

Pārbaudiet savu animāciju un saglabājiet failu.

Atpakaļ | Nākamais

Autortiesības 2018 Adobe Systems Incorporated. Visas tiesības aizsargātas. Adobe produkta ekrānuzņēmums (-i) ir pārpublicēts ar Adobe Systems Incorporated atļauju. Adobe, Photoshop ir / ir vai nu [a] reģistrēta preču zīme (-es), vai arī Adobe Systems Incorporated preču zīme (-es) Amerikas Savienotajās Valstīs un / vai citās valstīs.