• Domov
  • O
  • Členi
  • Oglaševanje
  • Pišite nam

: 91 11 9810018780 Mail to: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Člen Pisni
  • na 16.01.2010
  • ob 11:14
  • z admin

Kako ustvariti spletno Button V + Download Free Photoshop PSD datotek

V tem Tutorial bomo ustvarili spletni gumb. To je zelo enostavno in precej učinkovit tutorial, tako da vse, kar potrebujete, je Adobe Photoshop ustvariti ta namen. Upam, da boste uživali to tutorski.



web-button-heading
downloadfile

Kako ustvariti spletno gumba v Photoshopu

Korak # 1

Odprite Photoshop in ustvariti nov dokument, moj je 550px x 125px z belim ozadjem.
web-button-step1

Korak # 2

Izpolnite barvo ozadja plasti, moja barva je # 3A3A3A. web-button-step2

Korak # 3

Izberite Rounded Rectangle Tool in ustvarite gumb, rudnik Radius je 7px, širina: 156px in višina: 38px..
web-button-step3

Korak # 4

Zdaj bomo uporabljati določen učinek

Gradient Overlay

Styling Button dvojni klik na sličico gumb Layer v Layers Panel odprtje Layer Styles pogovorno okno, se bomo Effect Vertical Gradient za vaše Button. Nato kliknite na Color Gradient o pravici Gradient možnost za odprtje Color Gradient Editor.

web-button-step4

Dvokliknite na levi-barva-stop in vnesite vrednost # 9E4C45 barvo, nato dvokliknite na desni-barva-stop in vpišite barvo vrednost # EA8484.

web-button-step4a

Drop Shadow

Nato se plast Drop Shadow stil. Naj Angle na 120o, kot spreminjanje vrednosti motnosti, razdalja in velikost. I odloči za Motnost na 23%, na daljavo in velikost 1px na 9px.

web-button-step4b

Korak # 5

Izberite Horizontal Type Tool in tipa Besedilo na sprednji strani.

web-button-step5

Bomo se nekaj učinka za besedilo.

Color Overlay

Dvokliknite na plast Besedilo na sličico v Layers Panel odprtje Layer Styles pogovorno okno. Najprej bomo barvne prekrivni, i izberite barvo # 0D0D0E

web-button-step5a

Drop Shadow

Na koncu bomo uporabljati Drop Shadow, najprej spremenite Blending možnost Normal. Spreminjanje Shadow Color od privzete # FFFFFF. Naj Angle na 120o, kot spreminjanje vrednosti motnosti, razdalja in velikost. I odloči za Motnost na 32% in na daljavo 1px in Size na 1px.

web-button-step5b

Final Preview

web-button-final

Povejte nam, kako to, da je tutorski lahko več bolje? Če ste našli vse druge photoshop tutorial, ki jih želite deliti z nami, vas prosimo, da nas obvestite, ki ga spustite komentar.

Če želite prejeti več navdih od nas, prosimo, razmislite naročite na naše krme z RSS ali po e-pošti.

Pila pod: Freebies, Photoshop, Tutorials by admin

Spodbujanje nas

  • Dodaj v Mixx!
Ace Hosting India

Tags: Freebies, Photoshop, Tutorials

Povezani članki:

Če ste uživali branju tega članka, preverite iz drugih sorodnih člankov spodaj:

    • Kako Ustvari Nice Umetak Besedilo gumba v Photoshopu
    • Kako Ustvarjanje Enostavno zeleno gumba v Photoshopu
    • Kako Ustvarjanje tipografskim Tipografija v Photoshopu
    • Kako Ustvarjanje Nice Easy 3D Text Effect v Photoshopu
    • Kako Ustvarjanje Nice Sleek Dark gumba v Photoshopu
Untitled Document

One Komentarji

  1. favSHARE pravi on: 18. januar 2010 ob 11:32 Said:

    Ta članek je bil skupno na favSHARE.net. Pojdi in glasovanje je!

Pošlji komentar

