Zasnova spletnih strani je zelo pomembna za to, kako jih obiskovalci na koncu dojemajo. Ljudje naj bodo na straneh spletnega mesta deležni estetskega užitka, pa tudi te strani naj bodo zanje priročne in funkcionalne. Nobeno spletno mesto ni popolno brez gumbov za krmarjenje in vaše spletno mesto bo hkrati videti funkcionalno in lepo, če boste te gumbe naredili za animirane.
Navodila
Korak 1
Grafični gumbi so za razliko od besedilnih gumbov opazni na straneh in si jih bralci zlahka zapomnijo. Uporabite Corel Draw za ustvarjanje animiranih gumbov. Ustvarite nov dokument in narišite prazno mesto, na katerem bo gumb prikazan v več pogledih, tako v stisnjenem kot v nestisnjenem stanju.
2. korak
Če želite narisati gumb, v orodjarni izberite ustrezno orodje in narišite zaobljen pravokotnik. Pravokotnik napolnite s črno, nato ga kopirajte in premaknite kopijo levo in navzgor. Drugi pravokotnik napolnite z belo.
3. korak
Na prazen gumb napišite njegovo ime in besedilu dodajte črn oris. Besedilo naj bo belo. Zdaj odprite meni Effects Rollover, tako da označite gumb in kliknete možnost Create Rollover. V vrstici stanja Rollover boste videli Normal.
4. korak
Zdaj, če želite spremeniti sliko gumba, z desno miškino tipko kliknite nanj in v kontekstnem meniju izberite možnost Uredi prenašanje. Odprla se bo nova internetna orodna vrstica. Narišite dodatne položaje gumbov, ki se bodo nato spreminjali drug za drugim in ustvarjali učinek animacije.
5. korak
Na levi strani internetne plošče kliknite gumb Over in uredite gumb, da odstranite oris besedila. Besedilo napolnite s črno, da ustvarite njegovo drugo različico v animaciji. Zdaj pritisnite gumb Dol in narišite zadnjo različico gumba, ko je pritisnjen.
6. korak
Premaknite besedilo in beli pravokotnik navzdol v desno, črni pravokotnik pa potisnite navzgor v levo. Zdaj kliknite gumb Finish Editing Rollover.
7. korak
Gumb shranite skupaj s kodo, s katero lahko spremenite videz predmetov na spletni strani. Na ta način lahko narišete kakršen koli gumb s poljubnim dizajnom.
