Jak Vytvořit Animované Tlačítko

Obsah:

Jak Vytvořit Animované Tlačítko
Jak Vytvořit Animované Tlačítko

Video: Jak Vytvořit Animované Tlačítko

Video: Jak Vytvořit Animované Tlačítko
Video: Jak vytvořit animovaný GIF, tlačítko, button 2024, Listopad
Anonim

Design stránek je velmi důležitý pro to, jak je nakonec vnímají návštěvníci. Lidé by měli na stránkách webu zažít estetické potěšení a tyto stránky by pro ně měly být pohodlné a funkční. Žádný web není kompletní bez navigačních tlačítek a váš web bude vypadat funkční a zároveň krásný, pokud tato tlačítka necháte animovat.

Jak vytvořit animované tlačítko
Jak vytvořit animované tlačítko

Instrukce

Krok 1

Grafická tlačítka, na rozdíl od textových, jsou na stránkách viditelná a čtenáři si je snadno zapamatují. Pomocí aplikace Corel Draw můžete vytvářet animovaná tlačítka. Vytvořte nový dokument a nakreslete mezeru, na které se bude tlačítko zobrazovat v několika pohledech, a to jak ve stisknutém, tak ve stisknutém stavu.

Krok 2

Chcete-li nakreslit tlačítko, vyberte příslušný nástroj ze sady nástrojů a nakreslete zaoblený obdélník. Vyplňte obdélník černě, poté jej zkopírujte a posuňte kopii doleva a nahoru. Naplňte druhý obdélník bílou barvou.

Krok 3

Na prázdné tlačítko napište jeho název a do textu přidejte černý obrys. Text upravte na bílou. Nyní otevřete nabídku Efekty Rollover zvýrazněním tlačítka a kliknutím na možnost Vytvořit Rollover. Na stavovém řádku Rollover uvidíte Normal.

Krok 4

Chcete-li nyní změnit obrázek tlačítka, klikněte na něj pravým tlačítkem a v místní nabídce vyberte možnost Upravit přechod. Otevře se nový panel nástrojů Internetu. Nakreslete další pozice tlačítek, které se poté budou postupně měnit, čímž se vytvoří efekt animace.

Krok 5

Na levé straně panelu Internet klikněte na tlačítko Přes a upravte tlačítko, abyste odstranili obrys textu. Vyplňte text černě a v animaci vytvořte jeho druhou verzi. Nyní stiskněte tlačítko Dolů a nakreslete poslední verzi tlačítka, jak je stisknuto.

Krok 6

Přesuňte textový a bílý obdélník dolů doprava a černý obdélník posuňte doleva. Nyní klikněte na tlačítko Dokončit úpravy při přechodu.

Krok 7

Uložte tlačítko spolu s kódem, který můžete použít ke změně vzhledu objektů na webové stránce. Tímto způsobem můžete nakreslit jakýkoli druh tlačítka s jakýmkoli designem.

Doporučuje: