Als u een afbeelding uit Photoshop als de achtergrond voor een webformulier , of zelfs gewoon als de achtergrond voor een pagina tekst , is het nuttig om de grootte van het beeld kennen en hoe de verschillende punten op de afbeelding te berekenen . Gebruik de heersers en gidsen in Photoshop om de exacte locatie van alle punten op je afbeelding , en de afstand tussen de punten te berekenen . Vergeet niet om pixel - gebaseerde heersers gebruiken voor dit , zoals inches en centimeters hebben weinig betekenis op een HTML-pagina . Instructies 1 Open je afbeelding in Photoshop . Indien mogelijk , gebruik maken van de uiteindelijke afbeelding die u wilt gebruiken op de HTML-pagina . Kopen van 2 Zorg ervoor dat het beeld is gelijk met de linkerbovenhoek van het doek als u gebruik maakt van een PSD-bestand en niet een voltooide beeld . U zult metingen vanaf dit punt naar beneden en naar links , dus als de afbeelding wordt uitgelijnd met die hoek , zal uw metingen uit te zijn met dat bedrag . 3 Controleer het beeld dat in Photoshop is dezelfde grootte als de afbeelding op de HTML-pagina . Als u gebruik maakt van HTML -code om het formaat te wijzigen , gebruik van dezelfde grootte voor de afbeelding in Photoshop door te klikken op het menu " Beeld ", dan " Image Size . " 4 Klik op het menu " Bestand " en " Voorkeuren " te selecteren. Klik op " Eenheden & linialen . " Klik op het menu " heersers " en selecteer " Pixels . " Klik op "OK . " Kijk 5 bij de heersers aan de bovenkant en de linkerkant van de afbeelding . Als je ze niet ziet , klikt u op het menu " View " en klik op ' Linialen '. 6 Klik op het menu "Zoom " , selecteer " Toon ", klik op " Guides " om het te onthullen horizontale en verticale hulplijnen . Place 7 de cursor op de horizontale hulplijn en sleep de gids naar de plaats waar u het nodig heeft om te zijn. Doe hetzelfde voor de verticale geleiding Kijk 8 naar waar de gidsen zijn op de horizontale en verticale liniaal om de coördinaten te krijgen - . Bijvoorbeeld , 120 en 55 pixels . Inzoomen op het beeld , indien nodig , om elke pixel punt op de linialen zien . Voor de meeste web - based afbeeldingen , moet een zoom van 500 procent voldoende is om alle 10 punten tussen de genummerde markeringen op de liniaal te zien zijn. Herhaal stap 9 7 en 8 om de coördinaten van het volgende vinden punt op de afbeelding . Trek horizontale nummers van horizontale en verticale van verticaal , om de afstand te berekenen tussen twee punten als nodig is .
|