• Početna stranica
  • O
  • Članci
  • Oglašavanje
  • Kontaktirajte nas

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

  • Članak je napisao
  • on 29.01.2010
  • u 11:39
  • by admin

Kako to Stvoriti Jednostavan Slick & Blue Button - Photoshop Tutorial

In this tutorial ćemo stvoriti jednostavan i gladak plavi gumb. Ovo je vrlo jednostavan i vrlo učinkovit udžbenik, tako da sve što trebate je Adobe Photoshop za stvaranje ovaj efekt. Nadam se da ćete uživati ovaj udžbenik.



slik-red-button-heading

Korak # 1

Otvorite Photoshop i napravite novi dokument, moje je 550px × 125px s bijelom pozadinom.

slik-red-button-step1a

Korak # 2

Ispunite boja u pozadini sloju, moja boja je # 3B3F46.
slik-red-button-step2a

Korak # 3

Odaberite Zaobljeni pravokutnik Alat i stvoriti gumb, moje Radius je 15px, širina 128px i visina: 36px. Promijenite svoju boju prednjeg plana za lijepo # 13AAB7 (Blue).
slik-red-button-step2

Korak # 4

Sada trebamo dodati neke lijepe efekte na dugme.

Gradient Overlay

Styling Button duplo-kliknite na gumb Layer's sličice u Layers panel za otvaranje dijaloškog okvira Stilovi Layer, mi ćemo primijeniti Utjecaj vertikalne Gradient za svoj gumb. Zatim kliknite na Color Gradient na pravo Gradient mogućnost otvoriti Boja Gradient Editor.

Prva promjena blending opciju na Overlay. Držite kut na 90o, nego mijenjanje vrijednosti Neprozirnost. Ja izabrati za postavljanje neprozirnosti na 50%.

slik-red-button-step4a

Dvaput kliknite na slijeva-boja-stop i unesite vrijednost # 000000 boja, a zatim dvokliknite na pravo-boja-stop i unesite vrijednost # FFFFFF boju.

slik-red-button-step4b

Inner Glow

Sljedeća primijeniti stil unutarnjeg sloja sjaj. Prva promjena blending opciju Overlay, nego mijenjanje vrijednosti neprozirnost i Veličina. Ja izabrati za postavljanje neprozirnosti na 55% i veličina na 6px.

Promijeni boju sjaj iz zadane do # FFFFFF

slik-red-button-step4c

Drop Shadow

Sljedeća primijeniti layer style sjena kap. Prva promjena blending opciju u normalu. Imajte na kut 120o, nego mijenjanje vrijednosti Neprozirnost i Veličina. Ja izabrati za postavljanje neprozirnosti na 55% i veličina na 3px.

slik-red-button-step4d

Bi trebao izgledati ovako.

slik-red-button-step4

Korak # 5

Napravite još jedan novi sloj, napraviti odabir oko svoje izvorne gumb, možete to učiniti tako da držite CTRL potom sloj na sličicu.).

slik-red-button-step5

Napunite do bijele boje prednjeg plana.

Odaberite Rounded Rectangle Tool, odaberite i izbrišite dno pola bijelog sloja ste upravo napravili, možda ćete morati mjeriti visinu vašeg gumba prije brisanja donjem dijelu.

slik-red-button-step5a

Prvo trebate promijeniti opciju sloj Softlight način to, nego mijenjanje vrijednosti neprozirnost. Ja izabrati za postavljanje neprozirnosti na 20%

Korak # 6

Odaberite Horizontal Type Tool i upišite tekst na pročelju.

Final

slik-red-button-final

Neka nam kako da ovaj udžbenik može biti još bolje? Ako ste pronašli neki drugi Photoshop tutorial koji želite podijeliti s nama, slobodno nam javite ako stavite u komentar.

ako želite dobiti više tutoriali od nas, molimo vas da razmislite o Prijavom na naš feed RSS ili putem e-pošte.

Varalica pod: Photoshop, Tutoriali by admin

Promote Us

  • Dodaj u Mixx!
Ace Hosting India

Tags: Photoshop, Tutoriali

Vezani članci:

Ako ste uživali čitajući ovaj članak, molimo vas da provjerite drugih srodnih članaka u nastavku:

    • Kako to Stvoriti Nice umetak Tekst Dugme u Photoshopu
    • Kako kreirati web gumb na Photoshop + Download Free PSD datoteke
    • Kako to Stvoriti Simple Green Dugme u Photoshopu
    • Kako to Stvoriti savijač ikona in Photoshop
    • Kako to Stvoriti Nice Sleek Tamni Dugme u Photoshopu
Untitled Document

Jedan Komentari

  1. favSHARE kaže on: 30 siječanj, 2010 at 9:10 Said:

    Ovaj članak je udio na favSHARE.net. Idite i glas!
    favSHARE's last blog .. Zaradi novac s online Kupnja domene Moj profil ComLuv

Submit Comment

XHTML: Možete koristiti ove oznake: <href naslov=""> <abbr <acronym <blockquote pozvati=""> <cite> <code> < del datetime = ""> <em> <i> <q Cite=""> <strike> <strong>


