Open Photoshop 1 en maak een nieuw document door het selecteren " Bestand > Nieuw " uit het menu van de toepassing . Stel de grootte van uw document en klik op "OK . " Kopen van 2

Selecteer de "Type Tool " van de toolpaneel aan de linkerkant van je canvas en klik ergens op het canvas om een bepaald punt tekst te creëren je de knop ( " ongeveer " of " portfolio , " bijvoorbeeld ) . Stel uw gewenste lettertype-instellingen in het Tool Options Panel boven je canvas en uittypen van uw tekst op de knop . U kunt deze tekst verplaatsen door je cursor weg van de tekst zelf en vervolgens te klikken en te slepen in de richting waarin u wilt verplaatsen .
3

Dupliceer je tekst laag door te klikken en te slepen het naar het pictogram "Create New Layer" in het " Layers" palet aan de rechterkant van je canvas . Het pictogram lijkt op een vierkant , ezelsoren pagina .
4

Selecteer de " copy" laag die je zojuist hebt gemaakt en klik met de rechtermuisknop ( Ctrl + klik op een Mac ) op de naam van de laag in het " Layers " palet . Selecteer ' Blending Options " van de resulterende vervolgmenu . Dit zal een " Layer Style " dialoogvenster te openen .
5

Klik op het woord " Slagschaduw " in de kolom " Styles " aan de linkerkant van het dialoogvenster. Klik op het vakje "Preview " aan de rechterkant van het dialoogvenster en de instellingen van de slagschaduw naar wens aanpassen .
Setting Rollovers in ImageReady
6

Selecteer de ImageReady icoon aan de onderkant van het Panel Extra. Dit start een apart programma van Photoshop die daarmee gepaard gaat om Photoshop-afbeeldingen optimaliseren voor het web .
7

Selecteer de " Slice Tool " van de toolpaneel aan de linkerkant van uw scherm en klik en sleep een schijfje rond uw knop van linksboven naar rechtsonder .
8

Selecteer de " Web Content" palet aan de rechterkant van uw scherm en klik op de knop .

Mouse 9 naar beneden naar de " Layers " palet , waarbij de verschillende lagen van de knop worden weergegeven . Klik op het oog naast de toplaag , die de slagschaduw van uw knoop bevat . Dit zal de zichtbaarheid van die laag , zodat alleen de niet - slagschaduw versie van uw knop wordt weergegeven op uw webpagina als de muis niet wordt zweefde over het
10

Terug naar de "Web uitschakelen . inhoud " palet en klik op de ezelsoren pagina pictogram onderaan om een ​​nieuwe rollover staat te creëren . Het woord " dan " zal naast de nieuwe staat , wat betekent dat de uitstraling die u voor het te selecteren wordt weergegeven wanneer de muis wordt zweefde over het op uw webpagina .
11

Terug naar het verschijnen " Layers" palet en uitschakelen van de zichtbaarheid van de niet - slagschaduw laag door te klikken op het oog icoon links . Zet de zichtbaarheid van de slagschaduw laag.
Koppelen van uw Rollover
12

Selecteer ' Venster > Slice "om de " Slice " palet te laten verschijnen op de rechterkant van uw scherm . Selecteer dit palet .
13

Voer een naam voor uw knop in het veld "Naam " en voer een URL-adres voor uw rollover te koppelen aan wanneer mensen op het.
14

Selecteer " Bestand > Optimale opslaan als ' uit het menu van de toepassing en maak een naam voor uw rollover . Selecteer " HTML en afbeeldingen" van de " Formaat" dropdown en klik op "Opslaan " .