Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Software >> Photoshop >> Content
Hoe maak je een Rollover in Photoshop CS5 Maak Van Slices
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 .

Previous: Next:
  Photoshop
·Hoe maak je een Reflectie in P…
·Hoe te Laser Cut tekst in Phot…
·Hoe te Previews van filters in…
·Hoe je Photoshop-bestanden imp…
·Letter Break Tutorial in Photo…
·Hoe te gebruiken Photoshop om …
·Hoe maak je een stereoscopisch…
·Photoshop Spotlight Effects 
·Photoshop Vergrootglas Lens Ef…
  Related Articles
Hoe maak je een Tilde gebruiken in een W…
Hoe kan ik een Umlaut gebruiken in een W…
Hoe maak je een Holiday Nieuwsbrief op u…
Hoe maak je een viervoudige Wenskaart ma…
Hoe maak je een Tent - Fold Wenskaart Ma…
Hoe te Spelling en grammatica fouten te …
Hoe kan ik een document Zoom in Word 200…
Hoe je tekst rond een afbeelding in Word…
Hoe je de uitlijning van de tekst wijzig…
  Software Articles
·Scrum open source hulpmiddelen 
·Hoe maak je een knop in Maak Flash 
·Over Photoshop , geïdealiseerde schoonh…
·Hoe je twee Time - Series Grafieken make…
·Hoe kan ik Open een spreadsheet ? 
·Hoe maak je een invulbare PDF- bestand o…
·How to Get Rid van de Blizzard Mobile Au…
·Hoe gegevens in een Excel 2007 Pivot Tab…
·Hoe maak je automatisch Sync nieuwe appl…
Copyright © Computer Kennis http://www.nldit.com