Danas ću vam pokazati kako da napravite kul animaciju sopstvene fotografije u Photoshopu za objavljivanje na Instagramu. Za ovaj tutorijal koristit ću materijale preuzete s interneta, na primjer, fotografiju modela, ali, naravno, možete koristiti vlastitu fotografiju umjesto modela. Izvorni materijali. a takođe, možete preuzeti gotov PSD fajl, napravljen prema ovoj lekciji, sa linka na dnu stranice, radi pogodnosti, oni su kombinovani u arhivu.

Dakle, evo šta dobijamo:

Instagram animacija

A ovako izgleda originalna fotografija:

Originalna fotografija.

Počnimo.Otvorite originalnu sliku modela u Photoshopu i odmah kreirajte novi sloj na vrhu pozadine. Uzmite Brush Tool i obojite gornji dio majice modela. Boja senčenja se uzima kao kontrastna, tj. one nijanse kojih nema na fotografiji. Uzeću otrovnu zeleno-žutu (d5fe56). Ovdje je najvažnije da senčenje u potpunosti pokrije majicu modela:

Obojite sloj tako da boja u potpunosti pokrije područje buduće animacije.

Smanjite neprozirnost sloja na oko šezdeset posto i dodajte mu masku sloja. Prilikom aktiviranja maske sloja, boja četkice automatski postaje crna, tvrdoća se postavlja na oko devedeset posto i odabire veličinu štampe po potrebi. Uklonite višak tako da sjenčanje točno odgovara području buduće animacije. Ako se višak ukloni. prebacite boju kista u bijelu (bijela je sada boja pozadine u paleti boja kista) i obojite ovu oblast.Zgodno je prebacivanje boja iz prednjeg plana u pozadinu pritiskom na tipku X:

Uklanjanje viška duž majice modela.

Na mestima gde ima senki (kao što je ispod kose) koristite mekše ivice četke.

Počnimo sa dodavanjem slika za animaciju. U arhivi, koju možete preuzeti sa linka na dnu stranice, pored slike samog modela nalaze se još četiri slike:tech.png.webp, night_sky.png.webp, leaves.png.webpiflowers .png.webp U animaciji, ove četiri slike će biti postavljene na majicu modela.

Otvorite datoteku slike u Photoshoputech.png.webpKoristite alatku za premještanje da prevučete ovu sliku u radni dokument sa modelom. Pritisnite Ctrl+T da uključite alat za slobodnu transformaciju i postavite/izmjerite sliku tako da potpuno pokrije područje animacije. Ako želite da se proporcije slike sačuvaju tokom skaliranja, držite pritisnut tipku Shift prije skaliranja:

Pozicioniranje slike u odnosu na zonu animacije.

Nakon što postavite poziciju i veličinu slike, dajte ovom sloju masku za odsecanje, za koju pritisnite kombinaciju tastera Ctrl+Alt+G. Na panelu slojeva lijevo od sličice sloja pojavit će se strelica, a slika će biti odrezana uz rubove majice, odnosno sloja koji smo prilagodili majici, konkretno za mene to jelayer1:

Izrezivanje sloja sa maskom za odsecanje.

Dodajte ostale tri slike na isti način i dajte svakoj maski za odsecanje. Isključite vidljivost gornja tri sloja, sloj pozadine sa modelom, sloj sa maskom i sloj sa slikom trebaju ostati vidljivitech.png.webp:

Slojevi panel sa vidljivim slojevima.

Sada idemo direktno na animaciju. Otvorite panel animacije, u najnovijim verzijama Photoshopa zove se "Vremenska linija" (Timeline), u padajućoj listi prebacite se na "Kreiraj animaciju okvira" kliknite na ovu liniju da prebacite panel u mod animacije okvira:

Prebacivanje vremenske trake u režim animacije okvira

Panel bi trebao izgledati kao na slici ispod. Imajte na umu da je prvi i do sada jedini okvir animacije prikazan na lijevoj strani panela:

Vremenska linija sa prvim okvirom animacije.

Kreiraj drugi okvir. Kliknite na dugme za kreiranje novog okvira i kreiraće se kopija prethodnog. Zatim, u panelu slojeva, uključite vidljivost sloja iznad. Mijenjat će se sličica drugog kadra na vremenskoj liniji, a naravno i izgled radnog dokumenta. Ovako bi sada trebao izgledati panel sa vremenskom linijom i slojevima:

Na lijevoj strani je dugme za kreiranje novog okvira (kreiranje kopije odabranih okvira) zaokruženo crvenom bojom, desno, čime se uključuje vidljivost sloja.

Ponovite ovaj korak sa dva preostala sloja.

Dakle, sada imamo vremensku liniju sa četiri okvira animacije za Instagram. Za reprodukciju, samo kliknite na dugme "Pokreni reprodukciju" . Evo kako izgleda radni dokument i vremenska linija dok se animacija reproducira:

Sada podesite vreme kadra animacije na 0,3 sekunde kao što je prikazano na slici ispod. Kliknite na krajnji lijevi okvir, držite Shift i kliknite na krajnji desni okvir da odaberete sve okvire, zatim kliknite na ikonu u donjem desnom uglu bilo koje sličice, na padajućoj listi, red "Ostalo" , U prozoru koji se pojavi, odredite trajanje u sekundama:

Promeni vreme kadra.

Zapravo, animacija je spremna. Sada ostaje da ga sačuvate. Ovdje postoje dvije opcije. Možete ga sačuvati kao GIF datoteku ili kao video (mp4). Da biste spremili GIF, pritisnite kombinaciju tipki Ctrl+Alt+Shift+S, u prozoru koji se otvori odaberite vrstu datoteke za spremanje GIF-a i ponovo kliknite na "Sačuvaj" . Ali, činjenica je da Instagram servis ne podržava animirane GIF datoteke, datoteka će se učitati, ali će se na stranici prikazati statična slika. Dakle, morat ćete preuzeti ne direktno, već koristeći posebne usluge.

A druga opcija je da sačuvate animaciju kao mp4 video i direktno preuzmete kao video. Da biste sačuvali video, kliknite na karticu glavnog menija File ->Export ->Export Video , izaberite fasciklu za čuvanje, ostavite ostale postavke kao podrazumevane i kliknite na dugme "Render" da sačuvate video fajl.

Preuzmite izvorne materijale:Preuzmite sa Yandex diska

Kategorija: