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, Svibanj
Anonim

Ako volite animirane elemente na web mjestima i želite animirati svoju web stranicu, ali se ne želite 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

Nužno je

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

Upute

Korak 1

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

Korak 2

U paleti alata odaberite olovku i nacrtajte malo slike. U paleti slojeva pritisnite Duplicate Layer, što će stvoriti kopiju postojećeg sloja. Pomoću gumice izbrišite bilo koji dio slike, a zatim dodajte promjene olovkom. Stvorite onoliko slojeva koliko je potrebno redoslijedom kojim bi se trebali međusobno zamijeniti. Svaki sloj bit će zasebni okvir vaše animacije.

3. korak

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

4. korak

Na izborniku 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 postavljanjem vremenskog intervala. Odaberite željeni okvir i na padajućem izborniku (lijevo, dolje) odaberite traženo vrijeme nakon kojeg će ovaj okvir biti zamijenjen drugim. Učinite to za svaki kadar vaše animacije. Kad 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 stranici.

Preporučeni: