Line-Height in Photoshop, um HTML zu berechnen

October 19

Wenn Sie ein Bild aus Photoshop als Hintergrund für ein Webformular oder auch als nur den Hintergrund für eine Textseite verwenden, ist es hilfreich zu wissen, die Größe des Bildes, wie verschiedene Punkte auf dem Bild zu berechnen. Verwenden Sie den Linealen und Hilfslinien in Photoshop, um die genaue Lage der Punkte auf dein Bild und den Abstand zwischen Punkten berechnen. Erinnern Sie sich pixelbasierten Herrscher dazu zu benutzen, wie Zoll und Zentimeter haben wenig Bedeutung auf einer HTML-Seite.

Anweisungen

1 Öffnen Sie Ihr Bild in Photoshop. Wenn möglich, verwenden Sie das fertige Bild, das Sie auf die HTML-Seite verwenden möchten.

2 Stellen Sie sicher, dass das Bild bündig mit der oberen linken Ecke der Leinwand, ist wenn Sie eine PSD-Datei und keine fertige Bild verwenden. Nehmen Sie Messungen von diesem Punkt nach unten und nach links, so dass, wenn das Bild nicht mit dieser Ecke ausgerichteten ist, Ihre Messungen aus um diesen Betrag.

3 Stellen Sie sicher, dass das Bild in Photoshop die gleiche Größe wie das Bild auf der HTML-Seite ist. Wenn Sie HTML-Code verwenden, um die Größe des Bildes, verwenden Sie die gleiche Größe für das Bild in Photoshop, indem Sie auf das Menü "Bild", dann "Bildgröße."

4 Klicken Sie im Menü "Datei" und wählen Sie "Einstellungen". Klicken Sie auf "Maßeinheiten & Lineale". Klicken Sie im Menü "Herrscher" und wählen Sie "Pixel." Klicken Sie auf "OK".

5 Schau dir die Lineale an der oberen und linken Seite des Bildes. Wenn Sie sie nicht sehen, klicken Sie im Menü "Ansicht", und klicken Sie dann "Herrscher".

6 Das "Zoom"-Menü, wählen Sie "Anzeigen" klicken Sie auf "Guides", um die horizontalen und vertikalen Hilfslinien sichtbar zu machen.

7 Platzieren Sie den Cursor auf die horizontale Führungslinie und ziehen Sie die Führungslinie, wo Sie es brauchen, um zu sein. Machen Sie dasselbe für die vertikale Führungslinie.

8 Schauen Sie, wo die Führer auf der horizontalen und vertikalen Lineals, erhalten die Koordinaten--beispielsweise 120 und 55 Pixel sind. Zoomen Sie in das Bild bei Bedarf jedes Pixel zeigen auf die Herrscher zu sehen. Für die meisten Web-basierte Abbilder sollte ein Zoom von 500 Prozent ausreichend, alle 10 Punkte zwischen den nummerierten Marken auf dem Lineal zu sehen sein.

9 Wiederholen Sie die Schritte 7 und 8, um die Koordinaten des nächsten Punktes im Bild zu finden. Subtrahieren Sie die horizontale Reihen von horizontalen und vertikalen von vertikal, um den Abstand zwischen zwei Punkten nach Bedarf zu berechnen.