Ikas dezagun sare sozialetako argitalpen bat nola animatu denbora gutxian
Zure sare sozialetako argitalpenak nabarmentzea nahi baduzu, animazioa gehitzen ikasi behar duzu. Minutu gutxitan, halako argazki bat atera dezakezu eta interneteko urre bihurtu dezakezu. Denok ulertzen dugu plataforma hauetan presentzia mantentzea funtsezkoa dela negozio bat eta marka bat eraikitzeko, baina denboraren konpromisoak artista berri asko itzal ditzake. Modu hobeago bat erakusteko gaude.
Diseinatzaile grafikoei sare sozialetarako eduki gehiago sortzeko eskatzen zaie egun, eta badakizu zer den diseinu deigarria baino hobea? Mugitzen den diseinu deigarria. Pixka bat Photoshop-en lanean aritu bazara, uste baino gertuago zaude animazioa gehitzeko. Gaur, After Effects piztuko dugu, interfazea zein ezaguna izan daitekeen ikus dezazun. Diseinu batzuk hartuko ditugu eta mugimendu sotil batzuk gehituko ditugu After Effects-en.
{{lead-magnet}}
Prestatu zure irudia Photoshop-en
![](/wp-content/uploads/history/148/mu2ybhk35r.jpeg)
Photoshop CC 2022 eta After Effects CC 2022rekin lan egingo dugu, baina teknika hauek bertsio zaharretan ere funtzionatu beharko luke. Oso sinplea mantentzen dugu honetarako. Orain Photoshop-en animatu dezakezu, baina hori nahiko zaila izan daiteke. Horren ordez, errazagoa da zure fitxategiak prestatzea After Effects-en hobeto funtzionatuko duten.
Nola aukeratu irudi egokia animatzeko
Hasteko, irudi egokiak aukeratu behar dituzu. BegiraAfter Effects interfazea menperatzea.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.jpeg)
Skateboarder baten irudia hautatu dugu, eta atzeko planoa animatu nahi dugu. Hau freelance diseinatzaile eta animatzaile gisa lortuko duzun lan askoren nahiko antzekoa da. Zure bezeroak elementuren bat lehen planotik atera eta leku berri batean kokatu edo nolabait animatu nahi du.
Beraz, goiko irudiari begira, nola mugiarazi behar ditugu? Tira, trikimailu zahar bat erabiliko dugu. Subjektua mugitu beharrean, atzealdea ezkerretik eskuinera joango da, mugimenduaren inpresioa emanez.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.jpeg)
Arrizteari ere erreparatu behar diozu. Argi-iturri bereizi batek irudi finko baterako itxura bikaina duen arren, itzalita agertuko da beste atzeko plano batean mugitzen hasten zarenean edo argia bat ez datorren batean. Zure ikusleak agian ez daki zer den gaizki, baina efektutik aldenduko da. Mozkor mago batek bezala, ilusioa benetan hiltzen du.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.jpeg)
Bereizi zure geruzak (eta jarri izena)
Goiko bideoan ikus dezakezun bezala, maskarak erabiltzen ari gara (ahal ez-suntsitzaileak) gaia bereizteko, taula, itzala eta atzeko planoa. Honek egiteko aukera ematen digukonponketa sotilak bidean arazoren bat nabaritzen badugu. Pixelak ezabatu berri bagenitu, betiko desagertuko dira (CTRL/CMD+Z barrutia gainditzen duzunean).
Ziurtatu geruza bakoitzari izena ematen zoazela. Ez dago ezer okerragorik irudi hori 1 - 100 geruzako zerrenda batean aurkitzen saiatzea baino.
Hondoak apur bat leundu behar du, ez baitago batere nahi dugun ikuspegiarekin.
![](/wp-content/uploads/history/148/mu2ybhk35r-4.jpeg)
Hondoa begizta jartzea da gure asmoa, baina ikusten duzu bi aldeak ez datozela bat. Ezkerreko aldea gure gidekin lerrokatuago dagoenez, kopia dezagun alde hori, irauli eta jaregin eskuinetik. Lerrokatu ondoren, erabili CTRL/CMD+E geruzak batzeko.
Egiaztatu zure irudiaren tamaina
Irudia After Effects-era ekarri aurretik, gure irudiaren tamaina egiaztatu behar dugu. After Effects-ek fitxategi nahiko handi batzuk kudea ditzake... baina baliteke zure ordenagailua ez izatea hain indartsua. Zure irudiaren tamaina aldatzeko hainbat modu daude, baina gure mihisea aldatzen hasiko gara. Honek gure mihisea aldatzen du inongo pixelekin nahastu gabe, eta, ondoren, gure irudiak tamaina alda ditzakegu egokitzeko.
![](/wp-content/uploads/history/148/mu2ybhk35r-5.jpeg)
Gure mihisea ( Irudia > Mihisearen tamaina... ) 1920 x 1080ra egokitu dugu. Orain gure irudiak ASKO handiagoak ziren, beraz, egokitzeko egokitu beharko ditugu.
![](/wp-content/uploads/history/148/mu2ybhk35r-6.jpeg)
Oraindik akats batzuk daude, baina After Effects-en konpondu ditzakegu mugimendu-lausotasun apur batekin. Mihisearen ertzetik kanpo pixel batzuk zintzilik daudela ohartuko zara.Batzuetan, agian horiek geratzea nahi duzu, baina ez ditugu AEn beharko. Erabili Moztu tresna ( C ) zure irudiak azkar mozteko oihalera egokitzeko. Orain gure irudia After Effects-era ekartzeko eta animatzen hasteko garaia da.
Photoshop fitxategiak After Effects-era inportatzea
Egiaztatu zure geruzen izenak eta, ondoren, gorde zure lana (gomendatzen dugu). "to_AE" bezalako zerbait gehituz, zure fitxategia erraz aurki dezazun. After Effects-era iristeko laguntza behar baduzu, erantzun dizugu. Bideo hori ikustera joan zaitezke edo metodo azkar hau erabil dezakezu.
Nola inportatu fitxategi bat Photoshop-etik After Effects-era
- Ireki After Effects
- Joan Fitxategia > Inportatu > Fitxategiak
- Hautatu zure fitxategia
- Sakatu Inportatu
Orain begiratu Photoshop eta After Effects-en arteko konparazioa.
![](/wp-content/uploads/history/148/mu2ybhk35r-7.jpeg)
Nahiko antzekoa al duzu? Adobek ahalegina egin zuen hainbat softwareren artean gauzak ezagutzen mantentzeko. Creative Cloud-en aplikazioen artean mugitzea are errazagoa izan dadin. Gure geruzak denbora-lerroan beherantz ikusiko dituzu, nahiz eta itxura apur bat desberdina izan. Horregatik, zure geruzak izendatzea oso urrats garrantzitsua izan zen.
Berri honekin. konposizioa (konparatu gurekin profesionalei) zure FPS edo fotograma segundoko ezarri ahal izango duzu. Orokorrean, animazioa 24 fps-tan egiten da (24 fotograma metrajearen segundo bat da), baina gehiago edo gutxiago behar duzun egoerak egon daitezke. Proiektuaren eta zurearen araberakoa da denabezeroaren beharrak.
Konfiguratu zure konposizioa
Kafea hartu izana espero dugu, azkar joango garelako (jokoaren izena sare sozialetako argitalpen animatu bat da. denbora batere, ezta?)
Orain, skateboarder hau animatzeko modurik errazena atzealdea mugitzea da, ezta? Bidetik kentzen dugunean, ia patinatzailea aurrera doala dirudi.
![](/wp-content/uploads/history/148/mu2ybhk35r-8.jpeg)
Egin beharko dugun bakarra atzeko planoa bikoiztu da, marrazki bizidunetan egiten duten antzera. Hartu geruza, eta joan Editatu > Bikoiztu ( CMD/CTRL + D ) eta geruza berri bat lortuko duzu. Teorian, dozenaka kopia egin eta hegan animatu genitzake, baina metodo errazagoa dago: Motion Tile.
After Effects-en animazioa
Motion Tile
Pantailaren eskuineko aldean, joan Efektuak eta aurrezarpenak atalera, eta bilatu Motion Tile. Arrastatu eta jaregin hori zure geruzara (kontuz ez jaregiteko geruza okerrean, horrek efektu polit batzuk sor ditzakeen arren).
Ezkerrean zure efektuen kontrolak ikusiko dituzu, bi aukera nagusirekin: Irteerako zabalera eta irteerako altuera. Irteera zabaleran "200" jartzen dugunean...
![](/wp-content/uploads/history/148/mu2ybhk35r-9.jpeg)
Orain ezkerreko eta eskuineko atzeko planoaren apur bat gehiago dugu. Irudia modu eraginkorrean bikoiztu dugu kopuru txiki batean. Orain bikoiztutako eremuan klik egiten saiatzen bazara, ezin izango duzu. Zure jatorrizko geruza bakarrik mugitu daiteke.
Noski, bikoizketak edo lauza txikiak sortzen dituartefaktuak. Lurrari edo hondoari erreparatzen badiogu, badaude ondo ikusten ez duten lerroak. Eta, azkenik, ez gehiegi egin Irteera zenbakiarekin. Zure ordenagailua huts egingo duzu.
Hau animatzeko, lehenik eta behin, doi dezagun gure konposizioaren luzera. Joan Konposiziora > Konposizio ezarpenak.
![](/wp-content/uploads/history/148/mu2ybhk35r.png)
Gure FPS ere alda dezakegu, goian aipatu dugun bezala. Ezarri hau 5 segundoz, eta irudi hau animatzeko ordua da.
Gako-fotogramarekin animatzen
Biratu behera zure plaka garbiaren geruzan eta zure Eraldatu aukerak ikusiko dituzu.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.png)
Ziurtatu Erreprodukzio-burua zure denbora-lerroaren hasieran osorik dagoela, eta sakatu Kokapena ondoan dagoen Kronometroa . Honek une horretan zure geruzaren x eta y ardatzak markatzen ditu denbora-lerroan. Zure lehen Gako-fotograma sortu berri duzu denbora-lerroan. Hauek dira After Effects-en animazioaren oinarrizko elementuak.
Eraman erreprodukzio-burua zure denbora-lerroaren amaierara eta beste gako-fotograma bat sortuko duzu. Orain itzuli Eraldatu eta egokitu Posizioa, atzeko planoa ezkerretik eskuinera mugitu dadin (edo eskuinera ezkerrera, Tony Hawk nahi duen honek 360 maltzur bat Boneless-era iraultzea nahi baduzu).
Erreproduzitu sakatzen duzunean, After Effects-ek geruza nola mugitu behar duen interpolatzen du emandako denboran lehen eta azken gako-fotogrametan egon dadin.
GIF
Gure patinatzailea azkarrago mugitzea nahi badugu, besterik ez duguemandako denboran platerean beherago mugitu behar da. Astiroago mugitzeko, estali lur gutxiago. Baina bada konturatzen ari garen gauza bat ez dela hain apurtzailea. Gure fitxa bikoiztua elkartzen den jostura apur bat janky da. Zorionez, hori estali dezakegu mugimendu lausotu batekin.
Gehitu mugimendu-lausotasuna
Mugimendu-lausotasuna objektiboaren esposizioan zehar higitzen den objektu batek eragindako irudien marra edo zikindura da. Bideoan, mugimenduaren lausotasuna lenteak objektu batean fokuratzean sortzen da, fokurik gabeko elementuak atzealdean mugitzen diren bitartean. Gure kasuan, hori da erabili nahi dugun efektua.
![](/wp-content/uploads/history/148/mu2ybhk35r-10.jpeg)
Sakatu Motion Blur kontrola (hiru zirkulu elkarrengandik hurbil). Zure geruzen ondoan koadroak agertzen ikusiko dituzu. Hautatu bakarrik zure plater garbia eta ikusi mugimenduaren lausotasuna akatsak ezkutatzen dituena. Horrela, animazio bikaina dugu izerdirik bota gabe. Baina beti uki ditzakegu gauzak are gehiago.
Itzal errealistak gehitzea
Baliteke skate-taularen azpiko itzalak jatorrizko lurretik lerro bat duela oraindik.
![](/wp-content/uploads/history/148/mu2ybhk35r-11.jpeg)
Ez ari gara irudi sozial egokia egiten saiatzen. Inguruan partekatzea merezi duen zerbait egiten saiatzen ari gara. Konpon dezagun azkar hori. Orain, besterik gabe, hau Photoshop-en konpondu genezake ekarri baino lehen, baina ahaztu egin zitzaigun (edo hobeto esanda, urrats hori saltatu genuen hemen erakutsi ahal izateko! Ikusi, bagenekien zer egiten ari ginen denbora osoan).
Lehenik eta behin, sortu ageruza berria Geruza > Berria ( CMD/CTRL + Y ) eta hautatu betegarri beltz bat. Honek gure konposizioaren tamainako solido beltz bat sortzen du. Luma tresna erabiliz (P), forma sinple bat marraztuko dugu. Ez du perfektua izan behar, itzal baten oinarrizko ideia baizik.
![](/wp-content/uploads/history/148/mu2ybhk35r-12.jpeg)
Maskara itxi ondoren, sortutako forma ikusiko dugu gure irudiaren gainean. Ondo da. Baina funtzionatu ahal izango dugu. Puntuak eta Bezier heldulekuak erabiliz, egokitu forma patinetearen azpian sartu arte. Photoshop-en maskarak egin badituzu, hau ezaguna izan beharko litzateke.
Lan pixka batekin, patinetearen azpian sartzen den zerbait dugu.
![](/wp-content/uploads/history/148/mu2ybhk35r-13.jpeg)
Orain, desaktibatu jatorrizko itzal-geruza eta izena aldatu gure geruza berria Itzal (edo Shadow 2, edo Darkwing Duck, edo zuretzat funtzionatzen duena). Photoshop-en bezala, nahasketa moduak ditugu. Ez badituzu ikusten, sakatu F4 . Aldatu itzal berria Bikoiztu aukerara.
Apur bat gogorra dirudi, beraz, luma ditzagun ertzak. Biraka ireki Maskararen menua eta aukera gehiago ikusiko dituzu.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.png)
Egokitu Luma eta listo! Erreproduzitzen dugunean, orain animaziozko irudi dotorea dugu, eta egia esan, ez dugu denborarik behar izan.
Errendatu errendaketa ilaran
Noski, irudi honek ez dizu ezer egiten After Effects-en betiko geratzen bada. Ea hori konpontzen dugun.
Terminoa ezagutzen ez baduzu, Errendatzeak After Effects-i (edokonposizio bat eraikitzeko erabiltzen duzun edozein aplikazio) geruza guztiak film bakarrean jaisteko (mp4, mpeg, Quicktime, etab). Quicktime-k zure behar gehienetarako funtzionatuko du, baina Apple ProRes 422 ere gomendatzen dugu. Kasu honetan, erabil dezagun Animazioa, konprimitu gabeko eta bereizmen handiko fitxategia izango dena. Audiorik baduzu, ziurtatu leihoaren behealdean piztuta dagoela.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.png)
Sakatu Ados , eta ondoren fitxategi hau nora joango den hautatu behar duzu. Sakatu Irteerara eta bilatu nahi duzun kokapena.
Asmatu zer? Animazio bat egin berri duzu. Argazki bat atera, geruza txukunetan moztu, geruza horiek animatu eta konposizio hori pelikula bihurtu duzu. Oso pozik gaude oraintxe ezagutzeak.
Noski, benetan atsegina izan nahi baduzu, bideora itzuli beharko zenuke, beste batzuk irakatsi diezazugun trikimailuak.
GIF
Hasi zure After Effects bidaia
Zure Photoshop diseinuak animatzeak hain irudi soziala hartzen du eta biral bihurtzen du jo (agian). Oinarriak ulertzen dituzunean, zure lana modu harrigarri batean bizirauteko gai izango zara. Animazio-bidaian hasteko leku baten bila bazabiltza, zoaz After Effects Kickstart-era!
After Effects Kickstart mugimendu-diseinatzaileentzako After Effects-en aurkezpen ikastaroa da. Ikastaro honetan, gehien erabiltzen diren tresnak eta horiek erabiltzeko jardunbide egokiak ikasiko dituzu