Jak stworzyć animację machającej flagi na strony internetowe

Autor: Alice Brown
Data Utworzenia: 27 Móc 2021
Data Aktualizacji: 23 Czerwiec 2024
Anonim
Jak zrobić prostą animację w programie Paint?
Wideo: Jak zrobić prostą animację w programie Paint?

Zawartość

Jeśli chcesz pokazać wiadomość lub ruchomy obraz w swojej witrynie, rozważ dodanie machającej flagi. Naśladuje sposób, w jaki prawdziwa flaga powiewa na wietrze i przedstawia obrazy i / lub tekst. Chociaż ten wykres jest tradycyjnie tworzony za pomocą aplikacji graficznej, istnieje możliwość nadania mu dynamiki za pomocą bezpłatnego zasobu internetowego. Utwórz animację flagi, machając, jak chcesz, i dowiedz się, jak umieścić ją na stronach internetowych.

Krok 1

Skieruj przeglądarkę na generator animowanych banerów online, taki jak FlashVortex.com, MakeSweet lub Layoutcodez.net. Te dwa ostatnie pozwalają na przesłanie obrazu flagi, podczas gdy FlashVortex.com zapewnia obrazy gotowe do edycji.

Krok 2

Prześlij obraz ruchomego banera na stronę MakeSweet, klikając przycisk ze znakiem plus i ten sam znak, który pojawia się przy standardowym obrazie. Na Layoutcodez.net kliknij przycisk „Wybierz plik”. Postępuj zgodnie z instrukcjami w każdej witrynie, aby wybrać grafikę i dodać ją do projektu.


Krok 3

Skorzystaj z menu w witrynach FlashVortex.com i MakeSweet, aby narysować obraz. W pierwszym z nich, na przykład, wprowadź rozmiar flagi w polu tekstowym „Skala flagi”, wpisz treść towarzyszącą fladze w polu „Tekst” i wybierz położenie tekstu za pomocą funkcji pod nagłówkiem „Edytuj położenie etykiety tekstowej”. Layoutcodez.net nie oferuje opcji wprowadzania dodatkowych modyfikacji obrazu.

Krok 4

Zakończ projekt ruchomego banera, klikając przycisk „Generuj animację” na stronie FlashVortex.com lub „Prześlij” na stronie Layoutcodez.net, a następnie skopiuj kod, który pojawi się automatycznie w polu tekstu. W programie MakeSweet kliknij ikonę filmu na rysunku, wybierz opcję „Wersja robocza” (wersja robocza) lub „WYSOKA ROZDZIELCZOŚĆ” i kliknij obraz dysku, który pojawi się u góry, aby zapisać plik na pulpicie komputera.

Krok 5

Prześlij animowany plik GIF z MakeSweet na swój serwer internetowy lub host (jeśli dotyczy) do tego samego folderu lub katalogu, w którym są przechowywane pliki z innych witryn. Zanotuj lokalizację pliku (na przykład „http://www.yousite.com/flag.gif”).


Krok 6

Wejdź na stronę internetową, do której chcesz dodać flagę w edytorze tekstu i umieść kursor w miejscu, gdzie ma się pojawić grafika. Wklej kod z FlashVortex.com lub Layoutcodez.net. Jeśli używasz MakeSweet, wpisz adres URL pliku flagi w cudzysłowie w następującym kodzie obrazu:

Krok 7

Zapisz swoją pracę. Animowana flaga pojawia się teraz na stronie Twojej witryny.