Als u meerdere HTML- webpagina's samen te stellen om de bezoekers naar uw online domein , geef ze een eenvoudige manier om rond te komen met klikbare knoppen . Zelfs beginnende gebruikers zullen weten dat klikken op een knop neemt ze ergens anders , maar met Photoshop , kunt u een aangepaste ervaring voor degenen kliks te creëren . Maak gebruik van Adobe Photoshop CS5 's button - creatie ontwerpproces te toetsen dat uw HTML-pagina opvallen maken . Instructies 1 Open Photoshop CS5 , klikt u op het menu "Bestand " en klik "Nieuw . " Geef de naam van de knop , zoals " HelpButton , " of de gewenste bestandsnaam in het vak "Naam " doos . Voer afmetingen voor de knop in de " Breedte " en "Hoogte " dozen , met behulp van pixels of inches per eisen van uw site . Klik op het menu " Achtergrond Inhoud " en selecteer " Transparant . " Klik op de knop " OK " om de toets - making canvas openen . Klik 2 de cursor in het midden van het gekleurde vierkant aan de onderkant van de " tools" venster aan de linkerkant van het scherm . Kies een kleur voor de knop en klik op "OK . " 3 met de rechtermuisknop op een pictogram van een lijn , grijze cirkel , grijze vierkant of grijze ster in de buurt van de bodem van de " Tools" paneel aan de linkerkant van het scherm . Kies " Afgeronde rechthoek Tool " of " Ellipse Tool " voor de knop vorm . Positie 4 de cursor in de linkerbovenhoek van de grijze dambord doek . Klik en houd de linkermuisknop ingedrukt , verplaats de cursor naar de rechterbenedenhoek . Let er dan op af te slepen in de grijze Photoshop bureau . De vorm van de knop verschijnt op het doek . 5 Dubbelklik op de Layer 1 lijn in het " Layers " palet . Wanneer het venster " Layer Style" wordt geopend , klikt u op de "Shadow Drop " checkbox . Dit is optioneel , maar geeft de knop een meer verheven uitstraling , die kunnen helpen leiden de bezoekers naar uw HTML-site . Klik op " OK " om het venster te sluiten . 6 Klik op het pictogram "T " op de " Tools" venster . Kies een lettertype, lettergrootte en kleur in de werkbalk aan de bovenkant van het scherm . Voor kleur , kies er een die zal opvallen tegen uw gekozen knop achtergrond , zoals een witte als je de knop donker is . 7 Klik op de knop en typ de knop tekst , zoals " Help" of "Start ". Sleep de tekst op zijn plaats in het midden van de knop . 8 Rechtsklik op de nieuwe tekstlaag in het " Layers " palet . Selecteer " Zichtbare lagen samenvoegen . " 9 Klik op het menu " File " en selecteer " Opslaan als. " Klik op het menu "Format " en selecteer " PNG " of " GIF ", die zal houden van de knop achtergrond transparant , nodig voor HTML-pagina's . Klik op de knop "Opslaan" .
|