CommentLuv Enabled prikaži više
«15 Mjesta za download free Twitter Icon Sets
Developer's Paradise Sites "tjedan za 30 siječanj 2010»
Untitled Document

    Pretplatite se

  • Pretplatite se na naš feed
  • Pretplati se putem e-pošte
  • Pratite nas na cvrkut
  • WooThemes - Tamo gdje je Woo, postoji način!
  • DreamTemplate - Web Predlošci

    • Pretraživanje

      Untitled Document
  • Kalendar

    Siječanj 2010
    M T W T F S S
    «Pro Feb »
    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
    • Pages

      • Početna stranica
      • O
      • Članci
      • Oglašavanje
      • Kontaktirajte nas
    • Kategorije

    • Css (24)
    • Design / Inspiration (64)
    • Freebies (53)
    • Grafički dizajn (12)
    • Photoshop (30)
    • Resources (46)
    • Seo (1)
    • Alati (12)
    • Tutoriali (42)
    • Tipografija (6)
    • Web development (6)
    • Wordpress (6)
    • Archives

    • Veljača 2010
    • Siječanj 2010
    • Prosinac 2009
    • Studeni 2009
    • Listopad 2009
    • Rujan 2009
    • Kolovoz 2009
    • Srpanj 2009
    • Lipanj 2009
    • Svibanj 2009
    • Recent Posts

    • Css
    • Design / Inspiracija
    • Freebies
    • Grafički dizajn
    • Photoshop
    • Popularni postovi

    • Kako stvoriti lijep oblik bez tablice
    • 5 Steps to Write Better CSS II dio
    • 21 Veliki, Podebljano tipografija Website Design
    • Kako to Stvoriti Nice CSS Based Scalable krušne mrvice
    • 20 Zapanjujući Primjer Infographics Za Tvoj Inspiracija
    • 33 "Hello" Stranice primjer za inspiraciju
    • 30 stranice s Maksimalna Orange
    • Tag cloud

    Css dizajn Fontovi Freebies Grafički dizajn Grafički dizajn ikona Inspiracija Inspitation Photoshop Resursi Tools Tutorials Tipografija Web development Wordpress

    • Prijatelji

      • Abduzeedo
      • Nagnut brod Apart
      • Bittbox
      • CrazyLeaf Design
      • Css trikovi
      • David Walsh
      • Fudgegraphics
      • Gorivo svoju kreativnost
      • Pomoć Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Dionički Brain
      • Šest Revisions
      • Žlica Graphics
      • Toxel
      • Vandelay Design
      • Mi funkcija
      • Web dizajner Depot
      • Web dizajner Ledger
      • Web dizajner Zid
      • You Designer
    • Community News

        • 25 Ultimate koristan oblik Tutorials Koristeći CSS i Ja ...

          U ovom članku JA pravedan oglašen mnogo dobro izgleda kontakt forme, na taj način te bi trebao znati koliko je dobar kontakt obrazac izgleda. Sada ćemo pogledati kako to stvoriti izvrsne i lijepo dizajniran ...

          1. veljača 2010
        • Rainbow Šarene Glowing tekstni efekt pomoću Adobe P ...

          Jedan od naših novi član tima pokazuju svoje napore u ovom lijepom tutorial gdje možete saznati više o "Rainbow Boja Glowing Text Effect" pomoću Adobe Photoshop CS3, u ovom vodiču ćemo ...

          29 siječanj 2010
        • 55 + Zapanjujući Mac Motivirani Wallpaperi

          Danas smo sa zapanjujući MAC motiviranim Hi-res wallpapera jer smo ovisni na Apple i ljubav za korištenje pozadine kao što smo i dijelimo sa našim poštovani posjetitelji i čitatelji koji su stvarno b ...

          26 siječanj 2010
        • Napravite Lady Birds Insect Udžbenik pomoću Adobe Illu ...

          Lady ptice, da li postoji neki drugi insekt koji simboliziraju prosperitet i svježinu prirode više? Možete nađi prema te slatko se gotovo svugdje i oni nikada neće izazvati ništa, ali klicati. ...

          25 siječanj 2010
        • 45 Most Wanted Besplatni iPhone Igre

          Ja sam šerif je jedan od mojih najstarijih igara koja je hobi, a danas u ovom modernom svijetu smo upadljiv sa nekim iznenađujuće i najtraženijih slobodan iphone igre, iPhone je kao i online multimedija pametni telefon ...

          23 siječanj 2010
        • 27 razdragan stvari koje želite, bili Photoshopped

          U ovom članku ćemo pogledati takve "foto-manipulacije", koji definitivno ide to pogodak koji smiješno kosti od tvoje.

          18 siječanj 2010
        • Google o dobiti Makeover

          "Tko god želi konstanta uspjeh se mora stalno mijenjati" i to je sve više očito da Google subscribes na ove škole misli. Online Marketing Blog je izvještavanje ...

          11 prosinac 2009
    • Dodaj vijesti

      Možete poslati svoje veze koristeći formu ispod i oni će obično biti odobren u roku od nekoliko sati.






      Loading ...

    • Prevoditelj

      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
  • SPONZORI

    Check out UPrinting na YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Povratak na vrh

General

Ti možda nekih interesa
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Works

Primjeri projekata prošlosti
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Usluge

To je ono gdje se i danas prodaje
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Kontakt detalji

Želite li nam se zaposliti? početak ovdje ...
  • Free projekta Procjena
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indija Najam Ace Infoway Indija dizajn za Vaš sljedeći projekt. Pogledajte naš portfolio.