Hvis du bruger et billede fra Photoshop som baggrund for en webformular , eller endda som blot baggrund for en side med tekst , er det nyttigt at kende størrelsen på billedet , og hvordan at beregne forskellige punkter på billedet . Brug linealer og hjælpelinjer i Photoshop til at beregne den nøjagtige placering af eventuelle point på dit billede , og afstanden mellem punkter. Husk at bruge pixel -baserede herskere for dette, da inches og centimeter lidt har betydning på en HTML-side . Instruktioner
1
Åbn dit billede i Photoshop. Hvis det er muligt , skal du bruge det endelige billede , du vil bruge på HTML-side.
2
Sørg for, at billedet flugter med det øverste venstre hjørne af lærredet , hvis du bruger en PSD-fil og ikke et færdigt billede . Du vil tage målinger fra dette punkt ned og til venstre , så hvis billedet er unaligned med det hjørne , vil dine målinger være slukket med dette beløb .
3
Sørg billedet i Photoshop er den samme størrelse som billedet på HTML-side. Hvis du bruger HTML-kode til at ændre størrelsen på billedet , skal du bruge samme størrelse til billedet i Photoshop ved at klikke på "Image " menuen, derefter "Image Size ".
4
Klik på " Filer" og vælg " Indstillinger". Klik på " Enheder og linealer . " Klik på " linealer " menuen og vælg " Pixels ". Klik på "OK".
5
Kig på Linealer i toppen og venstre side af billedet. Hvis du ikke kan se dem ved at klikke på menuen "Vis" , klik derefter " linealer. "
6
Klik på " Zoom" menuen, vælg " Vis " og derefter klikke på " Guides " for at afsløre vandrette og lodrette hjælpelinjer.
7
placere markøren på den vandrette guide linje og trække guide til , hvor du har brug for det at være. Gør det samme for den lodrette guide
8
se på, hvor guiderne er på den vandrette og lodrette linealer for at få koordinaterne - . Eksempelvis 120 og 55 pixels. Zoome ind på billedet , hvis det er nødvendigt , for at se hver pixel punkt på linealerne . For de fleste web - baserede billeder , bør en zoom på 500 procent være tilstrækkelig til at se alle 10 point mellem de nummererede mærker på linealen.
9
Gentag trin 7 og 8 for at finde koordinaterne for den næste punkt på billedet . Fratræk vandrette tal fra vandret og lodret fra lodret , til at beregne afstanden mellem to punkter efter behov.