Kuinka Animoida Kuvia Photoshopissa! 2.5 D Parallax Effect

Opi tämä fantastinen tekniikka helposti animoida kuvia Photoshopissa!

tässä opetusohjelmassa käydään läpi Photoshopin 3D-ja animaatioominaisuudet ja luodaan 2,5 D parallaksi-efekti, jolla saat kuvasi heräämään eloon!

tässä tutoriaalissa käytetty hämmästyttävä kuva on Marc Rafanell Lopezin käsialaa. Voit ladata saman kuvan klikkaamalla tästä, mutta voit myös käyttää mitä tahansa valokuvaa seurataksesi mukana!

oletko valmis aloittamaan?

käytä valittua kohdetta luodaksesi valinnan

animoidaksesi minkä tahansa valokuvan Photoshopissa, aloita erottamalla kuva kahteen kerrokseen: etualalle (koostuu kahdesta miespuolisesta hyppääjästä) ja niiden taustalle.

voit tehdä niin valitsemalla > aiheen ja antamalla Photoshopin käyttää Adobe Sensei, innovatiivinen tekoäly (AI), tunnistaa kuvan kohteet ja luoda valinnan sen ympärille.

Jos käsittelet Photoshopin vanhempaa versiota, voit silti käyttää Pikavalintatyökalua luomaan valinnan aiheen ympärille.

Tarkenna valintaa Quick Mask-moodilla

kun olet tehnyt hyvän valinnan, siirry Quick Mask-moodiin painamalla näppäimistön Q-näppäintä. Tämä tila asettaa punaisen peittokuvan nykyisen valinnan ulkopuolelle jääville osille.

Sivellintyökalulla voi maalata valkoisella (#ffffff) lisäämällä valintaan ja maalaamalla mustalla (#000000) vähentämällä valinnasta.

ammattilaisen vinkki: paina näppäimistön X-näppäintä vaihtaaksesi etualan ja taustavärin!

tähän osaan on ihan OK luoda löyhä valikoima. Koska työskentelemme ei-tuhoavasti, voit aina palata tähän myöhemmin ja tarkentaa sitä.

kun olet valinnut, poistu Pikamaskitilasta painamalla näppäimistön Q-näppäintä ja paljasta Uusi valintasi.

kopioi virta seuraavaksi napsauttamalla ja vetämällä tasoa uuden tason kuvakkeeseen, joka on Tasopaneelin oikeassa alakulmassa.

Napsauta Layer Mask-kuvaketta lisätäksesi kerrosmaskin päällekkäiseen kerrokseen, jolloin se näyttää vain hyppäävät aiheet.

valitse sitten Valitse > muokkaa > Laajenna, jotta valinta on suurempi.

Aseta Laajenna – valintaikkunassa Laajenna arvon mukaan 4 pikseliin.

paina sitten OK.

jos zoomaat, näet kuinka valinnan reunat ovat nyt 4 pikseliä kauempana edellisestä asetuksesta.

jos vielä on alueita, jotka ovat osa etualaa, mutta joita ei ole valittu, käytä Lasso-työkalua ja kun pidät Shift-näppäintä, napsauta ja vedä alueen ympäri lisätäksesi sen valintaasi.

Kopioi Tausta napsauttamalla-ja-vetämällä se yli uuden tason kuvaketta.

käytä Content-Aware Filliä luodaksesi puhtaan taustalevyn

kopioidulle kopiolle, siirry kohtaan Muokkaa > Content-Aware Fill. Sisältötietoinen teknologia täyttää silloin Pikselit, joissa kohteet olivat ennen.

vihreä peittokuva näyttää alueen, josta Sisältötietoinen teknologia ottaa pikseleitä, ja tässä osassa se tekee erinomaista työtä. Vaikka se ei ole täydellinen, se on täysin säädettävissä.

paina Ctrl D (Windows) tai Komento D (MacOS) poistaaksesi valinnan, kun keskityn seuraavaan osaan, jossa näytän, miten taustapikseleiden epäjohdonmukaisuudet korjataan.

kun uuden kerroksen luodut Pikselit on valittu, pidä Shift-näppäintä pohjassa valitessasi.

paina Ctrl E (Windows) tai Komento E (MacOS) yhdistääksesi molemmat valitut kerrokset yhdeksi kerrokseksi.

käytä Kloonileimasintyökalua tarkentaaksesi taustaa

Lähennä kuvan osaan, joka kaipaa tarkennusta. Clone Stamp-työkalun avulla voin kopioida valitut Pikselit ja liittää ne toiseen. Tee tämä pitämällä näppäimistön Alt (Windows) – tai Option (MacOS) – näppäintä näytelähteen määrittämiseksi..

kun tämä on asetettu, näet, miten olet maalaus pikseleitä otettu näyte lähde.

käytä aikaa tämän alueen tarkentamiseen, ja voit aina nollata näytelähteesi painamalla Alt (Windows) tai Option (MacOS).

käytä sitten suorakulmaista Marquee-työkalua valitaksesi pinotut puupaneelit ja paina Ctrl J (Windows) tai Komento J (MacOS).

paina Ctrl T (ikkuna) tai Komento t (MacOS) muuttaaksesi kopioitua valintaa ja siirtääksesi sen sivulle.

napsauta hiiren kakkospainikkeella ja valitse Käännä vaakatasossa.

napsauta sitten hiiren kakkospainikkeella uudelleen valitaksesi vääristää ja säädä valintaa vastaavasti vastaamaan taustaa.

voit poistua Muunnostilasta painamalla Enter (Windows) – tai Return (MacOS) – näppäintä.

koska mies on osa valintaa, käytä Kloonileimasintyökalua jälleen kerran pikselien maalaamiseen Näytealasta ja alueen puhdistamiseen.

tällä kertaa voit myös täyttää pinottujen puulevyjen välissä olevan alueen, jotta se olisi johdonmukainen.

pinottujen puulevyjen oikealla puolella näkyy toinen merkittävä alue, jossa on epäjohdonmukainen kuvio, ja tämän voi myös korjata Kloonileimasintyökalulla.

kun olet saanut nämä ratkaisevat vaiheet päätökseen, voit siirtyä yhdistämään ne yhdeksi kerrokseksi.

tee se pitämällä Shift-näppäintä, kun valitset nykyisen tason ja Taustakopion, ja paina Ctrl E (Windows) tai Komento E (MacOS) yhdistääksesi ne.

tämän tason nimeäminen uudelleen muotoon ” puhdas tausta.”

käytä taustalle sumennusta

Siirry suodattimeen > Sumennusgalleria > Tilt-Shift.

napsauta ja vedä vertailupistettä alaspäin.

Napsauta ja vedä myös alakahvaa laajentaaksesi aluetta ja saadaksesi sumennuksen alkamaan keskeltä kuvan yläalueelle.

Blur-työkaluilla, Aseta Blur-arvoksi 6PX. Heti huomaat, että kaikki puutteet taustalla voidaan helposti piilottaa lisätty hämärtää.

paina OK lisätäksesi muutokset.

Muunna tausta ja Etuala 3D-kerroksiksi

ota Etualakerros jälleen käyttöön, ja huomaa, että tehdyistä muutoksista huolimatta kuva näyttää edelleen realistiselta.

sekaannusten välttämiseksi olen nimennyt Etualakerroksen uudelleen muotoon ”Jumping.”

animoidaksesi minkä tahansa valokuvan Photoshopissa, luo 3D-kerrokset kahdesta kerroksesta. Tämä opetusohjelma, se on hyppy ja puhdas tausta kerrokset.

Aloita valitsemalla puhdas tausta ja poistamalla Hyppykerros.

siirry sitten 3D > Uusi Verkko kerroksesta > postikortti, ja tämä muuttaa nykyisen kerroksen 3D-postikortiksi. Postikortti tarkoittaa lentokonetta, jota voi kiertää 3D-avaruudessa.

kun Move-työkalu on valittu, näet 3D-työkalut document-ikkunan vasemmassa alareunassa ja käytä näitä työkaluja 3D-kameran kiertämiseen Photoshopin sisällä.

poista alkuperäinen taustakerros käytöstä ja käytä työkaluja saadaksesi itsesi perehdytetyksi niiden toimintoihin ja ominaisuuksiin. Jos haluat palata oletusnäkymään, kaksoisnapsauta puhdas tausta-näytekuvaa, koska se vie sinut 3D-paneeliin ja valitse Oletuskamera.

palaa Layers-paneeliin ja anna hyppykerroksen muuntaa se myös 3D-postikortiksi. Jälleen, Siirry 3D > Uusi Mesh kerroksista > Postikortti.

tällä hetkellä kumpikaan 3D-kameroista ei toimi yhtä aikaa, koska molemmat ovat kahdessa eri 3D-kerroksessa. Maksimaalisen valikoiman ominaisuuksia, sinun täytyy yhdistää ne yhdeksi kerrokseksi.

mene Tasopaneeliin ja valitse Hyppykerros.

pitäessäsi Shift-näppäintä valitse myös puhdas tausta ja paina Ctrl E (Windows) tai Komento E (MacOS) yhdistääksesi ne.

huomaa: oman kerroksen kulmassa oleva pieni kuutiokuvake tarkoittaa, että kerros on 3D-muodossa. jos kaksoisnapsautat sitä, se vie sinut 3D-paneeliin.

kun Move-työkalu on valittu, käytä alareunassa olevia 3D-työkaluja kameran ohjaamiseen. Voit yrittää klikata mitä tahansa 3D-kerrosta,ja sen eteen ilmestyy kuutio nuolineen, jonka jälkeen klikkaa ja vedä valkoista kuutiota skaalataksesi 3D-kerroksen.

miten animoida etualan ja taustan kanssa Aikajana paneeli

vihdoin, todellinen temppu miten animoida minkä tahansa valokuvan Photoshop!

Siirry Windowsiin > Aikajana. Tämän ominaisuuden avulla voimme luoda aikajanan, jossa on kuvia ja 3D-objekteja Photoshopissa.

Napsauta aikajanapaneelin keskellä Create Video Timeline-painiketta. Jos et näe sitä, klikkaa alaspäin osoittavaa nuolta ja valitse pudotusvalikosta Luo Video Aikajana.

Napsauta alaspäin osoittavia nuolia kussakin kaksi kerrosta vapauttaa elementtejä ja avainkehyksiä, jotka ovat välttämättömiä seuraavien vaiheiden aikana.

jos käytät Orbit 3D-kameraa nähdäksesi 3D-kerroksesi toisesta perspektiivistä, näet hyppykerroksesi ja puhtaan taustan välisen etäisyyden. Lisäämällä 3D-kameran Sijaintiavainkehys,

sitten, Aseta Leikkipää mihin tahansa kohtaan aikajanalla,

ja Aloita kameran pyörittäminen, Photoshop lisää toisen avainkehyksen.

jos vierität aikajanaa ylös ja painat Play—painiketta, Photoshop täyttää aikajanan vaihtamalla 3D-kameran sijainnin alkuperäisestä keyframista 2nd keyframeen-ja näin animoit 3D-kuviasi.

jos haluat poistaa avainkehyksen, Napsauta näppäinkehystä hiiren kakkospainikkeella ja valitse Poista. Poistan sekä alkuperäisen että toisen avaimen poistaakseni aikajanan.

tehdäksesi 2 sekunnin animaation, vedä Leikkipää aikajanan alkuun. Sitten, klikkaa-ja-vedä loppuun aikajanan liukusäädintä 2 sekunnin merkki asettaa sen pituus animaation.

Napsauta 3D-paneelissa Oletuskameraa ja napsauta sitten myös Clean Background Mesh-painiketta.

Siirry asiakirjaikkunaan ja napsauta ja vedä valkoista kuutiota skaalautuaksesi tasaisesti ja laajentaaksesi näkymää taustasta.

seuraavaksi napsauta ja vedä sinistä pistettä skaalataksesi taustaa taaksepäin, kunnes se täyttää kankaan. Jos sinulla on vaikea nähdä ero, kaksoisnapsauta käsityökalua sopivaksi kuvan näytölle.

käytä kiertoradalla 3D-kamera avulla voit nähdä laajemman etäisyyden Jumping Mesh ja puhdas tausta Mesh.

Peru viimeaikaiset muutokset painamalla Ctrl Z (Windows) tai Command Z (MacOS) ja laajenna edelleen puhtaan Taustaverkon skaalaa.

Clean Background Mesh-ominaisuuden alla Klikkaa 3D-kameran sijaintia.

Vieritä elementtejä alaspäin. Ota 3D-silmien alla sekuntikello käyttöön sekä puhtaaseen taustaan että hyppäämiseen. Tämä luo näppäinkehykset näiden silmien asentoa varten.

napsauta ja vedä Leikkipää 2 sekunnin merkkiin ja aseta se uudelleen 3d-Kiertoratakameralla.

Voit myös valita Hyppyverkkoa, vetää sitä eteenpäin tehdäksesi siitä suuremman ja tuoda sen alas.

kun painat Play-nappia, hyppäävä kohde liikkuu 3D-tilan läpi!

jos haluat dramaattisemman kuvan, Aseta perspektiivi uudelleen 3d-Kiertoratakameralla tai skaalaa puhdas Taustaverkko pienempään perspektiiviin.

kun olet valmis tallentamaan videon, napsauta Flyout-valikkoa ja valitse Renderöintivideo. Sen jälkeen, jaa työsi sosiaalisessa mediassa ja tägää minut #PhotoshopTrainingChannel!

ja näin animoida mitään kuvaa Photoshop! Toivon, että tämä opetusohjelma on ollut hyödyllinen sinulle ja tuleville projekteillesi.