Hur man beräknar linje Höjd i Photoshop till HTML

June 15

Om du använder en bild från Photoshop som bakgrund för ett webbformulär, eller ens som bara bakgrund för en textsida, är det bra att veta storleken på bilden och hur man kan beräkna olika punkter på bilden. Använd linjaler och guider i Photoshop för att beräkna den exakta platsen för alla punkter på bilden, och avståndet mellan punkterna. Kom ihåg att använda pixelbaserade ledare för detta, eftersom inches och centimeter har liten betydelse på en HTML-sida.

Instruktioner

1 Öppna bilden i Photoshop. Om möjligt, använd den slutliga bilden som du kommer att använda på HTML-sidan.

2 Se till att bilden är i jämnhöjd med det övre vänstra hörnet av arbetsytan om du använder en PSD och inte en färdig bild. Du kommer att ta mätningar från ner denna punkt och till vänster, så om bilden är icke-justerade med det hörnet, kommer dina mått vara avstängd med detta belopp.

3 Kontrollera att bilden i Photoshop är samma storlek som bilden på HTML-sidan. Om du använder HTML-kod för att ändra storlek på bilden, använd samma storlek för bilden i Photoshop genom att klicka på menyn "Bild", sedan "Image Size".

4 Klicka på menyn "Arkiv" och välj "Inställningar". Klicka på "Enheter & linjaler." Klicka på menyn "linjaler" och välj "Pixels". Klicka på "OK."

5 Titta på linjaler upptill och till vänster på bilden. Om du inte ser dem, klicka på menyn "Visa", klicka sedan på "härskare".

6 Klicka på menyn "Zoom", välj "Visa" och sedan på "guider" för att avslöja de horisontella och vertikala guider.

7 Placera markören på den horisontella styrlinjen och drar stödlinjen dit du behöver det vara. Gör samma sak för den vertikala styrningen.

8 Titta på där guider är på de horisontella och vertikala linjaler att få koordinaterna - till exempel 120 och 55 pixlar. Zooma in bilden, om det behövs, för att se varje pixel punkt på linjalerna. För de flesta webbaserade bilder bör en zoom på 500 procent vara tillräcklig för att se alla 10 poäng mellan de numrerade markeringarna på linjalen.

9 Upprepa steg 7 och 8 för att hitta koordinaterna för nästa punkt på bilden. Subtrahera horisontella siffror från horisontell och vertikal från vertikalt, för att beräkna avståndet mellan två punkter som behövs.


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2020 Astrixsoft.com | Contact us: webmaster# astrixsoft.com