Πώς να υπολογίσετε Γραμμή Ύψος σε Photoshop σε HTML

Εάν χρησιμοποιείτε μια εικόνα από το Photoshop ως φόντο για μια φόρμα Web , ή ακόμα απλώς ως το υπόβαθρο για μια σελίδα του κειμένου , είναι χρήσιμο να γνωρίζουμε το μέγεθος της εικόνας και πώς για τον υπολογισμό των διαφόρων σημείων της εικόνας . Χρησιμοποιήστε τους χάρακες και οδηγοί στο Photoshop για να υπολογίσει την ακριβή τοποθεσία των σημείων στην εικόνα σας , και την απόσταση μεταξύ των σημείων . Θυμηθείτε να χρησιμοποιήσετε κυβερνήτες pixel βασίζεται γι 'αυτό , όπως ίντσες και εκατοστά έχουν μικρή σημασία σε μια σελίδα HTML . Οδηγίες
Η

1 Ανοίξτε την εικόνα σας στο Photoshop . Αν είναι δυνατόν , χρησιμοποιήστε την τελική εικόνα που θα χρησιμοποιήσετε στη σελίδα HTML . 2

Βεβαιωθείτε ότι η εικόνα είναι στο ίδιο επίπεδο με την επάνω αριστερή γωνία του καμβά , εάν χρησιμοποιείτε ένα αρχείο PSD και δεν μια εικόνα τελείωσε . Θα πάρετε μετρήσεις από αυτό το σημείο προς τα κάτω και προς τα αριστερά , έτσι ώστε αν η εικόνα δεν είναι ευθυγραμμισμένο με αυτή τη γωνιά , οι μετρήσεις σας θα είναι μακριά από αυτό το ποσό .
Εικόνων 3

Βεβαιωθείτε ότι η εικόνα στο Photoshop είναι το ίδιο μέγεθος με την εικόνα στη σελίδα HTML . Εάν χρησιμοποιείτε κώδικα HTML για να αλλάξετε το μέγεθος της εικόνας, χρησιμοποιήστε το ίδιο μέγεθος για την εικόνα στο Photoshop κάνοντας κλικ στο μενού " Image " , στη συνέχεια " Μέγεθος εικόνας ".
Η

4 Κάντε κλικ στο μενού "Αρχείο " και επιλέξτε " Προτιμήσεις ". Κάντε κλικ στο " Μονάδες & χάρακες ". Κάντε κλικ στο μενού " Άρχοντες " και επιλέξτε " Pixels . " Κάντε κλικ στο " OK".
5

Κοιτάξτε τις Χάρακες στην κορυφή και στην αριστερή πλευρά της εικόνας . Αν δεν τα βλέπετε , κάντε κλικ στο μενού "Προβολή" , στη συνέχεια, κάντε κλικ στο κουμπί " Άρχοντες ".
Η

6 Κάντε κλικ στο μενού "Zoom " , επιλέξτε " Εμφάνιση " και στη συνέχεια κάντε κλικ στο κουμπί " Οδηγίες " για να αποκαλύψετε το οριζόντια και κάθετη οδηγούς .
Η

7 Τοποθετήστε το δρομέα στην οριζόντια γραμμή οδηγό και σύρετε τον οδηγό για το πού θα πρέπει να είναι. . Κάντε το ίδιο και για την κατακόρυφο οδηγό
8

Κοιτάξτε , όπου οι οδηγοί για τις οριζόντιες και κάθετες κυβερνήτες για να πάρει τις συντεταγμένες - για παράδειγμα , 120 και 55 pixels . Ζουμ στην εικόνα , αν χρειαστεί , για να δείτε όλα τα σημεία pixel των ηγεμόνων. Για περισσότερες εικόνες που βασίζονται στο Web , ένα ζουμ από 500 τοις εκατό θα πρέπει να είναι επαρκής για να δείτε όλα τα σημεία 10 μεταξύ των αριθμημένα σημάδια χάρακα.
Η

9 Επαναλάβετε τα βήματα 7 και 8 για να βρείτε τις συντεταγμένες της επόμενης σημείο στην εικόνα . Αφαιρείται οριζόντια αριθμούς από οριζόντιες, κάθετες και από την κάθετη , για τον υπολογισμό της απόστασης μεταξύ δύο σημείων , όπως απαιτείται .
Η
εικόνων