Dizajn stranica je vrlo važan za to kako ih u konačnici doživljavaju posjetitelji. Ljudi bi trebali doživjeti estetsko zadovoljstvo dok su na stranicama web mjesta, kao što bi im i ove stranice trebale biti prikladne i funkcionalne. Nijedna web lokacija nije kompletna bez navigacijskih gumba, a vaša će web stranica istovremeno izgledati funkcionalno i lijepo ako ove gumbe učinite animiranim.
Instrukcije
Korak 1
Grafički gumbi, za razliku od tekstualnih, uočljivi su na stranicama i čitatelji ih lako pamte. Koristite Corel Draw za kreiranje animiranih dugmadi. Stvorite novi dokument i nacrtajte prazno mjesto na kojem će se gumb prikazivati u nekoliko prikaza, kako u pritisnutom, tako i u ne pritisnutom stanju.
Korak 2
Da biste nacrtali gumb, odaberite odgovarajući alat iz okvira s alatima i nacrtajte zaobljeni pravokutnik. Napunite pravougaonik crnom bojom, zatim ga kopirajte i pomaknite kopiju lijevo-gore. Napunite drugi pravougaonik bijelom bojom.
Korak 3
Na prazno dugme napišite njegovo ime, dodajući crni obris tekstu. Učinite tekst bijelim. Sada otvorite izbornik Effects Rollover označavanjem gumba i klikom na opciju Create Rollover. Na statusnoj traci Rollover vidjet ćete Normal.
Korak 4
Sada, da biste promijenili sliku gumba, kliknite ga desnom tipkom miša i odaberite opciju Uredi premještanje u kontekstnom izborniku. Otvorit će se nova Internet traka s alatima. Nacrtajte dodatne položaje dugmadi, koji će se zatim mijenjati jedan za drugim, stvarajući efekt animacije.
Korak 5
Na lijevoj strani internetske ploče kliknite gumb Over i uredite gumb da biste uklonili obris teksta. Popunite tekst crnom bojom da biste u animaciji kreirali njegovu drugu verziju. Sada pritisnite gumb Dolje i nacrtajte zadnju verziju gumba dok je pritisnut.
Korak 6
Pomaknite tekst i bijeli pravougaonik prema dolje udesno, a crni pravokutnik pomaknite prema gore ulijevo. Sada kliknite gumb Završi uređivanje prenosa.
Korak 7
Spremite gumb zajedno s kodom pomoću kojeg možete promijeniti izgled objekata na web stranici. Na ovaj način možete nacrtati bilo koju tipku bilo kojeg dizajna.
