• Shtëpia
  • Rreth
  • Artikuj
  • Na kontaktoni

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

  • Neni Shkruar
  • më 23.09.2009
  • në 07:57
  • nga admin

Si të Krijo I-Phone si Button in Photoshop

Hey guys back-to-back Photoshop Tutorials. Në këtë tutorial do të mësoni ju kam se si të krijoni I-Phone si Button në Photoshop. Kjo është shumë e thjeshtë dhe mjaft efektive tutorial. Unë shpresoj se ju do të gëzojë këtë tutorial.

Final Preview

Kjo është ajo që ne bëjmë sot shkuar

final-preview-iphone-buttons-big

Hapi # 1

Photoshop hapur dhe të krijojë një dokument të ri, minave është 550 × 398px me një sfond të bardhë.

iphone-like-buttons-step1

Hapi # 2

Plotësoni shtresë ngjyrë në sfond, ngjyra e minave është # 333.333.

iphone-like-buttons-step2

Hapi # 3

Krijo një emër të ri shtresa shtresa gradienti shirit. Zgjidhni drejtkëndëshe Marquee Tool dhe për të krijuar shirit të bardhë.

iphone-like-buttons-step3

Styling Shtresa e shirit të dyfishtë klikoni mbi tablo-Shtresa shirit në Panelin shtresa të hapur kutinë e stileve Shtresa e dialogut, ne do të aplikojë një efekt vertikale gradiant për prejardhjen tuaj. Pastaj klikoni mbi gradienti olor C më të drejtë e mundësi për të hapur deri Gradient iCool Color Editor.

iphone-like-buttons-step3-b

Double-click on majtë-color-stop dhe shkruani vlerën e ngjyrës aaaaaa #, klikoni dy herë në të majtë-center-color-stop dhe shkruani vlerën color # cccccc, klikoni dy herë mbi të drejtën e-center-color-stop dhe shkruani Vlera color # dddddd, pastaj klikoni dy herë mbi të drejtën e-color-stop dhe shkruani vlerën ngjyra ffffff #.

iphone-like-buttons-step3-a

Duhet të duket si ky.

iphone-like-buttons-step3-c

Hapi # 4

Zgjidhni Rounded Rectangle Tool dhe për të krijuar butonin, rreze e minave është 90X40px.

iphone-like-buttons-step4

Tani zbatohen disa efekt

Gradient mbulesë

Styling dyfishtë Button click-në tablo Shtresa Button në Panelin shtresa të hapur kutinë e stileve Shtresa e dialogut, ne do të aplikojë një efekt vertikale gradiant për Button tuaj. Pastaj klikoni mbi gradienti ngjyrë të drejtë e mundësi për të hapur deri Gradient iCool Color Editor.

iphone-like-buttons-step3-b

Double-click on majtë-color-stop dhe hyjnë në vlerën color # 000000, klikoni dy herë në të majtë-center-color-stop dhe hyjnë në vlerën 222.222 ngjyra #, dopio-klik mbi të drejtën e-center-color-stop dhe hyjnë në color # vlerë 444.444, pastaj klikoni dy herë mbi të drejtën e-color-stop dhe hyjnë në vlerën 666.666 ngjyra #.

iphone-like-buttons-step4-a

Qoshe dhe stampoj

Next aplikojë stilin e zbukuroj me reliev i pjerrët dhe shtresa. Ndryshimi i stilit të jashtme i pjerrët, se ndryshon vlerat e Depth, Madhësia dhe të zbusë. Unë zgjedh për të vendosur Thellesia me 100%, Madhesia në 1px dhe të zbusë në 10px

Pjesë të rëndësishme të këtij Tutorial: Mbaje Angle në -90 o, Lartësia në 40 o

Mode Highlight: Unë zgjedh për të vendosur perde në 100%.

Mode Shadow: Unë zgjedh për të vendosur perde në 100%.

iphone-like-buttons-step4-b

Goditja

Në fund ne do të aplikohet goditja. Pari ndryshimin vlerat e Madhesia. Unë zgjedh për të vendosur Size në 1px. Ndryshimi pozicion në Inside

Unë zgjedh për të vendosur perde në 80%.

Ndryshimi ngjyra goditja nga parazgjedhur për # 222222

iphone-like-buttons-step4-c

Duhet të duket si ky.

iphone-like-buttons-step4-d

Hapi # 5

Mjet Zgjidhni tipit tekst dhe tekstit në front.

iphone-like-buttons-step5

Ne do të aplikojë disa fuqi për tekst.

Zbukuroj me reliev i pjerrët

