Inhoudsopgave:
Video: Buttons maken in Fireworks 2024
U kunt interactieve knoppen maken in Adobe Fireworks Creative Suite 5 om een rollover-knop te maken - een knop die verandert wanneer een muisaanwijzer wordt gewijzigd gaat overheen.
Maak de basisillustratie
Eerst moet u de basisillustratie van de knop maken. (Voor dit voorbeeld is de knop een afgeronde rechthoek, maar u kunt een andere vorm vervangen.) Volg deze stappen:
-
Klik op het gereedschap Rechthoek in het gedeelte Vector van het deelvenster Gereedschappen en houd dit vast en selecteer vervolgens Afgerond rechthoek in de lijst met verborgen gereedschappen.
-
Klik en sleep in de werkruimte om een vorm te maken.
Elke grootte is goed voor dit voorbeeld.
-
Kies Venster → Stijlen om het paneel Stijlen te openen.
-
Kies een stijl in de vervolgkeuzelijst.
Selecteer bijvoorbeeld Plastic Stijlen.
Deze basisknop is wat de kijker in eerste instantie op uw webpagina ziet.
Rollover-gedrag toevoegen
Rollover-gedrag toevoegen aan de knop en c Geef de versie van de knopafbeelding weer die de kijkers zullen zien wanneer hun muisaanwijzers deze passeren, volg deze stappen:
-
Selecteer de ronde rechthoekige vorm die u in de voorgaande sectie hebt gemaakt en klik met de rechtermuisknop om Rechthoekige segment invoegen te selecteren.
De vorm is gemarkeerd om aan te geven dat er een hotspot is gemaakt.
-
Klik met de rechtermuisknop (Windows) of houd Control ingedrukt en klik (Mac) op het midden van het segment en kies Toevoegen eenvoudig rollover-gedrag in het contextmenu.
-
Kies Venster → Staten om het deelvenster Staten te openen.
-
Kies vanuit het paneelmenu van de status Status dupliceren.
Het dialoogvenster Duplicaatstatus wordt weergegeven. Houd de instellingen op de standaardinstelling van Status 1 die wordt ingevoegd na de huidige status.