Adobe Photoshop Button Tutorial

Mange nettsteder bruker for å navigere mellom sidene, og selv for linker til andre nettsteder. De fleste webdesign programvarepakker har forhåndsinnstilt knapp design som du kan bruke. Adobe Photoshop, men lar deg skape unike knapper som er noe annet sted på nettet. Det tar et par skritt, men den endelige utformingen vil være din egen.

Grunnleggende

Grunnleggende knapp utforming i Photoshop kan gjøres på noen få minutter. Start med en ny fil på ca 10-by-10 inches og en oppløsning på 200 punkter per tomme. Du vil endre det senere til standard 72 dpi for nettstedet bruk, men du får renere design hvis du begynner høy. Gå til side verktøylinjen og velg Shape Tool. Dette gir deg de grunnleggende rektangel, ellipse og polygon verktøy sammen med Custom Shape Tool. Hvis du bare vil ha en enkel knapp, velg et avrundet rektangel eller en ellipse. Før du tegne formen på filen, gå til Window> Stiler og velge en forhånds du til knappen. Sørg for at dette designet som vises i den øverste verktøylinjen. Deretter tegne formen. Den forhåndsinnstilte vil danne i hvilken form du velger.

Layers

Når du har din grunnleggende knapp form og stil, kan du arbeide med det å tilpasse den. Gå til Layers> Layer Styles. Her vil du være i stand til å finpusse formen og stilen du har valgt. For eksempel, for å gi knappen litt dybde, velg Drop Shadow. For mer dybde og form, bruker Skråkant og preg. Du kan også justere farge og gi din form et slag rundt kanten for mer definisjon.

Tekst

Den siste delen av knappen er teksten. Kortere er bedre, men du kan kalle den knappen noe du liker. Gå til side verktøylinjen og velg tekstverktøyet. Klikk på markøren et sted ikke over knappen og type. Merk teksten og endre skrift i toppen Toolbar, hvis du vil. Klikk deretter på pekeren verktøyet og flytte teksten over knappen. Nå gå til Window> Stiler igjen og velg en stil for teksten. Velg noe lett lesbar over knappen stil. For eksempel, hvis du har en gylden-knappen, velg en skriftstil som hvitt eller noe annet som skiller seg ut. Når du får den forhåndsinnstillingen du ønsker, kan du gå til Layers> Layer Styles og justere teksten. Når du har tekst og knapp stilt opp og satt, gå til side verktøylinjen og velge maling bøtte verktøyet. Splash fargen i bakgrunnen som matcher nettstedet bakgrunnen. Dette er viktig slik at knappen vises som en knapp og ikke på egen hånd hvit bakgrunn kvadrat. Så gå til Layer> Flatten Layer. Gå til Image> Image Size og endre knappen til 72 dpi.