Dizajn stránok je veľmi dôležitý pre to, ako ich nakoniec vnímajú návštevníci. Ľudia by mali na svojich stránkach pociťovať estetické potešenie. Tieto stránky by pre nich mali byť pohodlné a funkčné. Žiadny web nie je úplný bez navigačných tlačidiel a váš web bude vyzerať funkčne a zároveň nádherne, ak tieto tlačidlá urobíte animovanými.
Inštrukcie
Krok 1
Grafické tlačidlá sú na rozdiel od textových tlačidiel na stránkach zreteľné a čitatelia si ich ľahko zapamätajú. Pomocou aplikácie Corel Draw vytvorte animované tlačidlá. Vytvorte nový dokument a nakreslite prázdne miesto, na ktorom sa bude tlačidlo zobrazovať v niekoľkých zobrazeniach, a to v stlačenom aj nestlačenom stave.
Krok 2
Ak chcete nakresliť tlačidlo, vyberte príslušný nástroj z panela nástrojov a nakreslite zaoblený obdĺžnik. Vyplňte obdĺžnik čiernou farbou, potom ho skopírujte a posuňte kópiou doľava a nahor. Druhý obdĺžnik naplníme bielou.
Krok 3
Na prázdne tlačidlo napíšte jeho názov a do textu pridajte čierny obrys. Text urobte bielym. Teraz otvorte ponuku Effects Rollover zvýraznením tlačidla a kliknutím na možnosť Create Rollover. Na stavovom riadku pri prechode sa zobrazí položka Normálne.
Krok 4
Ak chcete zmeniť obrázok tlačidla, kliknite naň pravým tlačidlom myši a v kontextovej ponuke vyberte možnosť Upraviť prechod. Otvorí sa nový internetový panel s nástrojmi. Nakreslite ďalšie polohy tlačidiel, ktoré sa potom postupne budú meniť, čím sa vytvorí efekt animácie.
Krok 5
Na ľavej strane panela Internet kliknite na tlačidlo Cez a úpravou tlačidla odstráňte obrys textu. Naplňte text čiernou farbou, aby ste v animácii vytvorili jej druhú verziu. Teraz stlačte tlačidlo Dole a nakreslite poslednú verziu tlačidla, keď je stlačený.
Krok 6
Posuňte text a biely obdĺžnik nadol doprava a čierny obdĺžnik posuňte nahor doľava. Teraz kliknite na tlačidlo Dokončiť úpravy, presunutie myši.
Krok 7
Uložte tlačidlo spolu s kódom, ktorý môžete použiť na zmenu vzhľadu objektov na webovej stránke. Týmto spôsobom môžete nakresliť akýkoľvek druh gombíka s akýmkoľvek dizajnom.
