Hoe Om 'n Knoppie Vinnig Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Knoppie Vinnig Te Maak
Hoe Om 'n Knoppie Vinnig Te Maak
Anonim

Flash-tegnologieë is vandag alombekend op internetwebwerwe, en selfs voornemende webmeesters streef daarna om flitselemente by hul webwerf te voeg. Byvoorbeeld, die menu-ontwerp wat hierdie tegnologie gebruik, sal funksioneel en mooi wees. As voorbeeld sal ons beskryf hoe u 'n maklike flitsknoppie in Adobe Flash CS4 kan maak wat op u webwerf geplaas kan word en 'n menublok kan maak op grond van sulke knoppies.

Hoe om 'n knoppie vinnig te maak
Hoe om 'n knoppie vinnig te maak

Instruksies

Stap 1

Berei twee grafiese lêers voor met 'n agtergrondbeeld van knoppies sonder teks in Jpg-formaat, wat in 'n paar kleurfragmente verskil. Open dan Adobe Flash, skep 'n nuwe dokument en kies Action Script 2.0 uit die lys.

Stap 2

Maak die instellingsafdeling oop en stel die breedte op 273 pixels en die hoogte op 54 pixels. Klik op die Importeer-knoppie in die File-menu en kies Import to library om die twee weergawes in die databiblioteek in te voer.

Stap 3

Sleep die afgelaaide prente na die werkarea, druk F8, hernoem een van die prente en kies Movie Clip in die afdeling Type.

Stap 4

Sleep die tweede prentjie na die werkarea, hernoem dit ook en spesifiseer dieselfde parameter in die Tipe-afdeling.

Stap 5

Tik die teks wat u wil hê op elke knoppie en druk Ctrl + F8 om 'n nuwe knoppie te skep. Die venster Nuwe simbool word oopgemaak. Gee die naam van die toekomstige knoppie en kies die tipe knoppie. Kopieer die eerste geredigeerde prentjie hierbo na die werkarea van die aangepaste filmknoppie.

Stap 6

Skep 'n nuwe filmknip, druk ook op Ctrl + F8 en kopieer die resultate na die werkarea. Skep 'n nuwe laag en kopieer die Movie Clip met die tweede prent.

Stap 7

Skep 'n raam op die eerste laag deur 'n bietjie terug te stap en kies die optie 'Voeg raam' in die regs-kieslys in. Herhaal dieselfde op die volgende laag deur Sleutelraam in te voeg in die konteksmenu. Kies die gemaakte sleutelraam en maak die instellings daarvan.

Stap 8

Kies Style Alpha in die afdeling Kleureffek en stel die waarde op 0%. Stel die waarde in die eerste raam van dieselfde laag op Classic Motion Tween.

Stap 9

Kies die knoppie-voorwerp op die verhoog en open aksies. Plak die volgende kode in die vrye veld: aan (vrylating) {

getURL ("aboutme.htm", "_self", "GET");

}

Stap 10

Gee die knoppie die gewenste naam in die instellings. Gaan terug na die eerste toneel en kopieer die filmgreep, kies dit en maak weer aksies oop. Voer 'n ander kode in waar sim_btn die naam van u knoppie is: onClipEvent (enterFrame) {

as (gaan) {

volgendeFrame ();

} anders {

prevFrame ();

}

}

onClipEvent (laai) {

var gaan;

stop ();

sim_btn.onRollOver = funksie () {

gaan = waar;

};

sim_btn.onRollOut = funksie () {

gaan = vals;

};

}

Stap 11

Voer die knoppie uit deur die film Exporteer in die File-menu te kies.

Aanbeveel: