Õige Adobe Photoshopi ja After Effectsi kombinatsiooniga saad luua muljetavaldavaid animatsiooniga GIF-bännereid. Selles juhendis näitan ma, kuidas kujundada ja animeerida bännerit impulsi eemaldava tekstituvastuse efektiga, mis sobib ideaalselt üritustele või konkurssidele. Sukeldume koos protsessi!
Olulisemad järeldused
- Animatsiooni GIF-bänneri loomine nõuab head koostööd Adobe Photoshopi ja After Effectsi vahel.
- Animatsioon tuleks hoida lihtsana ja selgena, et jätta tõhus visuaalne mulje.
- Eksportimine GIF-vormingusse on lihtne ja võimaldab sujuvat jagamist sinu animatsioonile.
Samm-sammult juhend
Samm 1: Photoshopi faili ettevalmistamine
Enne, kui alustame After Effectsis töötamist, on oluline ette valmistada graafika Photoshopis. Loo uus PSD-fail ja struktureeri kihid selgelt. Soovitan igat tekst- ja pildikihti sorteerida eraldi kaustadesse, et animatsioon oleks hiljem ülevaatlikum. Näiteks võid luua kausta teksti ja kausta tausta jaoks.

Samm 2: Impordi PSD-fail After Effectsi
Pärast PSD-faili salvestamist ava After Effects ja impordi fail kompositsioonina. Veendu, et oled aktivinud „Säilitada kihtide suurused“ valiku, et tagada elementide korralik kuvamine. See tagab, et iga kiht kompositsioonis on sama suurusega nagu Photoshopi dokumendis.

Samm 3: Töö alamakompositsioonidega
After Effectsis näed oma PSD-faili kompositsioonina erinevate kaustadega. Need kaustad ilmuvad alamakompositsioonidena, mis võimaldab sul sisu kergesti animeerida. Vali üksikud elemendid ja alusta animatsiooni planeerimist ning esimeste võtmeruutude seadmist.

Samm 4: Lihtsa animatsiooni loomine
GIF-bänneri animatsiooni puhul on sageli parim hoida animatsioon lihtsana. Alusta tekstiga „Mehed VSS Naised“ animeerimisest. Aseta võtmeruudud tekstide sisseviimiseks ja kohanda ajastust, et elemendid ilmuksid järjestikku. Ajastuse eksperimenteerimine võib oluliselt parandada üldist kogemust.

Samm 5: Impulsi efekti lisamine
Siin tuleb keskne efekt, mis annab bännerile selle „põrksu“. Vali tekst „2014“ ja animeeri skaalat ning läbipaistvust. Aseta võtmeruudud skaalale, nii et tekst suureneb ja muutub samal ajal läbipaistvaks. Veendu, et animeerimise kõverad on täiendatud, et saavutada ootamatu ja dünaamiline efekt.

Samm 6: Liikumise hägustuse aktiveerimine
Dünaamilisuse tundmise suurendamiseks aktiveeri animatsioonikihid liikumise hägustus. See tagab, et liikumised näevad välja sujuvemad ja elavamad, kui elemendid lahkuvad või sisenema stseeni.

Samm 7: Raputuse efekti lisamine
Et bännerile veel rohkem elujõudu anda, loo nullobjekt ja alluta kõik animeeritud elemendid sellele objektile. Erilise avaldusega saad lisada raputuse, mis laseb bänneril veidi vappuda, kui tekst 2014 ilmub. See loob võimsa visuaalse efekti.

Samm 8: Animatsiooni peenhäälestamine
Mängi võtmeruutudega ja raputuse tugevusega, et veenduda, et liikumise tegemine näeb välja sujuv ja köitev. Eksperimenteeri erinevate väärtustega, et leida ideaalne välimus, kuni oled tulemusega rahul.

Samm 9: Ekspordi videoformaat
Kui animatsioon on valmis, ekspordi tulemus renderdusloendis. Vali sobiv formaat, nagu näiteks QuickTime, et valmistada animatsioon järgmiseks sammuks ette. Veendu, et kõik effekti on õigesti esitatud.

Samm 10: GIF-eksport Photoshopis
Nüüd impordi renderdatud video Photoshopi, et see GIF-iks konverteerida. Ava ajaskaala Photoshopis ja vali „Salvesta veebiks“. Veendu, et formaat on seadistatud GIF-iks ja kohanda animatsiooni valikuid, et veenduda, et see mängitakse tsüklis.

Samm 11: Kontrollimine ja salvestamine
Enne GIF-i salvestamist kontrolli värvipaletti ja veendu, et animatsioon jookseb sujuvalt. Vähenda värvide arvu, et veenduda, et GIF-fail on väike ja kiiresti laaditav. Lõpuks salvesta GIF sobiva nimega soovitud kausta.

Kokkuvõte - Animatsiooni GIF-bänneride loomine After Effectsi ja Photoshopi abil
Oled nüüd õppinud, kuidas luua animatsiooniga GIF-bänner Adobe Photoshopi ja After Effectsi abil. Alates kujundamisest Photoshopis kuni GIF-vormingu eksportimiseni Photoshopis oled läbimas kõik vajalikud sammud, et luua muljetavaldavaid animatsioone.
Korduma kippuvad küsimused
Kui kaua läheb aega animatsiooni GIF-bänneri loomiseks?Aeg sõltub sinu kogemusest ja disaini keerukusest, kuid tavaliselt võib see varieeruda 1 kuni 3 tunni vahel.
Kas ma saan GIF-faili sotsiaalmeedias kasutada?Jah, sa saad GIF-faili kasutada sotsiaalmeedias või veebilehtedel tähelepanu saamiseks.
Mida tarkvaraversioone mul on vaja?Käesolevas juhendis on vajalikud Adobe Photoshop ja After Effects. Veendu, et sul on uusim versioon, et kasutada kõiki funktsioone.