? Rollover knappar är de bilder du ser när du håller musen över många knappar på webbsidor . Andra knapplägen kan ha egna bilder, inklusive de klickade och funktionshindrade staterna . Göra rollover knappar i Photoshop skiljer ditt program eller webbsida från andra medier . Den låter dig även skapa knappar med interaktiva former som rör programmets funktion . För ett spel som skildrar drakar , till exempel , kan du skapa en knapp vars normala utseende är det stängda ögat av en drake , och vars välta utseende är öppna draken ögat . Instruktioner
1
Klicka på " Arkiv " -menyn är " Ny " kommandot , klicka sedan på " webben " alternativ från " Preset " drop -down kontroll .
2
Klicka verktygspaletten ikonen formad som en rundad rektangel för att köra " rundad rektangel " verktyg , klicka på färgrutan ovanför arbetsytan . Klicka på en färg du vill för knappen från paletten som visas . Addera 3
Klicka mot vänster sida av duken , sedan dra rätt att definiera knappen . Släpp för att slutföra knappens form. Klicka på " Styles " alternativ från " Windows " -menyn för att visa en palett av Presettangentens stilar .
4
muspekaren över galleriet av stilikoner , klicka sedan på en av de stilar vars namn innehåller " normala . " Till exempel , klicka på " Fasade normala " stil . Uttrycket " normala " visar att stilen är för knappens aktiverade , icke - rollover staten .
5
Klicka på " T " -ikonen i verktygspaletten för att köra " Text " verktyget , dra sedan över knappen för att definiera en textruta . Skriv den text du vill ha på knappen i textrutan , klicka på ikonen bock ovanför arbetsytan för att färdigställa texten till textrutan .
6
Klicka på " Merge Visible " behärskar "Lager " -menyn för att sammanfoga text och effekter i en enda bild . Klicka på " Duplicera " -kommandot från " Layer " menyn för att duplicera knappen för överrullningsläge .
7
Använd instruktionerna i steg 4 för att tillämpa en knapp stil till knappen Duplicera . Men på ett format vars namn innehåller " mouseover " istället för " normala . " Till exempel , klicka på " Beveled mouseover " stil . Detta kommer att vara utseendet på knappen när användaren passerar musen över det
8
Följ anvisningarna från steg 4 för att tillämpa en knapp stil till knappen Duplicera . Men på ett format vars namn innehåller " mouseDown " istället för " normala . " Till exempel , klicka på " Beveled mouseDown " stil . Detta kommer att vara utseendet på knappen när musen är över den och bli klickade .
9
Klicka på " Arkiv " -menyn " Spara för webben " kommandot , klicka sedan på " 4 - upp "-fliken att visa fyra bilder som visar olika bildkvaliteter för den knapp du valt . Klicka på en bild vars kvalitet du hittar acceptabel , och vars text under bilden innehåller filtypen " GIF ". Knappar är oftast i GIF-format , till stor del eftersom de oftast kräver lite disk minne .
10
Klicka på " Spara " för att öppna " Spara optimerad " dialogrutan . Skriv ett namn i fältet " Name " textrutan som visar att bilden är rollover -knappen , inte det normala . Skriv till exempel " rollover.gif . " Klicka på " Spara " för att spara rollover -knappen .
11
Använd instruktionerna från steg 8 för att dölja rollover knappens skikt och avslöjar den normala knappens skikt . Följ anvisningarna från steg 9 och 10 för att spara den normala knappen med ett namn som " normal.gif " eller " enabled.gif . " Addera
