Jak tworzyć i dodawać kinografiki w WordPress

Czy chcesz dowiedzieć się, jak tworzyć i dodawać kinografiki do twoich wpisów w WordPressie? Kinografiki to obrazki, których jedna część lub obszar porusza się, podczas gdy reszta obrazu pozostaje nieruchoma. Obrazki te są bardzo wciągające i dodają element fabularny do twoich artykułów. W tym artykule pokażemy, jak łatwo tworzyć i dodawać kinografiki w WordPress.

Czym są kinografiki?

Kinografiki to zazwyczaj obrazy GIF, w których niewielka część obrazka porusza się, podczas gdy reszta pozostaje nieruchoma. Wyglądają bardzo filmowo, stąd nazwa cinemagraphs.

Dodają one do obrazków element opowiadania historii, dzięki czemu wyglądają bardziej angażująco. Są szczególnie przydatne, gdy towarzyszą długim treściom, odcinkom podcastów lub relacjom audio.

Tworzenie kinografik różni się nieco od tworzenia zwykłych GIF-ów. Jeśli jednak posiadasz odpowiednie narzędzia, to przy niewielkim wysiłku i odrobinie praktyki będziesz w stanie tworzyć oszałamiające kinografiki z twoich własnych filmów.

Biorąc to pod uwagę, przyjrzyjmy się, jak łatwo tworzyć i dodawać kinografiki w WordPress.

Tworzenie kinografiki z filmów

Aby rozpocząć, będziesz potrzebować następujących elementów:

Mały film, który chcesz przekształcić w kinografikę
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ąć film do minimalnego klipu potrzebnego do kinografiki.

Następnie należy otworzyć program Photoshop i importować twój film do warstw, klikając menu Plik ” Importuj ” Klatki filmu do warstw.

Wybierz twój film, a następnie kliknij przycisk OK, aby kontynuować. W zależności od rozmiaru twojego filmu, jego pełne importowanie może trochę potrwać.

Gdy twój film zostanie zaimportowany, klatki wideo będą widoczne jako warstwy w panelu warstw.

Teraz musisz zaznaczyć wszystkie warstwy z wyjątkiem pierwszej (Layer 1).

Przejdź do menu Warstwa ” Nowy ” Grupa z warstw lub naciśnij Command + G (CTRL + G w systemie Windows), aby utworzyć grupę warstw.

Następnie należy zaznaczyć grupę i przejść do Warstwa ” Maska warstwy ” Ujawnij wszystko, 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ędzla. Musisz użyć narzędzia pędzla, aby podświetlić obszar, który chcesz pokazać w pętli.

Następnie przejdź do Okno ” Oś czasu, aby otworzyć wszystkie twoje warstwy w formacie animacji.

Zauważysz, że wszystkie klatki na osi czasu są przezroczyste, z wyjątkiem pierwszej.

Aby to zmienić, zaznacz pierwszą warstwę (Warstwa 1) w panelu warstw i kliknij ikonkę Unfiy Layer Visibility, a następnie naciśnij przycisk Match.

Następnie kliknij ikonkę przełącznika na osi czasu i zaznacz wszystkie klatki. Następnie ponownie kliknij przycisk przełączania, aby wybrać opcję Kopiuj klatki.

Po skopiowaniu klatek kliknij przycisk przełączania i wybierz opcję „Wklej klatki”.

Zostaniesz poproszony o wybranie metody wklejania. Wybierz „Wklej po zaznaczeniu” i naciśnij przycisk OK.

Następnie należy ponownie kliknąć ikonkę przełączania osi czasu i wybrać opcję „Odwróć klatki”.

Twoja animacja kinograficzna jest już prawie gotowa.

Aby zapisać ją na twoim komputerze, przejdź do opcji Plik ” Zapisz dla Internetu. Spowoduje to wyświetlenie wyskakującego okienka, w którym należy wybrać format GIF i kliknąć przycisk Zapisz.

To wszystko, twój Cinematograph jest gotowy.

Możesz dodać go do swojej witryny tak, jak dodałbyś każdy inny GIF w WordPress. Po prostu edytuj wpis lub stronę, na której chcesz dodać cinemagraph i kliknij przycisk dodawania multimediów.

Spowoduje to wyświetlenie wyskakującego okienka przesyłania multimediów, kliknij przycisk wyboru plików, aby przesłać plik GIF z twojego komputera.

Po załadowaniu kliknij przycisk „Wstaw do wpisu”, aby kontynuować.

Teraz zobaczysz obrazek w edytorze wpisów WordPress.

Nie zapomnij zapisać lub zaktualizować wpisu. Możesz teraz kliknąć przycisk podglądu, aby zobaczyć cinemagraph w działaniu. Oto kinografika, którą stworzyliśmy podczas tego poradnika.

Mamy nadzieję, że ten artykuł pomógł ci nauczyć się tworzyć i dodawać kinografiki w WordPress. Warto również zapoznać się z naszą listą witryn internetowych oferujących darmowe obrazki royalty free dla użytkowników WordPressa.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.