Kako Napraviti Animaciju Na Vašoj Web Stranici

Sadržaj:

Kako Napraviti Animaciju Na Vašoj Web Stranici
Kako Napraviti Animaciju Na Vašoj Web Stranici

Video: Kako Napraviti Animaciju Na Vašoj Web Stranici

Video: Kako Napraviti Animaciju Na Vašoj Web Stranici
Video: Верстка сайта - HTML,CSS анимации с нуля при прокрутке 2024, Maj
Anonim

Ako volite animirane elemente na web lokacijama i želite animirati svoju web stranicu, ali ne želite se zamarati Flashom, postoji jednostavno i učinkovito rješenje - animirani GIF. Za izradu animiranih GIF-ova ne trebaju vam vještine programiranja ili posebni dodaci.

Kako napraviti animaciju na vašoj web stranici
Kako napraviti animaciju na vašoj web stranici

Neophodno je

Računalo, grafički uređivač Adobe Photoshop 5 ili noviji, uređivač Adobe Image Ready

Instrukcije

Korak 1

Pokrenite Photoshop i stvorite novu sliku od 100x100 piksela. Postavite rezoluciju na 72 piksela i RGB mod. Odaberite opciju Prikaži slojeve iz stavke izbornika Prozor da biste prikazali paletu Slojevi.

Korak 2

U paleti alata odaberite olovku i nacrtajte neku sliku. U paleti slojeva kliknite Dupliciraj sloj, što će stvoriti kopiju postojećeg sloja. Pomoću gumice obrišite bilo koji dio slike, a zatim dodajte promjene olovkom. Stvorite onoliko slojeva koliko je potrebno redoslijedom kojim bi trebali zamijeniti jedan drugog. Svaki sloj bit će zasebni okvir vaše animacije.

Korak 3

Vrijeme je za animiranje rezultirajućih okvira. Na izborniku Datoteka odaberite Skoči na, a zatim Adobe Image Ready. Ova akcija će vas odvesti do drugog uređivača grafike.

Korak 4

Iz izbornika Window odaberite opciju Show Animation, koja će uključiti prikaz palete animacija. U izborniku postavki palete (ikona strelice u gornjem desnom kutu) odaberite funkciju Napravi okvire iz slojeva, koja će sve slojeve pretvoriti u okvire. Animacija je gotovo završena.

Korak 5

Vrijeme je da započnete s podešavanjem vremenskog intervala. Odaberite željeni okvir i u padajućem izborniku (lijevo, dolje) odaberite traženi vremenski period nakon kojeg će ovaj okvir biti zamijenjen drugim. Učinite to za svaki kadar vaše animacije. Kada završite, upotrijebite opciju Spremi optimizirano kao da spremite svoj prvi animirani GIF. Sada ga možete koristiti kao natpis ili ukrasni element na svojoj web lokaciji.

Preporučuje se: