Jak zrobić animowany gif za darmo do swoich postów na blogu

Animowany gif prawdopodobnie kojarzy Ci się z mediami społecznościowymi.

Zwykle są to krótkie filmy o wartości rozrywkowej i często są to krótkie fragmenty zaczerpnięte z filmów z YouTube.

Jeśli to tylko dla zabawy, możesz znaleźć tysiące z nich online, jeśli są to darmowe biblioteki gif, więc nie ma potrzeby samodzielnego tworzenia animowanego gif.

Być może gdyby temat tego postu dotyczył książek, które naprawdę przewracają strony, mógłbym dodać coś takiego jak ten poniżej.

Wiem, że nie jest to najbardziej ekscytujący wysokiej jakości gif, jaki kiedykolwiek powstał, ale jest odpowiedni, aby pokazać, że możesz dodać go do posta na blogu na większości platform blogowych.

Jeśli używasz WordPressa, możesz załadować gif w taki sam sposób, w jaki ładujesz wszystkie swoje obrazy w Edytorze obrazów.

Jak zrobić gifa?

Wiele gifów, które widzisz w Internecie, jest utworzonych z plików wideo i przekonwertowanych klatek wideo na warstwy.

Wiąże się to z dość dużą pracą. Niektóre z nich używają setek pojedynczych klatek wideo do importowania plików.

Aby zamienić wideo w gif, musisz skopiować poszczególne klatki filmu.

Niektórzy ludzie tworzą animowany gif w Photoshopie, co jest trochę skomplikowane.

Nie jestem ekspertem. Ale z tego, co mogłem zrozumieć, musisz załadować ramki z warstw, a następnie załadować pliki do stosu.

Zatrzymałem się tam, ponieważ było to dla mnie zbyt skomplikowane.

W przypadku wpisu na blogu lub artykułu pliki gif to pliki obrazów o ograniczonym zastosowaniu. Ale od czasu do czasu są przydatne.

Bawiłem się obrazem nagłówka przed napisaniem tego posta.

Po wszystkich moich eksperymentach zdecydowałem się pozostać przy nieruchomym obrazie. Ale żeby nie marnować całej mojej pracy, oto wersja gif, którą zrobiłem.

Działa w celu tworzenia animacji klatek, których można szybko użyć w poście na blogu.

Jak zrobić gif, prosty sposób

Najłatwiejszym sposobem tworzenia animowanych gifów jest skorzystanie z bezpłatnego internetowego kreatora gifów lub kreatora gifów.

Jest ich wiele i wszystkie działają w podobny sposób.

Ale najpierw musisz utworzyć slajdy, których użyjesz do zbudowania swojego gifa.

W powyższym przykładzie użyłem Canva do stworzenia czterech obrazów i zmieniłem słowa oraz kolory tekstu na każdym obrazie.

Następnie użyłem darmowego internetowego narzędzia do tworzenia gifów. Jest z czego wybierać, jeśli wyszukujesz w Google.

Po prostu kliknij „Prześlij obrazy”, aby wybrać pliki. Każdy obraz utworzy nową warstwę.

Następnie, po przesłaniu ich wszystkich, możesz wprowadzić drobne poprawki przed wyświetleniem podglądu swojego GIF-a.

Jeśli Twoje slajdy są ułożone w niewłaściwej kolejności, możesz to zmienić, przeciągając i upuszczając.

Masz kilka ustawień, które możesz zmienić.

Rozmiar płótna jest taki sam jak rozmiar obrazu. Ustaw go tak, aby pasował do Twojego bloga, ale generalnie 750 pikseli jest wystarczająco duże.

Oczywiście rozmiar pliku wzrośnie, jeśli zrobisz go zbyt dużym, co może spowolnić szybkość ładowania strony.

Szybkość animacji określa, jak szybko zmieniają się slajdy. Powinieneś poeksperymentować z tym ustawieniem, aby znaleźć najlepszą prędkość dla typu gif, który chcesz utworzyć.

Po wybraniu ustawień kliknij „Utwórz animację GIF”.

Zobaczysz ładowanie menu poniżej z „Widok” lub „Pobierz”. Kliknij pobierz plik i zrobiłeś swój gif.

Jeśli spróbujesz otworzyć plik za pomocą przeglądarki obrazów, zobaczysz tylko slajdy. Aby sprawdzić nowy gif, musisz go otworzyć w przeglądarce Chrome, Safari lub Firefox.

Co można zrobić z gifem w poście na blogu?

Głównym zastosowaniem gifów na blogu jest kondensacja informacji lub długich list.

Używanie kolumn na stronie bloga nie jest już dobrym pomysłem, ponieważ nie są one responsywne.

Oznacza to, że nie będą one poprawnie wyświetlane na telefonie komórkowym.

Kolumny są po prostu zmniejszane, aby zmieściły się na małym ekranie. Następnie tekst staje się zbyt mały, aby można go było przeczytać.

Bez kolumn, gdybym chciał zawrzeć listę siedemdziesięciu pięciu najpopularniejszych książek, rozciągałaby się ona w dół strony na laptopie i dalej na telefonie lub tablecie.

Lepszym sposobem jest użycie gifa.

Ponownie musisz zrobić slajdy, ale tym razem użyłem zrzutów ekranu, a następnie przyciąłem je wszystkie do tego samego rozmiaru.

Teraz moja lista 75 książek zajmuje znacznie mniej miejsca na stronie.

Ponadto na małym ekranie, takim jak telefon lub tablet, gif automatycznie zmieni rozmiar, aby dopasować.

Zoptymalizowałem powyższy gif, aby upewnić się, że ładuje się tak szybko, jak to możliwe.

Możesz jednak wybrać stopień kompresji, jeśli chcesz uzyskać ostrzejszy tekst.

Wniosek

Nie będziesz używać gifa w każdym poście na blogu lub artykule, który napiszesz.

Ale od czasu do czasu są przydatne, zwłaszcza do dopasowania dużej ilości informacji do zarządzanej przestrzeni.

Zajęło mi kilka prób, aby znaleźć to, co działało, a co nie.

Odkryłem, że konieczna jest zmiana rozmiaru obrazów, których użyłem, zanim spróbowałem stworzyć nowy gif.

Możesz wykonać to obliczenie na podstawie rozmiarów obrazów, których obecnie używasz na swoim blogu.

Największym błędem, jaki możesz popełnić, jest stworzenie gifa, który jest znacznie szerszy niż maksymalna szerokość strony bloga.

Możesz to sprawdzić w swoim motywie. Jeśli używasz paska bocznego, szerokość może wynosić od 600 do 800 pikseli.

Jeśli użyjesz gif, który jest prawdopodobnie dwukrotnie większy niż rzeczywista strona bloga, jego rozmiar zostanie automatycznie zmieniony przez platformę blogową.

Będzie wyglądać dobrze, ale prędkość ładowania strony drastycznie spadnie z powodu dużego rozmiaru pliku.

Oprócz problemu z rozmiarem, nie ma nic specjalnego w dołączaniu gifów do postów na blogu.

Używaj gifów we właściwym miejscu z właściwych powodów. Mogą być praktycznym narzędziem do wykorzystania jako część postów na blogu, aby przekazać czytelnikom niektóre rodzaje informacji w znacznie lepszej formie.

Powiązana lektura: 50 darmowych narzędzi i aplikacji do pisania