Come creare animazioni di bandiere sventolanti per siti web

Autore: Eric Farmer
Data Della Creazione: 10 Marzo 2021
Data Di Aggiornamento: 18 Novembre 2024
Anonim
13 SITI FANTASTICI (E GRATIS) PER GRAFICA E DESIGN
Video: 13 SITI FANTASTICI (E GRATIS) PER GRAFICA E DESIGN

Contenuto

Se vuoi mostrare un messaggio o un'immagine in movimento sul tuo sito web, considera l'aggiunta di una bandiera sventolante. Imita il modo in cui una vera bandiera sventola al vento e presenta immagini e / o testo. Sebbene questo grafico sia tradizionalmente creato con un'applicazione grafica, esiste la possibilità di rendere dinamica questa immagine con una risorsa Internet gratuita. Crea l'animazione della tua bandiera agitando come preferisci e capisci come pubblicarla sui siti web.

Passo 1

Indirizza il tuo browser a un generatore di banner animati online, come FlashVortex.com, MakeSweet o Layoutcodez.net. Questi ultimi due consentono di inviare un'immagine della bandiera, mentre FlashVortex.com fornisce immagini pronte per essere modificate.

Passo 2

Carica un'immagine per il banner in movimento sul sito web MakeSweet facendo clic sul pulsante con il segno più e lo stesso segno che appare con l'immagine standard. Su Layoutcodez.net, fai clic sul pulsante "Scegli file". Segui le istruzioni su ogni sito per selezionare la grafica e aggiungerla al progetto.


Passaggio 3

Utilizzare i menu sui siti Web FlashVortex.com e MakeSweet per disegnare l'immagine. Nella prima, ad esempio, inserisci la dimensione della bandiera nel campo di testo "Scala bandiera", digita il contenuto che accompagna la bandiera nella casella "Testo" e scegli la posizione del testo utilizzando le funzioni sotto l'intestazione "Modifica posizione etichetta di testo". Layoutcodez.net non offre la possibilità di apportare ulteriori modifiche all'immagine.

Passaggio 4

Termina il disegno del banner in movimento cliccando sul pulsante "Genera Animazione" sul sito FlashVortex.com, oppure su "Carica" ​​nella pagina Layoutcodez.net, quindi copia il codice che compare automaticamente nel riquadro di testo. Con MakeSweet, fai clic sull'icona del film nel disegno, seleziona l'opzione "Bozza" (bozza) o "HI-RES" e fai clic sull'immagine disco che compare in alto per salvare il file sul desktop del tuo computer.

Passaggio 5

Carica il file GIF animato da MakeSweet su Internet o sul server host (se applicabile) nella stessa cartella o directory in cui sono archiviati i file di altri siti. Prendi nota della posizione del file (ad esempio, "http://www.yousite.com/flag.gif").


Passaggio 6

Accedi al sito Web in cui desideri aggiungere il flag nell'editor di testo e posiziona il cursore nel punto in cui desideri che appaia l'immagine. Incolla il codice da FlashVortex.com o Layoutcodez.net. Se utilizzi MakeSweet, digita l'URL del file flag tra virgolette nel codice immagine seguente:

Passaggio 7

Salva il tuo lavoro. La bandiera animata ora appare sulla pagina del tuo sito web.