Hogyan Készítsünk Animált Gombot

Tartalomjegyzék:

Hogyan Készítsünk Animált Gombot
Hogyan Készítsünk Animált Gombot

Videó: Hogyan Készítsünk Animált Gombot

Videó: Hogyan Készítsünk Animált Gombot
Videó: Animált "Feliratkozás" gomb készítés | Tutorial 2024, Lehet
Anonim

A webhelyek megtervezése nagyon fontos annak szempontjából, hogy a látogatók végül miként vélekednek róluk. Az embereknek esztétikai élvezetet kell tapasztalniuk a webhely oldalain, valamint ezeknek az oldalaknak kényelmesnek és funkcionálisnak kell lenniük számukra. Egyetlen webhely sem teljes navigációs gombok nélkül, és ha egyszerre animálja ezeket a gombokat, akkor webhelye egyszerre működőképes és gyönyörű lesz.

Hogyan készítsünk animált gombot
Hogyan készítsünk animált gombot

Utasítás

1. lépés

A grafikus gombok, ellentétben a szöveges gombokkal, észrevehetők az oldalakon, és az olvasók könnyen megjegyezhetik őket. A Corel Draw segítségével animált gombokat készíthet. Hozzon létre egy új dokumentumot, és rajzoljon egy üres részt, amelyen a gomb több nézetben is megjelenik, mind megnyomott, mind pedig nem nyomott állapotban.

2. lépés

Gomb rajzolásához válassza ki a megfelelő eszközt az eszköztárból, és rajzoljon egy lekerekített téglalapot. Töltse ki a téglalapot feketével, majd másolja át, és mozgassa a másolatot balra és felfelé. Töltse ki a második téglalapot fehérrel.

3. lépés

Az üres gombra írja be a nevét, fekete körvonalat adva a szöveghez. Tedd fehérre a szöveget. Most nyissa meg az Effects Rollover menüt úgy, hogy kiemeli a gombot, és rákattint a Create Rollover opcióra. Az Áthúzás állapotsoron a Normál felirat látható.

4. lépés

Most egy gomb képének módosításához kattintson rá a jobb gombbal, és válassza a helyi menüben az Áthúzás szerkesztése lehetőséget. Megnyílik egy új internetes eszköztár. Rajzoljon további gombpozíciókat, amelyek aztán egymás után megváltoznak, animációs hatást hozva létre.

5. lépés

Az Internet panel bal oldalán kattintson a Felül gombra, és szerkessze a gombot a szöveg körvonalának eltávolításához. Töltse ki a szöveget feketével, hogy létrehozza annak második változatát az animációban. Most nyomja meg a Le gombot, és rajzolja meg a gomb utolsó verzióját, amikor megnyomja.

6. lépés

Mozgassa a szöveget és a fehér téglalapot lefelé jobbra, és csúsztassa a fekete téglalapot balra. Most kattintson az Átfutás szerkesztésének befejezése gombra.

7. lépés

Mentse el a gombot a kóddal együtt, amellyel módosíthatja az objektumok megjelenését a weboldalon. Ily módon bármilyen gombot rajzolhat, bármilyen kivitelben.

Ajánlott: