<Browse> Faqja kryesore / Të gjitha , BUTONIN , Tutorial / Blog artikull: RIATMP1026 - Hap pas hapi tutorial si të krijoni butona Photoshop

| Mobile | RSS

RIATMP1026 - Hap pas hapi tutorial si të krijoni butona Photoshop

8 Maj 2009
Step by step tutorial on how to create photoshop button.
step23

Kliko këtu për ta shkarkuar

Kjo është një tutorial shumë e thjeshtë mbi atë se si të krijoni butona në Photoshop. Ndiqni këtë hap pas hapi udhëzimet dhe ju mund të mësoni shumicën e gjërave të nevojshme për të krijuar butona. Ju gjithashtu mund të shkarkoni skedarin Photoshop nga këtu dhe të modifikojë atë për përdorimin tuaj.


Hapi 1: Së pari të krijojë një Filele re -> re dhe për t'u dhënë 900px gjerësi dhe lartësi 89px.

Create New Photoshop file
Create New skedar Photoshop

Hapi 2: Shto një shtresë të re dhe zgjidhni 895px emri 39px drejtkëndësh të bëjë qoshe të rrumbullakosura 3PX. Apo nga meny lartë zgjidhni Zgjidhni -> modifikojë -> 3PX qetë dhe zgjidhni rreze.

step02 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step02

Hapi 3: "Effect> mbulesë Gradent 'Zgjidh ngjyrat dhe zgjidhni nga e majta në të djathtë. # Cbcbcb, # 8a8a8a. Ju merrni një kuti drejtkëndësh gradient.

gradient overlay effect in photoshop
mbulesë gradient efekt në Photoshop
Select gradient overlay color in photoshop
Zgjidh mbulesë ngjyrë gradient në Photoshop

Rectangle box in photoshop
Drejtkëndësh kuti në Photoshop

Hapi 4:
Shto një shtresë të re dhe për të krijuar një tjetër drejtkëndësh 47px 895px vetëm nën drejtkëndësh mëparshëm. Zgjidh Effect> gradient mbulesë dhe zgjidhni ngjyra 9f9f9f # # 5e5d5e dhe do të mbushin zgjedhjen.

Gradient overlay in photoshop.
Mbulesë Gradient në Photoshop.

Gradient overlay in photoshop
Gradient mbulesë në Photoshop

Gradient rectangle in photoshop
Drejtkëndësh Gradient në Photoshop

Hapi 5: Shto një shtresë të re dhe drejtkëndësh Vizato 121px 31px, i Zgjidh -> -> modifikoj 3PX qetë dhe zgjidhni. Efekti> gradient mbulesë.

gradient overlay in photoshop
gradient mbulesë në Photoshop
gradient overlay in photoshop
step11

Hapi 7: Tani zgjidhni këtë shtresë dhe të bëni kopje të shumta dhe rafte ata njëri pas tjetrit. Right click on shtresa dhe shtresa Zgjidh transparencën. Shto një shtresë nën këtë shtresë dhe të mbushur me të bardhë, një veprim tjetër pixel poshtë dhe zgjidhni përsëri dhe fshini zonë të përbashkët në mënyrë që ju do të merrni një fund të hollë linjë butonin e tuaj.

step111 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step111

step12 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step12

step14 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step14

Hapi 8:
Shto një shtresë të re dhe të krijojë kuti drejtkëndësh pak i madh se sa butonin tuaj dhe shtoni efekt gradient përsëri.
Zgjidh Ngjyra msgstr fbd888 dhe # f8bd36

step15 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step15

step17 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step17

step16 150x150 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step16

Në fund të shtoni një 1 pixel # fbd98 linjë midis dy seksion dhe ju janë bërë dhe ai duhet të duket si ky

step19 559x55 RIATMP1026   Step by step tutorial on how to create photoshop buttons
step19
Share dhe Enjoy
  •  RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=digg RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.dzone RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.facebook RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.google RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.linkedin RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=favorites.live RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.mixx RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.myspace RIATMP1026   Step by step tutorial on how to create photoshop buttons  RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=reddit RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=www.stumbleupon RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=technorati RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=twitter RIATMP1026   Step by step tutorial on how to create photoshop buttons favicons?domain=buzz.yahoo RIATMP1026   Step by step tutorial on how to create photoshop buttons
Lini një Përgjigju 1485 views, 1 deri më tani sot |

Komentet janë të mbyllura.