Photoshop Animasjon - Facebook Video Cover

• April 29, 2024

I løpet av de neste Photoshop-opplæringene lager vi en Facebook-videoomslagsmal for dine klienter. Denne Photoshop-videomalen bruker to bilder og flere lag med tekst. Ved hjelp av nøkkelrammer og tidslinjen for video vil vi lage tilpassede overganger for å flytte og fade inn / ut disse designelementene. Til slutt vil vi gjøre de første og siste rammene identiske, slik at videoen kan sløyfe på Facebook-siden vår.

Grafikken

Siden dette er en mal, bruker du plassholdergrafikk, som vi vil konvertere til smarte objekter. Du kan erstatte de generelle plassholderbildene med bilder fra klienten.

Facebook-videodekslet må være 820 x 462 piksler, med en oppløsning på 1080. Ettersom de to grafikkene våre vil ha en skrå kant til venstre, trenger vi at plassholdergrafikken er 920 x 462 piksler, som er 100 piksler bredere enn skjermen.

Når du velger bilder fra kunden din (se skjermdump), må de også være 920 x 462 piksler. Vi vil også plassere tekst på venstre side av disse bildene, så dette området må ha mindre detaljer. Bildene som brukes i vårt klienteksempel er fra Upsplash (se lenker nedenfor).

Planlegger animasjonen

1. Den første scenen begynner med ett bilde allerede på skjermen og slutter med Firmanavn plassholdertekst bleknet på skjermen.
   
   
2. Den neste scenen begynner med plasseringsteksten som er igjen på skjermen og et andre bilde som glir videre til skjermen fra høyre, og erstatter det originale bildet. Scenen vil avsluttes med at plassholderteksten falmer ut.
   
   
3. I den tredje scenen forblir det andre bildet, og den neste gruppen av plasseringstekst blekner, en tekstlinje om gangen. Denne teksten vil være en tagline og en kort liste over tjenestene som tilbys av virksomheten, for eksempel catering, belysning og dekorasjoner. Til slutt vil vi legge til en oppfordring til handling i form av et telefonnummer, e-postadresse eller nettadresse.
   
   
4. I løpet av den forrige og siste scenen vil plasseringsteksten fade ut og det første bildet glir tilbake til skjermen fra høyre. Hvis du avslutter den siste scenen med det samme bildet som var på tidslinjen i den første rammen av videoen, kan videoen sløyfes smidig.
   
   

Merk: Bilder og tekstlag er bare plassholdere og kan enkelt endres i malen etter behov for din klient.

La oss komme i gang.

Brukte bilder:
//unsplash.com/photos/JlnZGMegZaI
//unsplash.com/photos/iTFwsm6kb2g

neste

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra Adobe Systems Incorporated. Adobe, Photoshop er / er enten [a] registrert varemerke [eller] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: How To Create Frame Animation (GIF or VIDEO) In Photoshop (April 2024).