En rollover är en effekt som används på en bild på en webbsida för att omvandla bilden när en mus rullar eller svävar över den . Detta används ofta för att göra knappar eller menyer ändra färg , men kan användas på alla bilder. Använda Photoshop , kan du klippa någon bild i skivor , sedan byta en skiva så att endast den del av bilden förändringar i rollover , som att göra ord stå på botten , eller ändra färg på bara ett objekt i bilden . När skivorna skapas måste du placera lämpliga JavaScript -kod i den hemsidan för att skapa rollover-effekt , med hjälp av en programvara webbdesign eller HTML-redigerare . Instruktioner
1
Starta Photoshop och välj " Öppna " från Arkiv -menyn . Navigera till en bild som du vill använda för att välta och klicka på " Öppna ". Klicka på " Slice Tool " i verktygslådan . Om du inte kan se det , klicka och håll " Crop Tool " eller " Slice Select Tool " för att avslöja det .
2
Bestäm var du vill att rollover-effekt ska visas . Observera att Slice Tool bara skapar rektangulära segment och att ytterligare skivor skapas från den återstående bilden . Till exempel , om du väljer den övre halvan av en bild som rollover skiva, kommer den andra halvan av bilden är också en skiva . Om du klipper en kvadrat i mitten av bilden , är fyra andra skivor skapade , en ovanför din slice , en under och en på varje sida . Dra Slice Tool över Addera 3
område du vill för vältning . Bilden är skuren i skivor , med ett nummer i det övre vänstra hörnet . Klicka och håll " Slice Tool " i verktygslådan
4
, klicka sedan på " Slice Select Tool ". Dubbelklicka på Slice du gjorde i steg 3 för att öppna Slice fönstret . Typ " Rollover " i namnfältet och klicka på " OK . " Dubbelklicka på vardera av de andra skivorna för att ge dem lämpliga namn , som " Top ", " vänster ", " Center ", " höger" och " Bottom . "
5
Tryck " F7 " för att avslöja panelen Lager. Dra " Background Layer " på panelen Lager på " Nytt lager " -knappen längst ned på panelen . Gör de ändringar du vill på bilden för att ändra " Rollover " slice . Du kan skriva text över skivan , rita en figur , eller infoga en annan bild . Du kan lägga till effekter och justeringar bild som förändrar hela bilden . Ändringar några andra skivor kommer inte att sparas .
6
Klicka på " Spara för webben och enheter " under Arkiv-menyn . Spara bilden i önskat format - mest sannolikt JPEG eller GIF - och klickar på varje segment sparas med det namn du gav dem som en separat bild i en mapp som heter
< " Spara . " " Bild ". br > 7
Dra " bakgrund kopia " lagret på panelen Lager på " Trash " -knappen längst ned på panelen , liksom alla andra lager som du kan ha skapat lägga till effekter eller text , så att du bara har den ursprungliga " Bakgrund " lager kvar .
8
Dubbelklicka på " Rollover " slice med slice Selection Tool och ändra namnet till " original . " Klicka på " OK . "
9
Klicka på " Spara eller webben och enheter " från Arkiv -menyn . Använd samma filformat och samma målmapp som du gjorde i steg 6 . Klicka på " Spara . " En dialogruta visas som varnar dig att de andra skivorna kommer att ersättas . Dessa är de versioner du vill spara , så klicka på " OK . "
10
använda programvara webbdesign att sätta samman bilderna på en webbplats . Du har nu alla skivor med " Original " slice att återmontera den ursprungliga bilden och den " Rollover " slice för att använda i rollover-effekt på webbsidan .
