Se si utilizza un'immagine da Photoshop come sfondo per un form Web, o anche solo come sfondo per una pagina di testo, è utile conoscere la dimensione dell'immagine e come calcolare diversi punti sull'immagine. Utilizzare i righelli e le guide in Photoshop per calcolare la posizione esatta di tutti i punti sulla vostra immagine, e la distanza tra i punti. Ricordate di usare governanti pixel-based per questo, come pollici e centimetri hanno poco significato in una pagina HTML.

istruzione

1 Apri la tua immagine in Photoshop. Se possibile, utilizzare l'immagine finale che si intende utilizzare nella pagina HTML.

2 Assicurarsi che l'immagine è a filo con l'angolo superiore sinistro della tela se si utilizza un file PSD e non un'immagine finita. Si terrà misure da questo punto verso il basso e verso sinistra, quindi se l'immagine è non allineata con quell'angolo, le vostre misure saranno fuori da tale importo.

3 Assicurarsi che l'immagine in Photoshop è la stessa dimensione come l'immagine sulla pagina HTML. Se si utilizza il codice HTML per ridimensionare l'immagine, utilizzare la stessa dimensione per l'immagine in Photoshop facendo clic sul menu "Immagine", poi "Dimensione immagine."

4 Fare clic sul menu "File" e selezionare "Preferenze". Fai clic su "Unità di misura e righelli." Fare clic sul menu "governanti" e selezionare "Pixel". Fai clic su "OK".

5 Guardate i righelli sul lato superiore e sinistro dell'immagine. Se non li vedi, fare clic sul menu "Visualizza", quindi su "governanti".

6 Fare clic sul menu "Zoom", selezionare "Visualizza", quindi fare clic su "Guide" per rivelare le guide orizzontali e verticali.

7 Posizionare il cursore sulla linea guida orizzontale e trascinare la guida per cui è necessario che sia. Fare lo stesso per la guida verticale.

8 Guardare dove le guide sono sui righelli orizzontali e verticali per ottenere le coordinate - per esempio, 120 e 55 pixel. Zoom in immagine, se necessario, per vedere tutti i punti di pixel sui righelli. Per la maggior parte delle immagini basate sul Web, uno zoom di 500 per cento dovrebbe essere sufficiente per vedere tutti i 10 punti tra i segni numerati sul righello.

9 Ripetere i punti 7 e 8 per trovare le coordinate del punto successivo sull'immagine. Sottrarre numeri orizzontali da orizzontale e verticale dalla verticale, per calcolare la distanza tra due punti come necessario.