Hvordan lage en Flashy Button i Photoshop

Hvordan lage en Flashy Button i Photoshop


Hvis du er lei av nettstedets eksisterende layout og ønsker å gran det opp litt, prøv en prangende knapp. Det kan gi websiden ansiktsløftning den trenger. Adobe Photoshop form verktøyet lar deg lage knapper ut av nesten hvilken som helst form, fra avrundede rektangler og sirkler til polygoner og tilpassede former. Du kan bruke knappen som en link i midten av siden din eller legge den til din navigasjonslinjen for en lysende nytt utseende.

Bruksanvisning

1 Start Photoshop og velg "Fil" og "New" for å starte "Ny" i dialogboksen. Skriv en høyde og bredde på 400 piksler, noe som gir deg god plass for knappen. Velg en hvit bakgrunn, og klikk "OK."

2 Klikk på "Window" og "Layer", eller trykk "F7" for å vise "Layers" palett. Klikk på «Opprett et nytt lag" -knappen nederst i paletten. Dette setter inn et nytt lag.

3 Klikk og hold "Rektangel" verktøy for å avsløre andre former. Velg "Avrundet rektangel" for å lage en avrundet knapp.

4 Sett "Radius" til 5 piksler i "Shapes" alternativlinjen på verktøylinjen. Dette angir radien av de avrundede kanter.

5 Gå til lerretet og venstre-klikk der du vil at knappen skal gå. Klikk-og-dra musen over for å trekke på knappen. Hvis knappen er ikke akkurat der du ønsker, klikk på "Flytt" -verktøyet eller trykk "V" for å aktivere bevegelse. Bruk musen eller piltastene på tastaturet for å flytte på knappen.

6 Dobbeltklikk på figuren i "Layers" panel. Den "Layer Style" dialogboksen åpnes.

7 Legg en hake ved "Skråkant og preg" og velg fanen. Dette gjør formen ser mer ut som en knapp. Sett "Style" til "Inner Bevel."

8 Sjekk "Drop Shadow" -kategorien for å legge til en drop-skygge til knappen.

9 Legg en hake ved "Gradient Overlay" til venstre for å bruke en gradient til knappen. Med fanen valgt, klikker du på den grå "Gradient" bar. Den "Gradient Editor" dialogboksen åpnes.

10 Klikk nederst til venstre "Color Stop" -knappen for å tilpasse start farge for graderingen. Velg "Color" boksen i "Stopper" -delen, og velg en farge fra "Color Picker" dialogboksen. Klikk på "OK".

11 Klikk nederst i høyre "Color Stop" -knappen i "Gradient Editor" dialogboksen for å tilpasse sluttfarge for graderingen. Velg det "Color" boksen i "Stopper" -delen og velg en farge for slutt farge fra "Color Picker" dialogboksen. Klikk på "OK" tre ganger for å komme tilbake til siden din.

12 Klikk på "Type" verktøy i "Tools" panel og gå til "type" alternativlinjen. Velg en skriftfamilie, stil, størrelse og farge for teksten.

1. 3 Klikk hvor som helst på knappen og skriv inn teksten du vil at knappen skal vises, for eksempel "Home".

14 Trykk "V" for å aktivere "Flytt" -verktøyet. Dra teksten der du vil at det skal gå på knappen.

15 Velg "Image" og "Trim". Dette åpner "Trim" i dialogboksen. Pick "Top Left Pixel Color" under "Based On" og velg "Top", "Bottom", "Venstre" og "høyre" under "Trim Away." Klikk på "OK". Eventuelle ubrukte områder på lerretet er fjernet.

16 Klikk "Fil" og "Lagre". Navn på knappen "Lagre som" i dialogboksen og velg "Photoshop (PSD, .PDD)" fra "Format" drop-down listen. Klikk på "Lagre".