Hvordan lage flagg animasjon for nettsteder

Forfatter: Alice Brown
Opprettelsesdato: 25 Kan 2021
Oppdater Dato: 19 November 2024
Anonim
How to animate like a PRO with Elementor
Video: How to animate like a PRO with Elementor

Innhold

Hvis du vil vise en melding eller et bilde på bevegelse på nettstedet ditt, bør du vurdere å legge til et viftende flagg. Det etterligner måten et ekte flagg flagrer i vinden og presenterer bilder og / eller tekst. Selv om dette diagrammet tradisjonelt er laget med et grafisk program, er det muligheten til å gjøre dette bildet dynamisk med en gratis internettressurs. Lag flagganimasjonen din ved å vinke som du foretrekker, og forstå hvordan du legger den ut på nettsteder.

Trinn 1

Rett nettleseren din til en online animert bannergenerator, for eksempel FlashVortex.com, MakeSweet eller Layoutcodez.net. Disse to siste lar deg sende et bilde av flagget, mens FlashVortex.com gir bilder klare til redigering.

Steg 2

Last opp et bilde for det flyttbare banneret til MakeSweet-nettstedet ved å klikke på knappen med pluss tegnet og det samme tegnet som vises med standardbildet. Klikk på "Velg fil" -knappen på Layoutcodez.net. Følg instruksjonene på hvert nettsted for å velge grafikken og legge den til i prosjektet.


Trinn 3

Bruk menyene på nettsteder FlashVortex.com og MakeSweet for å tegne bildet. I den første, for eksempel, skriv inn størrelsen på flagget i "Flaggskala" tekstfeltet, skriv innholdet som følger med flagget i "Tekst" -boksen og velg plasseringen av teksten ved hjelp av funksjonene under overskriften "Rediger tekstetikettposisjon". Layoutcodez.net tilbyr ikke muligheten til å gjøre flere endringer i bildet.

Trinn 4

Fullfør utformingen av det bevegelige banneret ved å klikke på "Generer animasjon" -knappen på FlashVortex.com-nettstedet, eller på "Last opp" på Layoutcodez.net-siden, og kopier deretter koden som automatisk vises i boksen av tekst. Med MakeSweet klikker du på filmikonet på tegningen, velger alternativet "Utkast" (utkast) eller "HI-RES" og klikker på diskbildet som vises øverst for å lagre filen på datamaskinens skrivebord.

Trinn 5

Last opp den animerte GIF-filen fra MakeSweet til internett- eller vertsserveren (hvis aktuelt) til samme mappe eller katalog som lagrer filer fra andre nettsteder. Legg merke til plasseringen av filen (for eksempel "http://www.yousite.com/flag.gif").


Trinn 6

Gå til nettstedet der du vil legge til flagget i teksteditoren, og plasser markøren der du vil at grafikken skal vises. Lim inn koden fra FlashVortex.com eller Layoutcodez.net. Hvis du bruker MakeSweet, skriver du inn URL-en til flaggfilen i anførselstegn i følgende bildekode:

Trinn 7

Lagre arbeidet ditt. Det animerte flagget vises nå på siden til nettstedet ditt.