Hvordan lage en Web Button Med et bilde i Photoshop CS2

October 4

Det er nesten like mange varianter og stiler av grafiske knapper på nettet som det er nettsteder. Blant de mest fargerike og interessant formet knapper er de som er dannet med fotografier. Disse bildene er brukt i en rekke ulike måter, noen er miniatyr brukt som linker til andre større bilder eller lenker til andre nettsteder, og noen er linker til andre sider. I alle fall gjør web bildeknapper tilby ganske mye fakkel til en nettside og kan tiltrekke seg mengder av oppmerksomhet, avhengig av plassering og bildet.

Bruksanvisning

1 Åpne Adobe Photoshop.

2 Åpne et nytt dokument ( "Ctrl + N") og gjøre bredde og høyde 120 piksler med 60 piksler hhv. Se Tips 2a. Gjør bakgrunnen hvit.

3 Finn bildet du ønsker å bruke for knapp og dra den inn i Photoshop vinduet.

4 Åpne "Layers" panel ( "F7" -tasten) hvis den ikke allerede er åpen.

5 Dra "Bakgrunn kopi" av bilder til "Opprett et nytt lag" -ikonet i "Layers" panel, og skaper en "Bakgrunns kopi."

6 Klikk på "Alt + Ctrl + I". "Image Size" dialogboksen vises.

7 Kontroller at "Behold proporsjoner» -ruten og skriv "166" i "bredden" -feltet i "Pixel Dimensions" -delen av "Image Size". Dette vil redusere bildet til et kompatibelt format for knappen. Se Tips 7a.

8 Klikk på "OK".

9 Klikk på "Bakgrunn kopi" i "Lag" panelet for å velge det.

10 Dra "Bakgrunn kopier" lag fra "Layers" panel til knappen. Bildet vil dekke knappen og du kan plassere det som du vil ved hjelp av musepekeren eller piltastene på tastaturet.

11 Velg "Layer> Layer Stil> Skråkant og preg ..." fra menyen. Den "Layer Style" dialogboksen vises.

12 Skriv "281" for en prosent i "Depth" entry feltet eller bruk glidebryteren for å justere skrå beløpet du ønsker. Pass på at "Preview" -ruten for å forhåndsvise tiltak.

1. 3 Klikk "OK" når du er ferdig.

Hint

Tips 2a: Selv om de foreslåtte standardstørrelser for knapper på internett er 120 piksler med 60 piksler, 120 piksler med 90 piksler og 88 piksler med 31 piksler, kan du velge noen størrelser du ønsker. Tips 7a: Hvis et bilde er et ansikt eller stående, kan beskjære bildet til et delvis bilde produsere en mer estetisk utseende og legge interesse.