När du kompilerar flera HTML-webbsidor för att guida besökare till din online- domänen , ge dem ett enkelt sätt att komma runt med klickbara knappar . Även nybörjare kommer att veta att klicka på en knapp tar dem någon annanstans , men med Photoshop kan du skapa en anpassad upplevelse för dessa klick . Utnyttja Adobe Photoshop CS5 är knapp - skapande designprocessen för att göra knappar som gör din HTML sida sticker ut . Instruktioner
1
Öppna Photoshop CS5 , klicka på " Arkiv " -menyn och klicka på " Nytt ". Ange namnet på knappen , till exempel " HelpButton , " eller önskat filnamn i fältet "Namn " lådan. Ange mått för knappen i " Bredd " och "Höjd " lådor , med pixlar eller tum per webbplatsens behov . Klicka på " Bakgrund Innehåll " och välj " Genomskinlig . " Klicka på " OK " -knappen för att öppna knapp - göra canvas .
2
Klicka markören i mitten av den färgade rutan längst ner av " Tools " rutan på vänster sida av skärmen . Välj en färg för knappen och klicka på " OK . " Addera 3
Högerklicka på en ikon för en linje , grå cirkel , grå fyrkant eller grå stjärnan nära botten av " Tools " panelen på vänster sida av skärmen . Välj " Rundad rektangel Tool " eller " Ellipse Tool " för knappformen .
4
Placera markören i det övre vänstra hörnet av grått rutmönster arbetsytan . Klicka och håll ner vänster musknapp och flytta markören till det nedre högra hörnet . Se till att inte dra ut i den grå Photoshop skrivbord . Knappen formen visas på duken .
5
Dubbelklicka på Layer 1 raden i "Lager " paletten . När " Layer Style " öppnas , klicka på " Skugga " kryssrutan . Detta är valfritt , men ger knappen en mer upphöjda utseende , vilket kan hjälpa att vägleda besökare till din HTML- sida . Klicka på " OK " för att stänga fönstret .
6
Klicka på " T " -ikonen på " Tools " rutan . Välj typsnitt , textstorlek och färg i verktygsfältet längst upp på skärmen . För färg , välj en som står ut mot din valda knappen bakgrund , såsom ett vitt om din knapp är mörkt .
7
Klicka på knappen och skriv in knappen text , t.ex. " Hjälp " eller " Start". Dra texten till en plats i mitten av knappen .
8
Högerklicka på den nya texten lagret i "Lager " paletten . Välj " Merge Visible . "
9
Klicka på " Arkiv " -menyn och välj " Spara som . " Klicka på " Format " -menyn och välj " PNG " eller " GIF ", som kommer att hålla knappens bakgrund transparent , krävs för HTML-sidor . Klicka på knappen "Spara" .
