<Browse> Hjem / Alt , BUTTON , opplæring / Blogg artikkelen: RIATMP1030-Photoshop knapp og banner tutorial

| Mobile | RSS

RIATMP1030-Photoshop knapp og banner tutorial

12 mai 2009
Button and banner tutorial in photoshop
Knapp og banner tutorial i photoshop

Dette er en veldig enkel tutorial opprettet for nesten alle med eller uten forutgående kunnskap i Photoshop. Jeg har trinnvis veiledning for å gjøre det på 5 minutter. Vennligst klikk på bildet for å se stor.

Click here to download

Her er fremgangsmåten:

Trinn 1: Opprett en ny fil på ca 860px / 185 px (Fil -> Ny)

Trinn 2: Kontroller lag vinduet er åpent og legge til et nytt lag ved å klikke på Opprett en ny Layer ikonet nederst til høyre av dere lag vinduet. Gi dette nye laget et navn 'Bakgrunn'.

Trinn 3: Opprett ca 15px avrundet hjørne rektangel der bredden er 855px og høyde er 175px og fylle den med farge # 609590. Din side burde liker dette.

Photoshop button and banner tutorial
Photoshop-knappen og banner tutorial

Trinn 4: Velg Lagstil (ikonet nederst til venstre i deg lag vindu) -> Bevel og preg og følg innstillingene som vist på bildet nedenfor.

button tutorial in photoshop, bevel effect
knapp tutorial i photoshop, bevel effekt
Trinn 5: Legg til en ny layer og skape et utvalg som sylinder der bredden er 845px og høyde er 40px; og 10px fra toppen og fra 10px venstre. Fyll med gradient farge fra hvit (# FFFFFF) til gjennomsiktig, og det bør skape høydepunkt på toppen. Se bildet nedenfor og bildet ditt skal se slik ut.

Button tutorial in photoshop
Button tutorial i photoshop
Button and banner tutorial in photoshop
Knapp og banner tutorial i photoshop

Trinn 6: Legg et nytt lag lage utvalg som sylinder bredde: 830px og høyde: 40px for knapper og fyll med farge # eaeaea; neste velg 'Layer Style -> Bevel og preg "og følg innstillingene som vist på bildet nedenfor.

Photoshop button and banner tutorial
Photoshop-knappen og banner tutorial

Trinn 7: Legg til en ny layer og lag utvalg som sylinder bredde: 810px og høyde: 25px på toppen av bare skapt knapper og fyll med gradient farge fra hvit (# FFFFFF) til gjennomsiktig, og det bør skape høydepunkt på toppen. Se bildet nedenfor, og bildet ditt skal se slik ut.

Photoshop button and banner tutorial
Photoshop-knappen og banner tutorial

Steg 8: Skriv inn tekst som ønsket for din menystruktur og skilt med tynn 1pixel vertikal linje. Du kan også sette firmaets logo og tekst på toppen. Når du har all teksten på bildet skal se slik ut.

Fant denne opplæringen nyttig? Du kan kjøpe en kaffe til meg, kan du betale her ! Cheers :)

pixel RIATMP1030  Photoshop button and banner tutorial

Photoshop button and banner tutorial
Photoshop-knappen og banner tutorial

Del og Enjoy
  •  RIATMP1030  Photoshop button and banner tutorial favicons?domain=digg RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.dzone RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.facebook RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.google RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.linkedin RIATMP1030  Photoshop button and banner tutorial favicons?domain=favorites.live RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.mixx RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.myspace RIATMP1030  Photoshop button and banner tutorial  RIATMP1030  Photoshop button and banner tutorial favicons?domain=reddit RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.stumbleupon RIATMP1030  Photoshop button and banner tutorial favicons?domain=technorati RIATMP1030  Photoshop button and banner tutorial favicons?domain=twitter RIATMP1030  Photoshop button and banner tutorial favicons?domain=buzz.yahoo RIATMP1030  Photoshop button and banner tutorial
Legg igjen en kommentar 12494 visninger, 10 så langt i dag |

Kommentarer er stengt.