Animacja w Photoshopie - okładka wideo na Facebooku
W kilku kolejnych samouczkach dotyczących Photoshopa utworzymy szablon okładki wideo na Facebooku dla Twoich klientów. Ten szablon wideo programu Photoshop użyje dwóch zdjęć i kilku warstw tekstu. Korzystając z klatek kluczowych i osi czasu wideo, stworzymy niestandardowe przejścia, aby przesuwać i przenikać te elementy projektu. Wreszcie sprawimy, że pierwsza i ostatnia klatka będą identyczne, aby wideo mogło zapętlić się na naszej stronie na Facebooku.

Grafika

Ponieważ jest to szablon, będziesz używać zastępczej grafiki, którą przekonwertujemy na inteligentne obiekty. Możesz zastąpić ogólne obrazy zastępcze zdjęciami swojego klienta.

Film na Facebooku musi mieć rozmiar 820 x 462 pikseli i rozdzielczość 1080. Ponieważ nasze dwie grafiki będą miały jedną ukośną krawędź po lewej stronie, potrzebujemy grafiki zastępczej o wymiarach 920 x 462 pikseli, czyli o 100 pikseli szerszych niż ekran.

Wybierając zdjęcia klienta (patrz zrzut ekranu), muszą one również mieć wymiary 920 x 462 pikseli. Będziemy również umieszczać tekst po lewej stronie tych zdjęć, więc w tym obszarze musi być mniej szczegółów. Zdjęcia użyte w naszym przykładzie klienta pochodzą z Upsplash (patrz linki poniżej).

Planowanie animacji

  1. Pierwsza scena rozpocznie się od jednego zdjęcia już na ekranie i zakończy się na Nazwa firmy tekst zastępczy przenikający do ekranu.

  2. Następna scena zaczyna się od tekstu zastępczego pozostającego na ekranie i drugiego zdjęcia przesuwającego się na ekran z prawej strony, zastępując oryginalne zdjęcie. Scena zakończy się zanikaniem tekstu zastępczego.

  3. W trzeciej scenie pozostaje drugie zdjęcie, a następna grupa tekstu zastępczego znika, jeden wiersz tekstu na raz. Ten tekst będzie sloganem i krótką listą usług oferowanych przez firmę, takich jak catering, oświetlenie i dekoracje. Na koniec dodamy wezwanie do działania w postaci numeru telefonu, adresu e-mail lub adresu URL witryny.

  4. Podczas czwartej i ostatniej sceny tekst zastępczy zniknie, a pierwsze zdjęcie wróci do ekranu z prawej strony. Zakończenie ostatniej sceny tym samym zdjęciem, które było na osi czasu w pierwszej klatce wideo, pozwoli na płynne zapętlenie wideo.

Uwaga: zdjęcia i warstwy tekstowe są tylko symbolami zastępczymi i można je łatwo zmienić w szablonie zgodnie z potrzebami klienta.

Zacznijmy.

Użyte zdjęcia:
//unsplash.com/photos/JlnZGMegZaI
//unsplash.com/photos/iTFwsm6kb2g

Kolejny

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą Adobe Systems Incorporated. Adobe, Photoshop jest / są [a] zastrzeżonym znakiem towarowym lub znakiem towarowym Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.


Instrukcje Wideo: Jak w posty sposób dodać animacje GIF na Facebook. (Może 2024).