• Početna stranica
  • O
  • Članci
  • Kontaktirajte nas

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

  • Članak je napisao
  • on 23.09.2009
  • u 07:57
  • by admin

Kako to Stvoriti I-Phone Poput Dugme u Photoshopu

Hey guys leđa-to-leđa Photoshop Tutorials. In this tutorial ću vas naučiti kako stvoriti I-Phone Poput Dugme u Photoshopu. Ovo je vrlo jednostavan i vrlo učinkovit udžbenik. Nadam se da ćete uživati ovaj udžbenik.

Final Preview

To je ono što mi otišao do danas

final-preview-iphone-buttons-big

Korak # 1

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

iphone-like-buttons-step1

Korak # 2

Ispunite boja u pozadini sloju, moja boja je # 333.333.

iphone-like-buttons-step2

Korak # 3

Napravite novi layer imenom gradijenta sloj pruzi. Odaberite Rectangular Marquee Tool i stvoriti bijele pruge.

iphone-like-buttons-step3

Styling pruga Layer dupli-kuckati na pruzi Layer's sličice u Layers panel za otvaranje dijaloškog okvira Stilovi Layer, mi ćemo primijeniti vertikalne gradiant efekt za vaše pozadine. Zatim kliknite na gradijent c olor na pravo Gradient mogućnost otvoriti Boja Gradient Editor.

iphone-like-buttons-step3-b

Dvaput kliknite na slijeva-boja-stop i unesite vrijednost # aaaaaa boja, dupli-kuckati na lijevo-centar-boja-stop i unesite vrijednost # cccccc boja, dupli-kuckati na temelju pravo-centar-boja-stop i unesite color value # dddddd, a zatim dvokliknite na pravo-boja-stop i unesite vrijednost # FFFFFF boju.

iphone-like-buttons-step3-a

Bi trebao izgledati ovako.

iphone-like-buttons-step3-c

Korak # 4

Odaberite Zaobljeni pravokutnik Alat i stvoriti gumb, moje je radijus 90X40px.

iphone-like-buttons-step4

Sada primijeniti neki efekt

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 vertikalne gradiant efekt za vaše gumba. Zatim kliknite na boju gradijenta na pravo Gradient mogućnost otvoriti Boja Gradient Editor.

iphone-like-buttons-step3-b

Dvaput kliknite na slijeva-boja-stop i unesite vrijednost # 000000 boja, dupli-kuckati na lijevo-centar-boja-stop i unesite vrijednost # 222222 boja, dupli-kuckati na temelju pravo-centar-boja-stop i unesite color # vrijednosti 444.444, zatim dvaput kliknite na pravo-boja-stop i unesite vrijednost # 666.666 boja.

iphone-like-buttons-step4-a

Konični i Emboss

Sljedeća primjenjuju konični i Emboss layer style. Promjena stil Vanjska konični, nego mijenjanje vrijednosti dubina, veličina i omekšavaju. Biram postaviti dubina na 100%, Size na 1px i omekšavaju na 10px

Važan dio ovog Tutorial: Držite kuta na -90 o, Nadmorska visina na 40 o

Označite način: ja izabrati za postavljanje neprozirnosti na 100%.

Shadow način: ja izabrati za postavljanje neprozirnosti na 100%.

iphone-like-buttons-step4-b

Udar

Na kraju ćemo primijeniti Stroke. Prva promjena vrijednosti veličina. Biram postaviti Veličina at 1px. Mijenjanje pozicija u Inside

Ja izabrati za postavljanje neprozirnosti na 80%.

Promjena boje od Stroke zadani # 222222

iphone-like-buttons-step4-c

Bi trebao izgledati ovako.

iphone-like-buttons-step4-d

Korak # 5

Odaberite tekst alat i upišite tekst na pročelju.

iphone-like-buttons-step5

Mi ćemo primijeniti neki efekt za tekst.

Konični Emboss

Dvaput kliknite na tekst sloj je umanjena sličica u Layers panel za otvaranje dijaloškog okvira Stilovi Layer. Mi ćemo primijeniti konični Emboss, Prva Mijenjanje stila Vanjska konični i tehniku kako bi Dlijeto Soft, nego mijenjanje vrijednosti Dubina, smjer, veličina i omekšavaju. Biram postaviti Dubina na 130%, režiju na Down Veličina at 1px i omekšavaju na 0px

Važan dio ovog Tutorial: Držite kuta na 90 o, Nadmorska visina na 30 o

Označite način: ja izabrati za postavljanje neprozirnosti na 0%.

Shadow način: ja izabrati za postavljanje neprozirnosti na 50%.

iphone-like-buttons-step5a

Final Preview

Konačno smo mi učinili ovaj udžbenik.

To je ono što mi otišao do danas

final-preview-iphone-buttons-big

Download source file

Ako želite provjeriti svoj posao, vi svibanj skinuti PSD file za ovaj udžbenik.

iphone-like-buttons.rar (21.3 kb)

Varalica pod: Photoshop, Tutoriali by admin

Promote Us

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 tiskani tipografija u Photoshop
    • Kako to Stvoriti glatki sjajni tekstni efekt u Photoshop
    • Create Beautiful Box ikonu u Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Retro Up Slika u 2 minute: Photoshop
Untitled Document

Jedan Komentari

  1. aioon kaže on: 23 rujna 2009 at 5:58 Said:

    nice one! i like it :)

Submit Comment

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


«11 Strašan Kaligrafija Fontovi
Untitled Document

    Pretplatite se

  • Pretplatite se na naš feed
  • Pretplati se putem e-pošte
  • Pratite nas na cvrkut
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor

    • Pretraživanje

      Untitled Document
  • Kalendar

    Rujan 2009
    M T W T F S S
    «Aug
    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
    • Pages

      • Početna stranica
      • O
      • Članci
      • Kontaktirajte nas
    • Kategorije

    • Css (16)
    • Design / Inspiration (40)
    • Freebies (21)
    • Grafički dizajn (9)
    • Photoshop (12)
    • Resources (19)
    • Seo (1)
    • Alati (5)
    • Tutoriali (25)
    • Tipografija (3)
    • Web development (4)
    • Wordpress (5)
    • Archives

    • 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
    • Create Beautiful Box ikonu u Photoshop
    • 5 Steps to Write Better Css
    • Developer's Paradise Sites "tjedan za 10 rujan 2009
    • Kako to Stvoriti tiskani tipografija u Photoshop
    • Pure Css Padajući Meni bez upotrebe Javascript
    • 6 Free i Kvalitetni Brick Wall Tekstura
    • Tag cloud

    Css dizajn Fontovi Freebies Grafički dizajn Grafički dizajn ikona Inspiracija 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
    • 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.