Kako stvoriti animaciju mašući zastavicom za web stranice

Autor: John Pratt
Datum Stvaranja: 12 Siječanj 2021
Datum Ažuriranja: 23 Studeni 2024
Anonim
21 Web Design | Entertainment
Video: 21 Web Design | Entertainment

Sadržaj

Ako na svom web mjestu želite prikazati poruku ili pokretnu sliku, razmislite o dodavanju zastave koja maše. Oponaša način na koji se prava zastava vijori na vjetru i predstavlja slike i / ili tekst. Iako se ovaj grafikon tradicionalno izrađuje pomoću grafičke aplikacije, postoji mogućnost da se ova slika učini dinamičnom pomoću besplatnog internetskog resursa. Stvorite animaciju zastave mašući kako želite i shvatite kako je postaviti na web stranice.

Korak 1

Usmjerite svoj preglednik na mrežni generator animiranih natpisa, kao što su FlashVortex.com, MakeSweet ili Layoutcodez.net. Ova posljednja dva omogućuju vam slanje slike zastave, dok FlashVortex.com pruža slike spremne za uređivanje.

Korak 2

Prenesite sliku za pokretni natpis na web mjesto MakeSweet klikom na gumb sa znakom plus i istim znakom koji se pojavljuje uz standardnu ​​sliku. Na Layoutcodez.net kliknite gumb "Odaberi datoteku". Slijedite upute na svakom web mjestu da biste odabrali grafiku i dodali je u projekt.


3. korak

Koristite izbornike na web stranicama FlashVortex.com i MakeSweet za crtanje slike. Na primjer, u prvu unesite veličinu zastave u tekstualno polje "Razmjera zastavice", u okvir "Tekst" unesite sadržaj koji prati zastavu i odaberite položaj teksta pomoću značajki pod naslovom "Uredi položaj oznake teksta". Layoutcodez.net ne nudi mogućnost dodatnih izmjena na slici.

4. korak

Završite dizajn natpisa u pokretu klikom na gumb "Generiraj animaciju" na web mjestu FlashVortex.com ili na "Učitaj" na stranici Layoutcodez.net, a zatim kopirajte kôd koji se automatski pojavljuje u okviru teksta. Pomoću MakeSweet kliknite ikonu filma na crtežu, odaberite opciju "Skica" (skica) ili "HI-RES" i kliknite sliku diska koja se pojavljuje na vrhu da biste datoteku spremili na radnu površinu računala.

Korak 5

Prenesite animiranu GIF datoteku s usluge MakeSweet na svoj internet ili host poslužitelj (ako je primjenjivo) u istu mapu ili direktorij koji pohranjuje datoteke s drugih web mjesta. Obratite pažnju na mjesto datoteke (na primjer, "http://www.yousite.com/flag.gif").


Korak 6

Pristupite web mjestu na koje želite dodati zastavicu u uređivaču teksta i postavite kursor tamo gdje želite da se prikazuje grafika. Zalijepite kod s FlashVortex.com ili Layoutcodez.net. Ako koristite MakeSweet, upišite URL datoteke zastave u navodnike u sljedeći kod slike:

7. korak

Spremi svoj rad. Animirana zastava sada se pojavljuje na stranici vašeg web mjesta.