Double-click on thumbnail shtresa Tekst në Panelin shtresa të hapur kutinë e Layer Styles dialog. Ne do të aplikojë zbukuroj me reliev i pjerrët, First Ndryshimi i stilit të jashtme i pjerrët dhe teknikë të daltë Soft, se ndryshon vlerat e Depth, Drejtimi, dhe të zbusë Size. Unë zgjedh për të vendosur Thellesia në 130%, Drejtimi në Size Poshte në 1px dhe të zbusë në 0px

Pjesë të rëndësishme të këtij Tutorial: Keep Angle në 90 o, Lartësia në 30 o

Mode Highlight: Unë zgjedh për të vendosur patejdukshmëri në 0%.

Mode Shadow: Unë zgjedh për të vendosur perde në 50%.

iphone-like-buttons-step5a

Final Preview

Së fundi ne kemi bërë këtë tutorial.

Kjo është ajo që ne bëjmë sot shkuar

final-preview-iphone-buttons-big

Shkarko burim file

Nëse dëshironi të shikoni punën tuaj, ju mund të shkarkoni skedarin PSD për këtë tutorial.

iphone-si-buttons.rar (21,3 kb)

Paraqitur sipas: Photoshop, Tutorials nga admin

Nxitja Us

Tags: Photoshop, Tutorials

Related Articles:

në qoftë se ju ka gëzuar lexuar këtë artikull, ju lutem shikoni artikuj të tjerë që lidhen me poshte:

    • Si për të shtypur Krijo Typography në Photoshop
    • Si të Krijo Smooth Text Effect shkëlqim në Photoshop
    • Krijo një Box Beautiful Icon në Photoshop
    • Pop Art Comic Tutorial: Photoshop
    • Retro Up Image in 2 Minutes: Photoshop
Untitled Document

Një Komente

  1. aioon thotë se më: shtator 23, 2009 at 5:58 pm Said:

    nice one! i like it :)

Submit a Comment

XHTML: Mund të përdorni këto tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


«11 Awesome Calligraphy Fonts
Faqe Parajsa Developer's e Java për shtator 2009 »24
Untitled Document

    Subscribe

  • Subscribe to our feed
  • Subscribe by email
  • Ndiqni na Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Kërkimi

  • Kalendari

    Shtator 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

      • Shtëpia
      • Rreth
      • Artikuj
      • Na kontaktoni
    • Kategoritë

    • Css (16)
    • Design / Frymëzim (41)
    • Freebies (21)
    • Graphic Design (9)
    • Photoshop (12)
    • Resources (19)
    • SEO (1)
    • Tools (5)
    • Tutorials (25)
    • Tipografi (3)
    • Zhvillim Web (4)
    • Wordpress (5)
    • Arkiva

    • Shtator 2009
    • Gusht 2009
    • Korrik 2009
    • Qershor 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / frymëzim
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Posts

    • Sa të krijojnë të mira duke kërkuar forma pa tabelë
    • Krijo një Box Beautiful Icon në Photoshop
    • 5 hapa të Write Better Css
    • Si për të shtypur Krijo Typography në Photoshop
    • Faqe Parajsa Developer's e Javës për shtator 10, 2009
    • Pure Css Dropdown Menu Pa Përdorimi Javascript
    • 6 falas dhe tullave High Quality Wall Textures
    • Tag cloud

    Css Design Fonts Freebies Graphic Design Graphics Design Icons frymëzim Inspitation Photoshop Resources Mjetet Tutorials Typography zhvillimit Web Wordpress

    • Shokët

      • Abduzeedo
      • Përveç Alist
      • Bittbox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Karburanti Krijimtari juaj
      • Ndihmë Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Gjashtë Rishikimet
      • Lugë Graphics
      • Toxel
      • Vandelay Design
      • Ne funksion
      • Web Designer depo
      • Web Designer Ledger
      • Web designer Wall
      • Ju Designer
    • 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
  • SPONSORS

    Check out UPrinting të YouTheDesigner.


    Biznes Cards Online

    Web Design Blog Directory

.
Untitled Document
Kthehu në fillim

Përgjithshëm

Këto ndoshta të disa interesave
  • Rreth Kompania jonë
  • Dëshmi
  • Detajet e kontaktit
  • Blog
  • Sociale - Twitter, Flickr

Works

Shembuj të projekteve të kaluara
  • Rreth Kompania jonë
  • Dëshmi
  • Detajet e kontaktit
  • Blog
  • Sociale - Twitter, Flickr

Shërbimet

Kjo është ajo ku shitja e sotme
  • Rreth Kompania jonë
  • Dëshmi
  • Detajet e kontaktit
  • Blog
  • Sociale - Twitter, Flickr

Detajet e kontaktit

Dëshironi të punësojë ne? filloni këtu ...
  • Free Projekti Vlerësimi
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indi Hire Ace Infoway Indi për projektin tuaj të ardhshëm design. Portofoli Shiko tonë.