Om du är trött på din webbplats befintlig layout och vill piffa upp det lite , prova en flashig knapp . Det kan ge din webbsida ansiktslyftning den behöver . Adobe Photoshop skepnad verktyget kan du skapa knappar ur nästan vilken form som helst , från rundade rektanglar och cirklar till polygoner och anpassade former . Du kan använda knappen som en länk i mitten av din sida eller lägga till det till din navigeringsfältet för en ljus ny look . Instruktioner
1
Starta Photoshop och välj " File " och " New " för att lansera " nya " i dialogrutan . Ange höjd och bredd på 400 pixlar , vilket ger dig gott om plats för knappen . Välj en vit bakgrund och klicka på " OK . "
2
Klicka på " Window " och " Layer ", eller tryck på " F7 " för att visa " Lager" paletten . Klicka på " Skapa ett nytt lager " -knappen längst ned i paletten . Detta infogar ett nytt lager .
3
Klicka och håll " Rektangel " verktyg för att avslöja andra former . Välj " Rundad rektangel " för att skapa en rundad knapp .
4
Set " Radius " till 5 pixlar i de " Shapes " alternativfältet i verktygsfältet . Detta anger radien för rundade kanter .
5
Gå till arbetsytan och vänster - klicka där du vill att knappen ska gå . Klicka - och - dra musen över sidan för att rita knappen . Om knappen inte är exakt där du vill ha , klickar du på " Flytta " verktyget eller tryck " V " för att aktivera rörelsen . Använd musen eller tangentbordets piltangenter för att flytta knappen .
6
Dubbelklicka på formen i "Lager " panelen . Den " Layer Style " dialogruta öppnas .
7
Lägg en bock vid " Avfasning och relief " och välj fliken . Detta gör att formen ser mer ut som en knapp . Ställ in " Style " alternativet " Inner Bevel . "
8
Kontrollera " Skugga " fliken för att lägga till en drop- shadow till knappen .
9
Lägg en bock vid " gradient Overlay " till vänster för att tillämpa en gradient på knappen . Med fliken markerad, klicka på den grå " Gradient " bar . Den " Gradient Editor " dialogrutan öppnas .
10
Klicka på den nedre vänstra " Color Stop"-knappen för att anpassa start färg för övertoningen . Välj " Color " rutan i " Stopp " sektionen och välj en färg från " Color Picker " dialogrutan . Klicka på " OK . "
11
Klicka på nedre högra " Color Stop " -knappen i " Gradient Editor " i dialogrutan för att anpassa slutfärg för övertoningen . Åter välja " Färg " rutan i " Stopp " sektionen och välj en färg för den sinande färg från " Color Picker " dialogrutan . Klicka på " OK " tre gånger för att återgå till din sida .
12
Klicka på " Type " verktyg i " Verktyg " -panelen och gå till " Type " alternativfältet . Välj ett teckensnitt , stil , storlek och färg för din text .
13
Klicka någonstans på knappen och skriv in texten du vill att knappen ska visas , till exempel " Hem . "
14
Tryck " V " för att aktivera " Flytta " verktyg . Dra texten där du vill att den ska gå på knappen .
15
Välj " Bild " och " Trim . " Detta öppnar " Trim " i dialogrutan . Pick " Top Left Pixel färg" under "baserat på " och välj " Top ", " Bottom ", " vänster " och " höger " under " Trim bort . " Klicka på " OK . " oanvända områden på arbetsytan tas bort .
16
Klicka på" File " och " Spara ". Namnge knappen i " Spara som "i dialogrutan och välj " Photoshop ( * . PSD , * . PDD ) " från " Format " rullgardinsmenyn . Klicka på " Spara ".
