After Effects algajatele

Tõhus animatsioonide GIF-bännerite loomine Adobe'is

Kõik õpetuse videod After Effects algajatele

Õ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.

Tõhus animatsioonide GIF-bännerite loomine Adobe'is

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.

Tõhus animatsiooniga GIF-bännerite loomine Adobe's

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.

Effektiivne animatsioon GIF-bännerite loomine Adobe'is

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.

Tõhus animatsiooniga GIF-bännerite loomine Adobe'is

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.

Tõhus animatsioonigif-bännerite loomine Adobes

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.

Efektiivne animatsioonigif-bannerite loomine Adobe's

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.

Tõhus animatsioon GIF-bännerite loomine Adobe's

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.

Efektiivne animatsiooniga GIF-bännerite loomine Adobe'is

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.

Tõhus animatsioon GIF-bannerite loomine Adobe'is

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.

Tõhus animatsiooni GIF-lipukeste loomine Adobe'is

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.

Tõhusate animatsiooniga GIF-bännerite loomine Adobe'is

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.

621,906,911,849,815,904