Cum să creați animație de semnalizare pentru site-uri web

Autor: Eric Farmer
Data Creației: 11 Martie 2021
Data Actualizării: 21 Noiembrie 2024
Anonim
How to Make Complete Professional Signage Design | Adobe Illustrator | Adobe Photoshop
Video: How to Make Complete Professional Signage Design | Adobe Illustrator | Adobe Photoshop

Conţinut

Dacă doriți să afișați un mesaj sau o imagine în mișcare pe site-ul dvs. web, luați în considerare adăugarea unui steag ondulant. Imită modul în care un steag real flutură în vânt și prezintă imagini și / sau text. Deși această diagramă este creată în mod tradițional cu o aplicație grafică, există opțiunea de a face această imagine dinamică cu o resursă gratuită de internet. Creați-vă animația de steag fluturând după cum doriți și înțelegeți cum să o postați pe site-uri web.

Pasul 1

Direcționați browserul către un generator de bannere animate online, cum ar fi FlashVortex.com, MakeSweet sau Layoutcodez.net. Aceste două ultime vă permit să trimiteți o imagine a steagului, în timp ce FlashVortex.com oferă imagini gata de editat.

Pasul 2

Încărcați o imagine pentru bannerul în mișcare pe site-ul web MakeSweet făcând clic pe butonul cu semnul plus și același semn care apare cu imaginea standard. La Layoutcodez.net, faceți clic pe butonul „Alegeți fișierul”. Urmați instrucțiunile de pe fiecare site pentru a selecta grafica și a o adăuga la proiect.


Pasul 3

Utilizați meniurile de pe site-urile FlashVortex.com și MakeSweet pentru a desena imaginea. În prima, de exemplu, introduceți dimensiunea steagului în câmpul de text „Scară steag”, tastați conținutul care însoțește steagul în caseta „Text” și alegeți plasarea textului utilizând funcțiile sub titlul „Editați poziția etichetei text”. Layoutcodez.net nu oferă opțiunea de a aduce modificări suplimentare imaginii.

Pasul 4

Finalizați designul bannerului în mișcare făcând clic pe butonul „Generați animație” de pe site-ul FlashVortex.com sau pe „Încărcați” pe pagina Layoutcodez.net, apoi copiați codul care apare automat în casetă de text. Cu MakeSweet, faceți clic pe pictograma filmului din desen, selectați opțiunea „Schiță” (schiță) sau „HI-RES” și faceți clic pe imaginea de pe disc care apare în partea de sus pentru a salva fișierul pe desktopul computerului.

Pasul 5

Încărcați fișierul GIF animat de la MakeSweet pe serverul dvs. de internet sau gazdă (dacă este cazul) în același folder sau director care stochează fișiere de pe alte site-uri. Rețineți locația fișierului (de exemplu, „http://www.yousite.com/flag.gif”).


Pasul 6

Accesați site-ul web unde doriți să adăugați steagul în editorul de text și poziționați cursorul în locul în care doriți să apară grafica. Lipiți codul de pe FlashVortex.com sau Layoutcodez.net. Dacă utilizați MakeSweet, tastați adresa URL a fișierului de semnalizare între ghilimele în următorul cod de imagine:

Pasul 7

Salvați-vă munca. Steagul animat apare acum pe pagina site-ului dvs. web.