Hvordan Lage En Animert Knapp

Innholdsfortegnelse:

Hvordan Lage En Animert Knapp
Hvordan Lage En Animert Knapp

Video: Hvordan Lage En Animert Knapp

Video: Hvordan Lage En Animert Knapp
Video: Hvordan lage kretskort - Andreas Bade 2024, Kan
Anonim

Utformingen av nettsteder er veldig viktig for hvordan de til slutt oppfattes av besøkende. Folk bør oppleve estetisk nytelse mens de er på sidene på nettstedet, i tillegg til at disse sidene skal være praktiske og funksjonelle for dem. Ingen sider er komplette uten navigasjonsknapper, og siden din vil se funksjonell og vakker ut samtidig hvis du gjør disse knappene animerte.

Hvordan lage en animert knapp
Hvordan lage en animert knapp

Bruksanvisning

Trinn 1

Grafiske knapper, i motsetning til tekstknapper, er merkbare på sidene og er enkle for leserne å huske. Bruk Corel Draw til å lage animerte knapper. Opprett et nytt dokument og tegne et blankt der knappen vises i flere visninger, både i presset og ikke trykket tilstand.

Steg 2

For å tegne en knapp velger du riktig verktøy fra verktøykassen og tegner et avrundet rektangel. Fyll rektangelet med svart, kopier det og flytt kopien til venstre og opp. Fyll det andre rektangelet med hvitt.

Trinn 3

Skriv navnet sitt på den tomme knappen, og legg til en svart disposisjon i teksten. Gjør teksten hvit. Åpne nå Effects Rollover-menyen ved å markere knappen og klikke på Create Rollover-alternativet. Du vil se Normal på overgangsstatuslinjen.

Trinn 4

For å endre bildet av en knapp, høyreklikker du på den og velger Rediger overføringsalternativ i hurtigmenyen. En ny Internett-verktøylinje åpnes. Tegn flere knappeposisjoner, som deretter endres etter hverandre og skaper en animasjonseffekt.

Trinn 5

På venstre side av Internett-panelet klikker du på Over-knappen og redigerer knappen for å fjerne omrisset av teksten. Fyll teksten med svart for å lage en ny versjon av den i animasjonen. Trykk nå på Ned-knappen og tegne den siste versjonen av knappen når den trykkes.

Trinn 6

Flytt teksten og det hvite rektangelet ned til høyre, og skyv det sorte rektanglet opp til venstre. Klikk nå på Finish Editing Rollover-knappen.

Trinn 7

Lagre knappen sammen med koden du kan bruke til å endre utseendet på objekter på websiden. På denne måten kan du tegne hvilken som helst type knapp med hvilket som helst design.

Anbefalt: