Wenn Sie ein Bild aus Photoshop als Hintergrund für ein Web-Formular , oder sogar nur als Hintergrund für eine Seite Text , ist es hilfreich , um die Größe des Bildes und wissen, wie zu verschiedenen Punkten auf dem Bild zu berechnen . Mit den Linealen und Hilfslinien in Photoshop , um den genauen Standort von beliebigen Punkten auf dem Bild , und der Abstand zwischen den Punkten zu berechnen. Denken Sie daran, pixel- basierte Herrscher dafür zu verwenden, wie Zoll und Zentimeter wenig Bedeutung haben auf einer HTML- Seite . Anleitung
1
Öffnen Sie das Bild in Photoshop. Wenn möglich, verwenden Sie das endgültige Bild , das Sie auf der HTML-Seite verwenden.
2
Stellen Sie sicher, dass das Bild bündig mit der oberen linken Ecke der Leinwand ist , wenn Sie eine PSD -Datei und nicht ein fertiges Bild . Sie werden Messungen von diesem Punkt nehmen Sie nach unten und nach links, so dass, wenn das Bild mit dieser Ecke nicht ausgerichtet ist , Ihre Messungen werden durch diesen Betrag.
3
Stellen Sie sicher, das Bild in Photoshop ist die gleiche Größe wie das Bild auf der HTML-Seite. Wenn Sie HTML-Code an die Größe des Bildes , verwenden die gleiche Größe für das Bild in Photoshop , indem Sie auf das Menü "Bild" , dann " Größe des Bildes . "
4
Klicken Sie auf das Menü "Datei" und wählen Sie "Einstellungen". Klicken Sie auf " Maßeinheiten & Lineale ". Klicken Sie auf " Lineale "-Menü und wählen Sie " Pixel. " Klicken Sie auf " OK".
5
Schauen Sie sich die Lineale am oberen und linken Seite des Bildes. Wenn Sie nicht sehen, sie , klicken Sie auf das Menü "Ansicht" , dann auf " Lineale ".
6
Klicken Sie auf den "Zoom "-Menü "Zeigen " und anschließend auf " Guides ", um die offenbaren horizontale und vertikale Hilfslinien .
7
Platzieren Sie den Cursor auf die horizontale Linie und ziehen Sie die Führung an , wo Sie es brauchen . Machen Sie dasselbe für die vertikale Führung
8
Schauen Sie, wo die Führungen sind an den horizontalen und vertikalen Lineal , um die Koordinaten zu bekommen - . Z. B. 120 und 55 Pixel. Zoom in das Bild , wenn nötig , für jeden Bildpunkt auf den Linealen sehen . Für die meisten Web -basierte Abbilder , sollte ein Zoom von 500 Prozent ausreichen , um alle 10 Punkte zwischen den nummerierten Markierungen auf dem Lineal zu sehen.
9
Wiederholen Sie die Schritte 7 und 8 , um die Koordinaten des nächsten finden Punkt auf dem Bild . Subtrahieren horizontal Zahlen von horizontal und vertikal von der Vertikalen , um den Abstand zwischen zwei Punkten berechnen , wie gebraucht.
