Photoshop-animatie - Facebook-videodekking

• April 24, 2024

In de volgende paar tutorials over Photoshop maken we een Facebook-voorbladsjabloon voor uw klanten. Deze Photoshop-videosjabloon gebruikt twee foto's en verschillende tekstlagen. Met behulp van keyframes en de videotijdlijn maken we aangepaste overgangen om deze ontwerpelementen te verplaatsen en in te faden. Ten slotte zullen we de eerste en laatste frames identiek maken, zodat de video op onze Facebook-pagina kan worden afgespeeld.

De grafische weergave

Omdat dit een sjabloon is, gebruikt u afbeeldingen voor tijdelijke aanduidingen, die we zullen converteren naar slimme objecten. U kunt de generieke placeholder-afbeeldingen vervangen door de foto's van uw klant.

De Facebook-videodekking moet 820 x 462 pixels zijn, met een resolutie van 1080. Omdat onze twee afbeeldingen aan de linkerkant een schuine rand hebben, moeten de afbeeldingen voor de tijdelijke aanduiding 920 x 462 pixels zijn, wat 100 pixels breder is dan het scherm.

Wanneer u de foto's van uw klant kiest (zie screenshot), moeten deze ook 920 x 462 pixels zijn. We plaatsen ook tekst aan de linkerkant van deze foto's, dus dit gebied hoeft minder detail te hebben. De foto's die in ons klantvoorbeeld worden gebruikt, zijn van Upsplash (zie onderstaande links).

De animatie plannen

1. De eerste scène begint met één foto die al op het scherm staat en eindigt met de Bedrijfsnaam placeholder-tekst vervaagt op het scherm.
   
   
2. De volgende scène begint met de tekst van de tijdelijke aanduiding op het scherm en een tweede foto die van rechts op het scherm schuift en de originele foto vervangt. De scène eindigt met het vervagen van de tekst voor de tijdelijke aanduiding.
   
   
3. In de derde scène blijft de tweede foto over en verdwijnt de volgende groep tijdelijke tekst, telkens één regel tekst. Deze tekst zal een slogan en een korte lijst zijn van de diensten die door het bedrijf worden aangeboden, zoals catering, verlichting en decoraties. Ten slotte voegen we een call-to-action toe in de vorm van een telefoonnummer, e-mailadres of website-URL.
   
   
4. Tijdens de vierde en laatste scène verdwijnt de plaatsaanduidingstekst en glijdt de eerste foto van rechts weer op het scherm. Als u de laatste scène met dezelfde foto op de tijdlijn op het eerste frame van de video beëindigt, kan de video vloeiend worden herhaald.
   
   

Opmerking: de foto's en tekstlagen zijn slechts tijdelijke aanduidingen en kunnen eenvoudig binnen de sjabloon worden gewijzigd als dat nodig is voor uw klant.

Laten we beginnen.

Gebruikte foto's:
//unsplash.com/photos/JlnZGMegZaI
//unsplash.com/photos/iTFwsm6kb2g

De volgende

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop is / zijn [een] geregistreerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.