Hur man skapar knappar i Flash

Navigationsmenyer behöver knappar. Flash ger dig alla verktyg för att skapa några riktigt coola knappar. Om du inte har skapat Flash-knappar tidigare, betrakta detta som ditt elddop. För att skapa en knapp för din meny, följ dessa steg:

1Välj Infoga → Ny symbol.

Dialogrutan Skapa ny symbol visas.

2Skriv ett namn för din symbol och välj knappens beteende från rullgardinsmenyn Typ.

Du skapar en meny, och det självklara stället att starta en meny är med hemknappen. Döp därför knappen Hem .

3Klicka på OK och Flash går in i symbolredigeringsläge.

Du har ett lager samt fyra tillstånd, vart och ett drivs av användarens markörposition: Upp, Över, Ned och Hit.

Detta tillstånd bestämmer målområdet för knappen. Du lägger till Hit-tillståndet om du har en särskilt läcker knapp som kan vara svår att välja.

4Om det inte redan är öppet, välj Fönster→Egenskaper.

Fastighetsinspektören öppnas.

5Skapa formstorleken för din knapp.

När du skapar knappar, använd rektangelverktyget med en hörnradie på 50 px för att få en oval form. Innan du skapar formen, ändra värdet för rektangelalternativ i egenskapsinspektören till 50, vilket ger dig en snygg rundad kant. Genom att välja Visa → Linjaler kan du skapa ett objekt som är ungefär lika stor som knappen.

6Välj knappens form och i egenskapsinspektören anger du önskade dimensioner för din knapp i bredd- och höjdfälten.

För att ta reda på vilken storlek du ska göra för varje knapp, dividera bredden på din navigeringsmeny med antalet knappar. I det här exemplet skapar du sex knappar för en navigeringsmeny (nav) som är 600 pixlar bred och 25 pixlar hög. Därför är varje knapp 100 pixlar bred och 25 pixlar hög.

7Välj och rikta sedan in knappen mot mitten av scenen.

Tryck på Ctrl+K (Windows) eller Apple+K (Mac) för att öppna panelen Justera. Markera kryssrutan Till scenen och klicka sedan på ikonerna som centrerar knappen vertikalt och horisontellt.

8Klicka på knappen Nytt lager i det nedre vänstra hörnet av tidslinjen.

Flash skapar ett nytt lager. Allt du behöver veta om lager för nu är att lager hjälper dig att organisera ditt arbete. För knappen skapar du ett separat lager för knapptext.

9Dubbelklicka på knappens textlagertitel.

Detta öppnar en textruta där du kan skriva ett nytt namn för det andra lagret. Det är inte nödvändigt, men att skapa ett intuitivt namn hjälper dig nu att dechiffrera vilket lager som används för vad när du skapar en komplex film eller symbol.

10 Ange ett namn för lagret.

Text är ett lika bra namn som något annat. Medan du håller på, byt namn på lagret där knappen finns. Button Shape är ett bra namn.

11Välj textverktyget och skriv önskat namn.

I det här fallet heter knappen Hem. När en besökare klickar på den här knappen går han till startsidan.

En komplett handledning om textverktyget ligger utanför den här bokens räckvidd. Men om du tittar på egenskapsinspektören ser du hur enkelt det är att ställa in parametrar för textverktyget.

12Tryck på F5 i nedre ramen på textlagret.

Detta kopierar innehållet i upp-ramen till över- och nedtillstånden.

13Tryck på F6 för att skapa nyckelbildrutor för över- och nedtillstånden i lagret Button Shape.

Genom att skapa nyckelrutor kan du ändra eller modifiera innehållet i dessa ramar, eller göra någon annan ändring som kommer att meddela användarna att de verkligen har hittat en klickbar knapp. Grafiken på nedtillståndet visas när användare lyckats klicka på knappen.

14Gör ändringar i över- och nedtillstånden för lagret Button Shape.

För det här körexemplet ändrade vi färgen på knappen till röd i överramen och till orange i nederramen.

15Klicka på Tillbaka-knappen (ser ut som en pil och är till vänster om scenerubriken ovanför det översta lagret).

Knappen läggs till i biblioteket och är klar att användas.