Photoshop Animation - Facebook Video Cover

• Maj 15, 2024

I de närmaste Photoshop-självstudierna kommer vi att skapa en Facebook-omslagsmall för dina kunder. Denna Photoshop-videomall använder två foton och flera textlager. Med hjälp av nyckelramar och tidslinjen för video skapar vi anpassade övergångar för att flytta och bleka in / ut dessa designelement. Slutligen kommer vi att göra de första och sista bilderna identiska, så att videon kan slinga på vår Facebook-sida.

Grafiken

Eftersom det här är en mall använder du platshållargrafik, som vi konverterar till smarta objekt. Du kan ersätta de generiska bilderna med bilder från din klient.

Facebook-videokåpan måste vara 820 x 462 pixlar med en upplösning på 1080. Eftersom våra två grafik har en sned kant på vänster sida, behöver vi platshållargrafiken vara 920 x 462 pixlar, vilket är 100 pixlar bredare än skärmen.

När du väljer kundens foton (se skärmdump) måste de också vara 920 x 462 pixlar. Vi kommer också att placera text på vänster sida om dessa foton, så det här området måste ha mindre detaljer. Bilderna som används i vårt klientexempel är från Upsplash (se länkar nedan).

Planera animeringen

1. Den första scenen börjar med ett foto redan på skärmen och slutar med Företagsnamn platshållarens text bleknar på skärmen.
   
   
2. Nästa scen börjar med den platshållarteksten som finns kvar på skärmen och ett andra foto glider på skärmen från höger, och ersätter det ursprungliga fotot. Scenen avslutas med att platshållarens text försvinner.
   
   
3. I den tredje scenen kvarstår det andra fotot och nästa grupp av platshållare text bleknar in, en rad text i taget. Denna text kommer att vara en tagline och en kort lista över de tjänster som erbjuds av företaget, såsom catering, belysning och dekorationer. Till sist lägger vi till ett samtal till handling i form av ett telefonnummer, e-postadress eller webbadress.
   
   
4. Under den fortsatta och sista scenen kommer platshållarens text att försvinna och det första fotot glider tillbaka till skärmen från höger. Att avsluta den sista scenen med samma foto som fanns på tidslinjen i den första bildrutan gör att videon kan slinga smidigt.
   
   

Obs: Foton och textlager är bara platshållare och kan enkelt ändras i mallen efter behov för din klient.

Låt oss börja.

Bilder som används:
//unsplash.com/photos/JlnZGMegZaI
//unsplash.com/photos/iTFwsm6kb2g

Nästa

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta med tillstånd från Adobe Systems Incorporated. Adobe, Photoshop är / är antingen [a] registrerat varumärke eller ett varumärke som tillhör Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Facebook cover animation video [Tamil] - Learn Photoshop CC - 31 | Pirabu Chandran (Maj 2024).