Hvordan beregne Linje Høyde i Photoshop til HTML

Hvis du bruker et bilde fra Photoshop som bakgrunn for en web-skjema, eller som bare bakgrunnen for en side med tekst, er det nyttig å vite størrelsen på bildet og hvordan du beregner ulike punkter på bildet. Bruk herskere og guider i Photoshop for å beregne den nøyaktige plasseringen av noen poeng på bildet, og avstanden mellom punktene. Husk å bruke pikselbasert herskere for dette, som inches og centimeter har liten betydning på en HTML-side.

Bruksanvisning

1 Åpne bildet i Photoshop. Hvis mulig, bruk det endelige bildet som du vil bruke på HTML-siden.

2 Sørg for at bildet er i flukt med øvre venstre hjørne av lerretet hvis du bruker en PSD-fil og ikke et ferdig bilde. Du vil ta målinger fra dette punktet ned og til venstre, så hvis bildet er unaligned med det hjørnet, vil målingene være slått av dette beløpet.

3 Pass på at bildet i Photoshop er samme størrelse som bildet på HTML-siden. Hvis du bruker HTML-kode for å endre størrelsen på bildet, bruker samme størrelse på bildet i Photoshop ved å klikke på "Image" menyen, deretter "Image Size".

4 Klikk på "File" -menyen og velg "Preferences". Klikk "Enheter og linjaler." Klikk på "linjaler" -menyen og velg "piksler". Klikk på "OK".

5 Se på linjaler på toppen og venstre side av bildet. Hvis du ikke ser dem, klikker du på "View" -menyen, deretter "linjaler."

6 Klikk på "Zoom" -menyen, velg "Show", deretter "guider" for å avsløre de horisontale og vertikale guider.

7 Plasser markøren på den horisontale guide linje og drar hjelpelinjen dit du trenger den å være. Gjør det samme for den vertikale guide.

8 Se på hvor førerne på de horisontale og vertikale linjaler for å få koordinatene - for eksempel 120 og 55 piksler. Zoome inn i bildet, hvis det er nødvendig, for å se hver piksel punkt på herskere. For de fleste web-baserte bilder, bør en zoom på 500 prosent være tilstrekkelig for å se alle 10 poeng mellom de nummererte merkene på linjalen.

9 Gjenta trinn 7 og 8 for å finne koordinatene til neste punkt på bildet. Trekk horisontale tall fra horisontal og vertikal fra vertikal, til å beregne avstanden mellom to punkter etter behov.