Knoppen maken in Flash - dummies

Navigatiemenu's hebben knoppen nodig. Flash biedt je alle tools om echt coole knoppen te maken. Als je nog geen Flash-knoppen hebt gemaakt, beschouw dit dan als je doop met vuur. Ga als volgt te werk om een ​​knop voor uw menu te maken:

1Kies invoegen → Nieuw symbool.

Het dialoogvenster Create New Symbol verschijnt.

2Typ een naam voor uw symbool en kies het gedrag Knop in het vervolgkeuzemenu Type.

U maakt een menu en de voor de hand liggende plaats om een ​​menu te starten, is met de knop Start. Noem daarom de knop Home .

3Klik op OK en de modus voor het bewerken van symbolen wordt geactiveerd.

Je hebt één laag en vier staten, elk aangedreven door de cursorpositie van de gebruiker: Omhoog, Over, Omlaag en Hit.

Deze staat bepaalt het doelgebied van de knop. U voegt de status Hit toe als u een bijzonder sierlijke knop hebt die mogelijk moeilijk te selecteren is.

4Als het venster nog niet is geopend, kiest u Venster → Eigenschappen.

De eigenschappencontrole wordt geopend.

5Maak de vorm voor uw knop.

Gebruik bij het maken van knoppen het gereedschap Rechthoek met een hoekradius van 50 px om een ​​ovale vorm te krijgen. Voordat u de vorm maakt, wijzigt u de waarde voor Rechthoekige opties in het eigenschappenvenster in 50, waardoor u een mooie afgeronde rand krijgt. Met Beeld → Linialen kunt u een object maken dat ongeveer de grootte van de knop is.

6Selecteer de knopvorm en typ in de eigenschappeninspector de gewenste afmetingen voor uw knop in de velden width en height.

Om uit te zoeken welke grootte elke knop moet maken, deelt u de breedte van uw navigatiemenu door het aantal knoppen. In dit voorbeeld maakt u zes knoppen voor een navigatie (nav) -menu dat 600 pixels breed en 25 pixels hoog is. Daarom is elke knop 100 pixels breed en 25 pixels hoog.

7Selecteer en lijn de knop uit met het midden van het werkgebied.

Druk op Ctrl + K (Windows) of Apple + K (Mac) om het paneel Uitlijnen te openen. Selecteer het vakje Naar fase en klik vervolgens op de pictogrammen die de knop verticaal en horizontaal centreren.

8Klik op de knop Nieuwe laag in de linkerbenedenhoek van de tijdlijn.

Flash maakt een nieuwe laag. Het enige dat u nog moet weten over lagen, is dat lagen u helpen bij het organiseren van uw werk. Voor de knop maakt u een afzonderlijke laag voor knoptekst.

9 Dubbelklik op de titel van de knoptekstlaag.

Hiermee wordt een tekstvak geopend waarin u een nieuwe naam voor de tweede laag kunt typen. Het is niet noodzakelijk, maar het maken van een intuïtieve naam helpt je later om te ontcijferen welke laag wordt gebruikt voor wat je maakt wanneer je een complexe film of een heel complex maakt.

10Voer een naam in voor de laag.

Tekst is even goed als een naam. Terwijl je bezig bent, hernoem je de laag waarop de knop zich bevindt. Knop Vorm is een goede naam.

11Selecteer het gereedschap Tekst en typ de gewenste naam.

In dit geval wordt de knop Home genoemd. Wanneer een bezoeker op deze knop klikt, gaat hij naar de startpagina.

Een uitgebreide tutorial over de teksttool valt buiten het bestek van dit boek. Als u echter naar de eigenschappeninspector kijkt, ziet u hoe eenvoudig het is om parameters in te stellen voor het gereedschap Tekst.

12Druk op F5 in het Omgekeerde frame op de tekstlaag.

Hiermee wordt de inhoud van het frame Omhoog naar de status Over en Down gekopieerd.

13Druk op F6 om keyframes te maken voor de status Over en Down op de laag Knopvorm.

Door keyframes te maken, kunt u de inhoud van deze frames wijzigen of wijzigen of een andere wijziging aanbrengen waardoor gebruikers worden geïnformeerd dat ze inderdaad een klikbare knop hebben gevonden. De afbeelding in de status Omlaag wordt weergegeven wanneer gebruikers op de knop hebben geklikt.

14 Breng wijzigingen aan in de status Over en Beneden voor de laag Knopvorm.

Voor dit actieve voorbeeld hebben we de kleur van de knop in het bovenframe gewijzigd in rood en in het frame Omgekeerd oranje.

15Klik op de knop Vorige (ziet eruit als een pijl en is links van de titel van de scène boven de bovenste laag).

De knop is toegevoegd aan de bibliotheek en klaar voor gebruik.