Om du använder en bild från Photoshop som bakgrund för ett webbformulär , eller ens bara som bakgrund för en sida av text , är det bra att veta storleken på bilden och hur att beräkna olika punkter på bilden . Använd linjaler och stödlinjer i Photoshop för att beräkna den exakta platsen för alla punkter på din bild , och avståndet mellan punkterna . Kom ihåg att använda pixel - baserade härskare för detta , eftersom inches och centimeter har lite menande på en HTML-sida . Instruktioner
1
Öppna bilden i Photoshop . Om möjligt , använd den slutliga bilden som du vill använda på HTML- sidan .
2
Se till att bilden är i jämnhöjd med det övre vänstra hörnet på arbetsytan om du använder en PSD och inte en färdig bild . Du kommer att ta mätningar från denna punkt ner till vänster , så om bilden är ojusterad med det hörnet , kommer dina mätningar att vara av med det beloppet .
3
Se bilden i Photoshop är samma storlek som bilden på HTML- sidan . Om du använder HTML -koden för att ändra storlek på bilden , använda samma storlek för bilden i Photoshop genom att klicka på " Bild " -menyn , sedan " Image Size ".
4
Klicka på " Arkiv " -menyn och välj " Inställningar". Klicka på " Enheter & linjaler . " Klicka på " Härskare " menyn och välj " Pixels . " Klicka på " OK . "
5
Läs Linjaler upptill och vänster sida av bilden . Om du inte ser dem , klicka på " Visa " -menyn , klicka sedan på " Linjaler . "
6
Klicka på " Zoom " -menyn , välj " Visa ", klicka sedan på " Guider " för att avslöja horisontella och vertikala stödlinjer .
7
Placera markören på den horisontella stödlinje och drar stödlinjen till där du behöver det vara . Gör samma sak för den vertikala styrningen
8
Titta på där guiderna finns på den vågräta och lodräta linjalen för att få koordinaterna - . T.ex. 120 och 55 pixlar . Zooma in i 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 .