XHTML: Lahko uporabite te oznake: <a href="" <abbr title=""> <acronym <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled pokaži več
«27 Awesome Primer Vintage Website Designs
10 Awesome Image Optimization Tools »
Untitled Document

    Naroči

  • Naročite se na naše krme
  • Naročite preko e-pošte
  • Sledite nam na Cvrkutati
  • WooThemes - Kjer je Woo, tam je pot!
  • DreamTemplate - Web Templates

    • Iskati

      Untitled Document
  • Koledar

    Januar 2010
    M T W T F S S
    «December
    1 2 3
    4 5 6 7 8 9 10
    11 12 13 14 15 16 17
    18 19 20 21 22 23 24
    25 26 27 28 29 30 31
    • Strani

      • Domov
      • O
      • Členi
      • Oglaševanje
      • Pišite nam
    • Kategorije

    • Css (23)
    • Design / Inspiration (62)
    • Freebies (48)
    • Graphic Design (12)
    • Photoshop (28)
    • Resources (41)
    • Seo (1)
    • Orodja (10)
    • Tutorials (40)
    • Tipografija (6)
    • Web development (6)
    • Wordpress (6)
    • Arhiv

    • Januar 2010
    • December 2009
    • November 2009
    • Oktober 2009
    • September 2009
    • Avgust 2009
    • Julij 2009
    • Junij 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Posts

    • 5 korakov do Write boljši CSS Part II
    • Kako Ustvarjanje Nice Scalable CSS Based Krušne drobtine
    • 21 Big, Bold Tipografija Website Design
    • Kako ustvariti dobro videti obliki brez tabele
    • 30 Spletne strani z največjo Orange
    • 20 omamljanje Primer Infographics For Your Inspiration
    • 33 "Hello" Strani Primer For Your Inspiration
    • Tag cloud

    Css Design Pisave Freebies Graphic Design Graphics Design Ikone Inspiration Inspitation Photoshop Resources Orodja Tutorials Tipografija Web development WordPress

    • Prijatelji

      • Abduzeedo
      • Nagnut ladja Apart
      • Bittbox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Pomoč za razvijalce
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Delež Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Mi funkcija
      • Web Designer Depot
      • Web Designer Ledger
      • Web oblikovalec Wall
      • You Designer
    • Community News

        • 27 smešno kar si želite, so Photoshopped

          V tem članku bomo gledati kot "fotografijo manipulacije", ki se bo definitivno hit, da je smešno kosti tvoje.

          18. januar 2010
        • Google bo dobil Makeover

          "Kdor želi konstantno uspeh mora spremeniti stalno" in je vedno bolj očitno, da Google pristala na to logiko. Online Marketing Blog je poročanje ...

          11. december 2009
        • Kako Ustvarjanje Enostavno zeleno gumba v Photoshopu

          njegov je zelo preprosta in zelo učinkovit tutorial. Upam, da boste uživali to tutorski.

          9. december 2009
        • 11 Free Grunge krstni kamen za Designers

          V tem položaju boste našli 11 Prost Grunge krstni kamen za Designers. Ti free pisav so kot nalašč za stisko vaše modele. Upam, da boste vi uživali v tem.

          9. december 2009
        • 21 Big, Bold Tipografija Website Design

          imajo pogled na teh 21 Beautiful Big, Bold Tipografija Website Design in nam povejte svoje misli v komentar.

          9. december 2009
    • Add News

      Lahko pošljete vaše spodnje povezave na obrazcu in se bo praviloma odobri v roku nekaj ur.






      Nalaganje ...

    • Translator

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • SPONZORJI

    Check out UPrinting na YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Nazaj na vrh

General

To morda za nekatere interesne
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Works

Primeri preteklih projektov
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Storitve

To je tisto, kjer je prodaja še danes
  • O firmi
  • Pričevanja
  • Contact Details
  • Blog
  • Socialna - Twitter, Flickr

Contact Details

Želite najeti nas? začnite tukaj ...
  • Free Project Assesments
  • E-pošta - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Vse pravice pridržane, Ace Infoway Indija Najem Ace Infoway Indiji za vaš naslednji zasnove projekta. Oglejte si našo portfelja.