W artykule:
Chcesz dowiedzieć się, jak tworzyć i dodawać Kinografie w swoich postach WordPress? Kinografie to obrazy, w których jedna część lub obszar poruszają się, podczas gdy reszta obrazu pozostaje nieruchoma. Te obrazy są bardzo angażujące i dodają element opowiadania do artykułów. W tym artykule pokażemy Ci, jak łatwo tworzyć i dodawać kinografie w WordPress.
Czym są Kinografie?
Kinografie to zazwyczaj obrazy GIF, w których niewielka część obrazu porusza się, podczas gdy reszta pozostaje nieruchoma. Wyglądają bardzo kinowo stąd nazwa kinografie.
Dodają element narracji do obrazów, co sprawia, że wyglądają bardziej angażująco. Są one szczególnie przydatne, gdy towarzyszy im długa treść, odcinek podcastu lub historia audio.
Tworzenie kinografów różni się nieco od zwykłych GIFów. Jeśli jednak masz odpowiednie narzędzia, przy niewielkim wysiłku i odrobinie praktyki będziesz w stanie tworzyć wspaniałe kinografie z własnych filmów.
Mając to na uwadze, przyjrzyjmy się, jak łatwo tworzyć i dodawać kinografie w WordPress.
Tworzenie Kinografów z filmów
Aby rozpocząć, potrzebujesz następujących elementów:
- Mały klip wideo, który chcesz przekonwertować na kinograf
- Adobe Photoshop
- Twój czas, cierpliwość i kreatywność
Zaczynajmy.
Najpierw musisz przygotować swój film. Możesz użyć narzędzia do edycji wideo, takiego jak iMovie, aby przyciąć wideo do zaledwie minimalnego klipu, którego potrzebujesz do cinemagraph.
Następnie musisz otworzyć program Photoshop i zaimportować wideo do warstw, klikając Plik „Importuj” klatki wideo do warstw menu.
Wybierz swój film, a następnie kliknij przycisk OK, aby kontynuować. W zależności od rozmiaru wideo pełne zaimportowanie może potrwać trochę czasu.
Po zaimportowaniu wideo pod panelem warstwy zobaczysz klatki wideo jako warstwy.
Teraz musisz wybrać wszystkie warstwy z wyjątkiem pierwszej warstwy (warstwa 1).
Przejdź do Warstwa „Nowa” Grupa Z Warstw menu lub naciśnij Command + G (CTRL+G w systemie Windows), aby dodać warstwy do grupy.
Następnie musisz wybrać grupę i przejść do Layer „Maska Warstwy” Ujawnij Wszystkie aby dodać maskę do grupy.
Po dodaniu maski naciśnij klawisze Command + I (Ctrl + i w systemie Windows), aby odwrócić kolor maski.
Teraz ustaw kolor pierwszego planu na biały, a następnie kliknij narzędzie Pędzel. Musisz użyć narzędzia pędzel, aby podświetlić obszar, który chcesz pokazać w pętli.
Następnie przejdź do Okno ” Oś Czasu aby otworzyć wszystkie warstwy w formacie animacji.
Zauważysz, że wszystkie klatki są przezroczyste na osi czasu, z wyjątkiem pierwszej klatki.
Aby to zmienić, wybierz pierwszą warstwę (warstwę 1) w panelu Warstwy i kliknij ikonę widoczności warstwy Nieścisłej, a następnie naciśnij przycisk Dopasuj.
Następnie kliknij ikonę przełączania osi czasu i wybierz wszystkie klatki. Następnie kliknij ponownie przycisk Przełącz, aby wybrać Kopiuj Ramki.
Po skopiowaniu ramek kliknij przycisk przełącz i wybierz opcję „Wklej Ramki”.
Zostaniesz poproszony o wybranie metody wklejania. Wybierz „Wklej Po zaznaczeniu”i naciśnij przycisk OK.
Następnie musisz jeszcze raz kliknąć ikonę przełączenia osi czasu i wybrać opcję „Odwróć Ramki”.
Twoja animacja cinemagraph jest prawie gotowa.
Aby zapisać go na komputerze, przejdź do Plik ” Zapisz dla WWW opcja. Spowoduje to wyświetlenie okienka, w którym musisz wybrać format GIF i kliknąć przycisk Zapisz.
To wszystko Twój Kinematograf jest gotowy.
Możesz dodać go do swojej witryny, tak jak dodałbyś inne gify w WordPress. Po prostu Edytuj post lub stronę, na której chcesz dodać cinemagraph, i kliknij przycisk Dodaj media.
Spowoduje to wyświetlenie wyskakującego okienka Media uploader, kliknij przycisk Wybierz pliki, aby przesłać plik GIF z komputera.
Po przesłaniu kliknij przycisk „Wstaw do postu”, aby kontynuować.
Teraz zobaczysz obraz w edytorze postów WordPress.
Nie zapomnij zapisać lub zaktualizować posta. Możesz teraz kliknąć przycisk Podgląd, aby zobaczyć cinemagraph w akcji. Oto cinemagraph, który stworzyliśmy podczas tego samouczka.
Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się tworzyć i dodawać kinografie w WordPress. Możesz również zobaczyć naszą listę stron internetowych oferujących bezpłatne obrazy royalty free dla użytkowników WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
