Met behulp van Adobe Photoshop maken , kunt u ingewikkelde websites en website -elementen te creëren . Niet alleen kunt u knoppen voor uw website te maken , maar je kunt de knop mouseover effecten te creëren . Wanneer gecombineerd met JavaScript-code , verandert de knop in uiterlijk wanneer de gebruiker zijn cursor loopt over het. Photoshop biedt een aantal filters en effecten daartoe . Een knop rollover is interessanter om naar te kijken en biedt een meer interactieve ervaring voor de website bezoeker . Instructies 1 Open Adobe Photoshop . Eenmaal Photoshop opent , drukt u op " File " in de menubalk en selecteer " Nieuw . " Kies een maat voor uw knop . Een populaire maat voor web knoppen is 88 pixels bij 31 pixels . Typ dat in de grootte doos en druk op "OK . " Kopen van 2 Maak de knop . De look van de knop is helemaal aan jou . Probeer het vullen van de achtergrond in een effen kleur door te klikken op " Edit" en te kiezen voor " Fill . " Kies een achtergrond kleur in het vak kleur en klik op "OK . " Probeer dan te klikken op de " Layer Styles " knop in het lagen palet en kies een effect te plaatsen op de knop . 3 Klik op de " Text "-knop in de werkbalk . Deze knop lijkt op de letter " T" Activeer het tekstgereedschap door te klikken op het doek . Typ de gewenste tekst op de knop , kies een lettertype met behulp van het drop - down menu en druk op het vinkje in de balk aan de bovenkant van het venster . 4 Klik op "Bestand " in het menu bar en kies " Opslaan voor web . " Selecteer " JPEG Medium " uit de eerste drop - down menu en klik op de knop "Opslaan" . In het volgende venster , typt u de naam van de knop bestand dat u wilt , kies een locatie om het op te slaan en druk op de knop "Bewaren" . 5 Klik op " File " in de Photoshop- menubalk en selecteer "Nieuw . " Maak een nieuw bestand met dezelfde afmetingen als de eerste toets die u hebt gemaakt . 6 Maak een nieuwe knop . Dit is wat de knop eruit zal zien wanneer de kijker rolt er overheen , dus houd dat in gedachten bij het ontwerpen van het. Het is vaak minder storend op de nieuwe knop vergelijkbaar met de eerste te maken , maar met een toegevoegd element , zoals een slagschaduw of een pijl wijst op het. 7 Klik op " Bestand " en kies " Opslaan voor Web . " Kies " JPEG Medium , " klik " Save " en sla de knop op dezelfde plek als de eerste knop . Kies een bestandsnaam die deze toets onderscheidt van de eerste , en sla het bestand door te klikken op de knop "Opslaan" .
|