Hur man skapar en blixtknapp

• Maj 2, 2024

Om du har följt med i serien är du nu redo att skapa menyknappar för din Flash-webbplats. Vi skapar en mallknapp som vi senare kommer att använda som grund för att skapa dina menyknappar. En Flash-knapp kommer förinställd med sin egen tidslinje som innehåller fyra ramar; Upp, över, ner och hit. Du kan tänka på dessa fyra ramar som stadierna i rollover-länken som är så populär på webbsidor. Upp-ramen är det vilande scenen när ingenting händer. Överramen är scenen när musen passerar över länken och Down-ramen är scenen när du klickar på länken. Hitramen är en speciell ram som verkligen inte syns på webbsidan. Syftet är att definiera platsen för det klickbara området eller koordinaterna för knappen. Vi kommer att använda dessa fyra ramar för att skapa rollover-effekten för din Flash-knappmall. Vi ställer in Up-ramen för att visa namnet på knappen i svart text, Over-ramen kommer att ändra färgen på texten till röd och den nedre ramen för att ändra färgen igen till grön. Naturligtvis kanske du vill använda olika färger som kommer att se bra ut med färgschemat för din webbsida. Öppna din .fla-fil och låt oss börja arbeta.

Steg 1. Ny knappsymbol. Klicka på Infoga> Ny symbol på menyraden för att öppna dialogrutan Skapa ny symbol. Namnge symbolen Nav_Button och ställ in beteendet på knappen. När du klickar på OK ser du en ny symbol som heter Nav_Button i bibliotekspanelen (Fönster> Bibliotek).


Bibliotekspanelen - Nav_Button Symbol

Steg 2. Tidslinjen. Du kommer också att märka att arbetsområdet har ändrats från scenen till symbol-redigeringsläge som visar tidslinjen för Nav_Button-symbolen. Som standard har du ett lager som heter Layer1 och fyra ramar (Up, Over, Down och Hit). Även Up-ramen har redan en Keyframe.


Symbol-redigeringsläge

Låt oss ändra namnet på Layer1 till Shapes eftersom vi ritar rektangelområdet som definierar det klickbara området för knappen. Dubbelklicka på Layer1-namnet och skriv in det nya namnet.

Därefter måste vi lägga till en Keyframe till de andra tre ramarna. Så, klicka på överramen för att välja den (den vita fyrkanten blir grön). Klicka sedan på Infoga> Tidslinje> Tom nyckelram och en liten prick kommer att visas i överramen i formen. Upprepa detta för Down- och Hit-ramarna i Shapes-lagret.


Formar lager

Sätt i lagerknappen
Steg 3. Lägg till ett lager. Vi kommer nu att lägga till ett andra lager. På det här lagret sätter vi namn eller etikett på knappen. Vi vill lägga detta nya lager ovanför formlagret så håll formen lagret valt och klicka på knappen Infoga lager för att skapa lager 2. Ändra namnet på det nya lagret från Layer2 till Label.


Etikettlager

Textverktygsikon
Steg 4. Lägg till namnet på knappen. Vi arbetar fortfarande på etikettlagret. Klicka på Up-ramen i etikettlagret så är du redo att lägga till etiketten för den här knappen. Det här är Home-knappen som tar dina läsare tillbaka till din webbplats. Så vi kommer att märka det hem. Klicka på textverktygsikonen och klicka på det lilla plustecknet i mitten av arbetsområdet. Detta öppnar Property Inspector för textverktyget. Ställ in attributen för textverktyget till vad du vill. Du lärde dig hur du gör detta i föregående handledning. Jag har ställt in mina attribut på följande.

Texttyp: statisk text
Typsnitt: Arial
Storlek: 36
Färg: 000000 (svart)
Stil: Fet
Centrera i linje med

Skriv nu Hem i den lilla rutan med den blinkande markören. Slutligen klickar du på ikonen Selection Tool (svart pil).


Hemetikett

Fortsätta

Video Instruktioner: Unboxing med Kjell - Vi testar Polaroid Onestep2 (Maj 2024).