Hvordan lage en stor knapp i CS5

Adobe CS5 er en pakke med multimedia programvare som brukes av profesjonelle web-designere, utskrifts designere og videoredigerere. Photoshop er det mest kjente produktet i serien, og du kan bruke dette programmet til å lage brukergrensesnittet som knapper. Når du oppretter en knapp i Photoshop CS5, starter med et avrundet rektangel form i alle farger og redigere sine blandingsegenskaper for å gi den en mer tredimensjonal følelse. Legge til tekst i Photoshop eller la knappen tomt hvis du vil bruke programmering - for eksempel HTML med stilark - å generere teksten.

Bruksanvisning

1 Åpne Photoshop og lage en ny fil med en størrelse stor nok til å inkludere knappen og litt ekstra plass til å arbeide i. Hvis du er usikker på hvilken størrelse å gå med, gi den en 300 pixel bredde og 200 pixel høyde.

2 Finn "rektangel" verktøyet i verktøylinjen. Klikk på ikonet, hold nede på museknappen og velg "Avrundet rektangel." Endre størrelsen på kurvene for rektangelet ved å endre verdien av "Radius" i den øverste verktøylinjen. Klikk på bildet, hold nede på musen og dra til knappen omrisset matcher størrelsen på den knappen du vil legge til.

3 Gå til Lag-panelet og dobbeltklikk på det nye laget du opprettet. Velg "Blending Properties" for å legge til graderinger, skygger og grenser. Klikk på "Gradient Overlay" under Styles og klikk på "Gradient" drop-down boksen for å endre standard gradient. Dobbeltklikk på en gave swatch hvis du ønsker å bruke en ferdig gradient. Dobbeltklikk på den sorte fargen stopp markør for å endre den første farge og deretter gjøre det samme til den hvite fargen stopp.

4 Gå til Stroke og gi knappen en 1 pixel bred kant, noe som gjør at fargen på grensen noe mørkere enn knappens mørkeste skyggen. Klikk "Inner Glow" og sett opacity til 30 prosent. Angi størrelsen på gløden til rundt 8 eller 10 piksler. Klikk på "Drop Shadow" og endre skyggen å bruke 30 prosent gjennomsiktighet. Klikk "OK" for å avslutte "Blending Options" skjerm.

5 Klikk på "T" ikonet for å bruke tekstverktøyet. Velg en font og skriftstørrelse fra den øverste menylinjen, og klikk på markøren på knappen. Skriv inn knappen tekst. Gå til Lag-panelet og dobbeltklikk på den nye tekstlag. Velg "Blending Options" og gå til Drop Shadow. Gi teksten skygge en 30 prosent opacity med en avstand på 1 pixel og en størrelse på 2 piksler.

6 Skjule bakgrunnslaget ved å klikke på "øye" -ikonet ved siden av bakgrunnen i "Layers" panel. Naviger til bilde og Trim og trimme den gjennomsiktige bildepunkter fra bildet. Gå til Fil og Lagre for Web-enheter for å lagre knappen i en web-vennlig format. Velg PNG som format og sørge for at "Transparency" er merket av.