Photoshop Animation - Facebook Video Cover
I de næste par Photoshop-tutorials opretter vi en Facebook-videoomslagskabelon til dine klienter. Denne Photoshop-videoskabelon bruger to fotos og flere lag tekst. Ved hjælp af nøglerammer og videotidslinjen opretter vi brugerdefinerede overgange til at flytte og falme ind / ud af disse designelementer. Endelig vil vi gøre de første og sidste rammer identiske, så videoen kan loop på vores Facebook-side.

Grafikken

Da dette er en skabelon, bruger du pladsholdergrafik, som vi konverterer til smarte objekter. Du kan erstatte de generiske pladsholderbilleder med din klients fotos.

Facebook-videodækslet skal være 820 x 462 pixels med en 1080-opløsning. Da vores to grafik har en skrå kant til venstre, har vi brug for, at pladsholdergrafikken er 920 x 462 pixels, hvilket er 100 pixels bredere end skærmen.

Når du vælger din klients fotos (se skærmbillede), skal de også være 920 x 462 pixels. Vi vil også placere tekst på venstre side af disse fotos, så dette område skal have mindre detaljer. De billeder, der bruges i vores klienteksempel, er fra Upsplash (se links nedenfor).

Planlægning af animationen

  1. Den første scene begynder med et foto, der allerede er på skærmen og slutter med Virksomhedsnavn pladsholder-tekst falmende på skærmen.

  2. Den næste scene begynder med den pladsholdertekst, der forbliver på skærmen, og et andet foto glider på skærmen fra højre og erstatter det originale foto. Scenen slutter med, at pladsholderteksten falmer ud.

  3. I den tredje scene forbliver det andet foto, og den næste gruppe af pladsholder-tekst falmede ind, en linje tekst ad gangen. Denne tekst vil være en tagline og en kort liste over de tjenester, virksomheden tilbyder, såsom catering, belysning og dekorationer. Til sidst tilføjer vi et opkald til handling i form af et telefonnummer, e-mail-adresse eller webstedets webadresse.

  4. I den forrige og sidste scene falder pladsholderteksten ud, og det første foto glider tilbage til skærmen fra højre. Hvis du afslutter den sidste scene med det samme foto, der var på tidslinjen i den første ramme af videoen, kan videoen loopes glat.

Bemærk: Fotos og tekstlag er bare pladsholdere og kan let ændres inden for skabelonen efter behov for din klient.

Lad os komme igang.

Brugte fotos:
//unsplash.com/photos/JlnZGMegZaI
//unsplash.com/photos/iTFwsm6kb2g

Næste

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.


Video Instruktioner: Adobe After Effects Facebook Cover Video Tutorial and Template! (Kan 2024).