Een rollover is een effect toegepast op een afbeelding in een webpagina om het beeld te vormen wanneer een muis rollen of erboven zweeft . Dit wordt vaak gebruikt om knoppen of menu kleur veranderen , maar kan worden gebruikt op elk beeld . Met behulp van Photoshop , kunt u elke afbeelding in plakjes gesneden , verander dan een plakje zodat alleen dat deel van het beeld verandert in de rollover , zoals het maken van woorden verschijnen op de bodem , of het veranderen van de kleur van slechts een item in de afbeelding . Zodra de schijfjes zijn gemaakt , moet u de juiste JavaScript-code te plaatsen in de webpagina om de rollover effect te creëren , met behulp van een web design software -of HTML-editor . Instructies 1 Launch Photoshop en selecteer 'Open' in het menu Bestand . Navigeer naar een afbeelding die u wilt gebruiken voor de rollover en klik op ' Openen '. Klik op de " Slice Tool " in de Toolbox . Als je het niet kunt zien , klik en houd de "Crop Tool " of " Slice Select Tool ' om het te onthullen . Kopen van 2 Bepaal waar u de rollover effect te verschijnen . Merk op dat de Slice Tool creëert alleen rechthoekige plakjes en dat er extra schijfjes zullen worden gemaakt op basis van de resterende foto . Bijvoorbeeld , als je de bovenste helft van het beeld als de rollover slice te selecteren , de andere helft van het beeld zal ook een stukje te zijn . Als je een vierkant in het midden van het beeld te snijden , zijn vier andere sneetjes gemaakt , een boven uw slice , een onder en een aan elke kant . 3 Sleep de Slice Tool over de gebied dat u wilt gebruiken voor de rollover . Het beeld wordt in schijfjes gesneden , met een nummer in de linkerbovenhoek . 4 Klik en houd de " Slice Tool " in de Toolbox , klik vervolgens op de " Slice Select Tool '. Dubbelklik op de Slice die u in stap 3 om het venster Slice Options te openen . Type " Rollover " in het veld naam en klik op "OK ". Dubbelklik op elk van de andere plakjes om ze passende namen , geeft iets als " Top ", " Left ", " Center ", " rechts" en " Bottom . " Press 5 " F7 "om de Layers Panel onthullen . Sleep de " Background Layer " in het deelvenster Lagen op de " New Layer" knop onderaan het paneel . Maak de gewenste wijzigingen aan de afbeelding om de " Rollover " slice veranderen . U kunt tekst schrijven over de slice , een vorm tekenen , of plaats een ander beeld . U kunt effecten of afbeelding aanpassingen die het hele beeld te veranderen toe te voegen . Wijzigingen in andere segmenten wordt niet opgeslagen . 6 Klik op " Opslaan voor web en apparaten " onder het menu Bestand . Sla de afbeelding in het gewenste formaat - meestal waarschijnlijk JPEG of GIF - en klik op elk van de schijfjes wordt opgeslagen met de naam die u gaf hen als afzonderlijk bestand in een map met de naam < " Opslaan . " " Beeld ". br > 7 Sleep de " Background Copy " laag in het deelvenster Lagen op de " Trash" knop aan de onderkant van het paneel , alsmede alle andere lagen die u hebt gemaakt het toevoegen van effecten of tekst , zodat je alleen de oorspronkelijke " Achtergrond " laag blijven . 8 Dubbelklik op het " Rollover " slice met de slice Selection Tool en verandert de naam in " Original . " Klik op "OK". < br > Klik 9 " Opslaan of web en apparaten " uit het menu Bestand . Gebruik dezelfde bestandsindeling en dezelfde doelmap als je deed in stap 6 . Klik op " Opslaan . " Er wordt een dialoogvenster geopend met de waarschuwing dat de andere delen worden vervangen . Dit zijn de versies die u wilt opslaan , dus klik op "OK . " 10 Gebruik een Web design software om de beelden samen op een website te zetten . Je hebt nu alle van de plakjes met de " Original " slice om de oorspronkelijke afbeelding en de " Rollover " slice om te gebruiken in de rollover effect op de webpagina weer in elkaar .
|