Rollover knoppen zijn de beelden die je ziet als je een muis over vele webpagina knoppen . Andere knop staten kunnen hun eigen beelden, waaronder het klikte en gehandicapten staten . Maken rollover knoppen in Photoshop uw programma of webpagina van andere media onderscheidt . Het laat je ook knoppen te maken met interactieve vormen die betrekking hebben op de functie van uw toepassing . Voor een spel dat draken toont , bijvoorbeeld , kon je een knop waarvan normaal uiterlijk is het gesloten oog van een draak te creëren , en waarvan de rollover uiterlijk is het geopend draak oog. Instructies 1 Klik op " Nieuw " commando van het menu " Bestand " , klik vervolgens op de "Web " item uit de " Preset " drop - down controle . Click 2 het pictogram pictogrammenkolom vorm van een afgeronde rechthoek om het gereedschap " afgeronde rechthoek " run , klik op de kleurstaal boven het canvas . Klik op een kleur die u wilt voor de knop uit het palet dat verschijnt . Klik 3 naar de linkerkant van het canvas , sleep rechts om de knop te definiëren . Los om de vorm van de knop voltooien . Klik op de " Styles " item uit het menu " Windows " naar een palet van voorkeuzetoets stijlen laten zien . 4 Beweeg uw muis over de galerie van stijliconen , klik op een van de stijlen waarvan de naam "normaal ". Klik bijvoorbeeld op de " Schuine normale " stijl . De term " normale " geeft aan dat de stijl is voor de knop is ingeschakeld , niet- rollover state . 5 Klik op het pictogram "T " in het gereedschapspalet op het gereedschap " Tekst " run , sleep op de knop om een tekstvak te definiëren . Typ de gewenste tekst voor de knop in het tekstvak en klik op het vinkje boven het canvas om de tekst van het tekstvak te ronden . 6 Klik op de " Samenvoegen zichtbare " bevel van het menu " Lagen " om de tekst en effecten in een enkel beeld samen te voegen . Klik op de " dupliceren " in het menu " Lagen " op de knop voor de rollover staat dupliceren . 7 Gebruik de instructies van stap 4 tot en met een knop stijl toe te passen om de dubbele knop . Echter , op een stijl waarvan de naam " mouseover " in plaats van "normaal . " Klik bijvoorbeeld op de " Schuine mouseover " stijl . Dit zal het uiterlijk van de knop wanneer de gebruiker met de muis over het 8 Gebruik de instructies van stap 4 tot en met een knop stijl toe te passen om de dubbele knop passeert . Echter , op een stijl waarvan de naam " mousedown " in plaats van "normaal . " Klik bijvoorbeeld op de " Schuine mousedown " stijl . Dit zal het uiterlijk van de knop , terwijl de muis overheen en wordt geklikt . 9 Klik op de tab van het menu " Bestand " " Opslaan voor web " commando , en klik op ' 4 - up " tot vier beelden die ander beeld kwaliteiten voor de toets die u hebt geselecteerd bekijken . Klik op een afbeelding waarvan de kwaliteit u aanvaardbaar , en wie onder de afbeelding tekst bevat het bestandstype " GIF . " Knoppen zijn meestal in het GIF formaat , grotendeels omdat ze meestal vereisen weinig schijf geheugen . 10 Klik op " Opslaan " om de " Save geoptimaliseerd " dialoogvenster te openen . Typ een naam in het " Name" tekstvak die aangeeft de afbeelding is de rollover knop , niet de normale. Typ bijvoorbeeld ' rollover.gif . " Klik op " Opslaan " om de rollover knop opslaan . 11 Gebruik de instructies in stap 8 tot laag de rollover knop verbergen en onthullen laag van de normale knop . Gebruik de instructies van stap 9 en 10 om de normale knop opslaan met een naam als " normal.gif " of " enabled.gif . "
|