• घर
  • के बारे में
  • लेख
  • हमसे संपर्क करें

: 91 11 9810018780 मेल: / info@aceinfowayindia.com को बुलाओ: 91 11 9810018780

  • लेख लिखा
  • 23.09.2009 पर
  • 07:57 AM पर
  • व्यवस्थापक द्वारा

मैं कैसे, फ़ोटोशॉप में बटन की तरह फोन बनाएँ

अरे वापस लोगों को वापस फ़ोटोशॉप Tutorials. इस ट्यूटोरियल में मैं तुम्हें सीखना कैसे मैंने फ़ोटोशॉप में बटन की तरह फोन बनाने के लिए करेंगे. यह बहुत आसान है और बहुत ट्यूटोरियल प्रभावी. मुझे आशा है कि आप इस ट्यूटोरियल मज़ा आएगा.

अंतिम पूर्वावलोकन

यह है कि हम क्या गए आज

final-preview-iphone-buttons-big

# चरण 1

खुला Photoshop और एक नया दस्तावेज़ बनाने के लिए, मेरा 550 × एक सफेद पृष्ठभूमि के साथ 398px है.

iphone-like-buttons-step1

# चरण 2

पृष्ठभूमि परत में रंग भरो, मेरा रंग # 333333 है.

iphone-like-buttons-step2

# चरण 3

एक नया नाम परत परत ग्रेडियेंट पट्टी बनाएँ. आयताकार Marquee उपकरण चुनें और सफेद पट्टी बनाएँ.

iphone-like-buttons-step3

परतें पैनल में पट्टी है परत थम्बनेल पर पट्टी परत डबल क्लिक स्टाइलिंग तक परत शैलियाँ संवाद बॉक्स खुला है, हम अपनी पृष्ठभूमि के लिए एक ऊर्ध्वाधर gradiant प्रभाव लागू होंगे. ग्रेडियेंट तक रंग ग्रेडियेंट संपादक खोलने के विकल्प के अधिकार पर ग olor ढाल पर फिर क्लिक करें.

iphone-like-buttons-step3-b

-डबल पर क्लिक बाएँ रंग रोकने और रंग मूल्य दर्ज # aaaaaa, दोहरी पर क्लिक बाएँ केंद्र रंग रोकने और रंग मूल्य #, cccccc अधिकार केंद्र रंग पर डबल क्लिक करें-बंद करो और दर्ज करें रंग मूल्य # dddddd, तो ठीक है पर डबल क्लिक करें-रोकने के रंग और रंग मान दर्ज करें # ffffff.

iphone-like-buttons-step3-a

इस तरह से देखना चाहिए.

iphone-like-buttons-step3-c

# चरण 4

चुनें गोल आयत उपकरण और बटन बनाने के लिए, मेरा त्रिज्या 90X40px है.

iphone-like-buttons-step4

अब कुछ प्रभाव लागू

ग्रेडियेंट ओवरले

परतें पैनल में बटन है परत थम्बनेल पर बटन डबल क्लिक स्टाइलिंग तक परत शैलियाँ संवाद बॉक्स खोलने के लिए, हमने आपके बटन के लिए एक ऊर्ध्वाधर gradiant प्रभाव लागू होंगे. ग्रेडियेंट तक रंग ग्रेडियेंट संपादक खोलने के विकल्प के अधिकार पर रंग ढाल पर फिर क्लिक करें.

iphone-like-buttons-step3-b

डबल पर क्लिक करें बाएँ रंग रोकने और रंग # 000000 मान दर्ज करें, डबल क्लिक करें पर बाएँ केंद्र रंग रोकने और रंग # 222222 मान दर्ज करें, डबल अधिकार केंद्र रंग पर क्लिक करें, बंद करो और दर्ज करें रंग मूल्य # 444,444, तो ठीक है पर डबल क्लिक करें-रोकने के रंग और रंग # 666666 मान दर्ज करें.

iphone-like-buttons-step4-a

Bevel और एम्बॉसफ़िल्टर

अगले Bevel और एम्बॉसफ़िल्टर परत शैली लागू होते हैं. बाहरी Bevel शैली बदलने के लिए, गहराई, आकार और नरम के मूल्यों को बदलने से. मैं 100% पर गहराई तय चुनते हैं, तो: 1px में आकार और नरम 10px पर

इस ट्यूटोरियल के महत्वपूर्ण हिस्सा: -90 ओ, ऊंचाई पर 40 हे कोण पर रखें

हाइलाइट मोड: मैं 100% पर अपारदर्शिता सेट का चयन करें.

छाया मोड: मैं 100% पर अपारदर्शिता सेट का चयन करें.

iphone-like-buttons-step4-b

आघात

अंत में हम स्ट्रोक पर लागू होंगे. पहली आकार के मूल्यों को बदल दिया है. मैं: 1px में आकार सेट का चयन करें. अंदर में स्थिति बदलने

मैं 80% में अपारदर्शिता सेट का चयन करें.

डिफ़ॉल्ट से स्ट्रोक रंग # 222222 को बदलें

iphone-like-buttons-step4-c

इस तरह से देखना चाहिए.

iphone-like-buttons-step4-d

# चरण 5

पाठ का चयन करें उपकरण और मोर्चे पर प्रकार पाठ.

iphone-like-buttons-step5

हम मूल पाठ इस प्रकार के लिए कोई प्रभाव लागू होंगे.

Bevel एम्बॉसफ़िल्टर

परतें कक्ष में पाठ है परत थम्बनेल पर डबल क्लिक करें को खोलने के लिए परत शैलियाँ संवाद बॉक्स. हम Bevel एम्बॉसफ़िल्टर, सबसे पहले लागू बाहरी Bevel और तकनीक पहनाव छेनी शीतल को बदलने गहराई, दिशा, आकार और नरम के मूल्यों से बदल जाएगा. मैं 130% पर गहराई तय चुनते हैं, तो नीचे आकार में दिशा: 1px में और नरम 0px पर

इस ट्यूटोरियल के महत्वपूर्ण हिस्सा: 90 ओ, 30 ओ में ऊंचाई पर कोण रखें

हाइलाइट मोड: मुझे 0% में अपारदर्शिता सेट का चयन करें.

छाया मोड: मैं 50% में अपारदर्शिता सेट का चयन करें.

iphone-like-buttons-step5a

अंतिम पूर्वावलोकन

अंत में हम इस ट्यूटोरियल किया है.

यह है कि हम क्या गए आज

final-preview-iphone-buttons-big

डाउनलोड स्रोत फ़ाइल

यदि आप अपने काम की जांच करना चाहते हैं, तो आप इस ट्यूटोरियल के लिए PSD फ़ाइल डाउनलोड कर सकते हैं.

जैसे iphone-buttons.rar (21.3 KB)

के तहत दायर: Photoshop, व्यवस्थापक द्वारा Tutorials

को बढ़ावा देने करें

टैग: Photoshop, Tutorials

संबंधित आलेख:

यदि आप इस लेख, कृपया नीचे अन्य संबंधित वस्तुओं की जांच पढ़ मज़ा आया:

    • कैसे फ़ोटोशॉप में छापा Typography बनाएँ
    • कैसे फ़ोटोशॉप में चिकना ग्लॉसी पाठ प्रभाव बनाएँ
    • फ़ोटोशॉप में एक सुंदर बॉक्स चिह्न बनाएँ
    • पॉप कला हास्य ट्यूटोरियल: फ़ोटोशॉप
    • 2 मिनट में छवि अप रेट्रो: Photoshop
शीर्षकहीन दस्तावेज़

एक टिप्पणी

  1. aioon पर कहते हैं: सितम्बर 23, 2009 5:58 में कहा:

    एक अच्छा! मुझे यह पसंद :)

एक टिप्पणी भेजें

XHTML: आप इन टैग्स: <a href="" उपयोग title=""> <abbr title=""> <acronym कर सकते हैं <blockquote title=""> <b> cite=""> <cite> <code> < डेल DateTime = ""> <em> <i> <q cite=""> <strike> <strong>


«11 बहुत अच्छे सुलेख फ़ॉन्ट्स
है डेवलपर Paradise 24 सितम्बर 2009 »के लिए वीक का साइटें
शीर्षकहीन दस्तावेज़

    सदस्यता लें

  • सदस्यता लें हमारे फ़ीड के लिए
  • ईमेल द्वारा सदस्यता लें
  • चहचहाना पर हमें का पालन करें
  • प्रायोजक
  • प्रायोजक
  • प्रायोजक
  • प्रायोजक
  • प्रायोजक

    • खोज

      शीर्षकहीन दस्तावेज़
  • कैलेंडर

    2009 सितम्बर
    एम टी डब्ल्यू टी एफ एस एस
    «अगस्त
    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
    • पन्ने

      • घर
      • के बारे में
      • लेख
      • हमसे संपर्क करें
    • श्रेणियाँ

    • सीएसएस (16)
    • डिजाइन / प्रेरणा 41 ()
    • मुफ्त (21)
    • ग्राफिक डिजाइन (9)
    • Photoshop (12)
    • संसाधन (19)
    • 1 (एसईओ)
    • उपकरण (5)
    • ट्यूटोरियल (25)
    • Typography (3)
    • वेब विकास (4)
    • WordPress (5)
    • अभिलेखागार

    • 2009 सितम्बर
    • अगस्त 2009
    • जुलाई 2009
    • जून 2009
    • मई 2009
    • हाल के पोस्ट

    • सीएसएस
    • डिजाइन प्रेरणा /
    • मुफ्त
    • ग्राफिक डिजाइन
    • Photoshop
    • लोकप्रिय डाक

    • कैसे बनाने, अच्छी लग रही टेबल बिना फार्म
    • फ़ोटोशॉप में एक सुंदर बॉक्स चिह्न बनाएँ
    • बेहतर लिखने के लिए 5 कदम CSS
    • कैसे फ़ोटोशॉप में छापा Typography बनाएँ
    • है डेवलपर Paradise सितम्बर के लिए वीक का साइटें 2009 10 वीं
    • शुद्ध सीएसएस ड्रापडाउन जावास्क्रिप्ट का प्रयोग बिना मेन्यू
    • 6 नि: शुल्क है और उच्च गुणवत्ता ईंट की दीवार Textures
    • टैग बादल

    सीएसएस डिजाइन फ़ॉन्ट्स मुफ्त ग्राफिक डिजाइन ग्राफिक्स डिजाइन प्रतीक प्रेरणा Inspitation फ़ोटोशॉप संसाधन उपकरण Tutorials Typography वेब विकास WordPress

    • मित्रों

      • Abduzeedo
      • इसके अलावा Alist
      • Bittbox
      • CrazyLeaf डिजाइन
      • CSS ट्रिक्स
      • दाऊद वाल्श
      • Fudgegraphics
      • ईंधन अपनी रचनात्मकता को
      • डेवलपर मदद
      • तत्काल शिफ्ट
      • Line25
      • Mirificampress
      • मेरा इंक ब्लॉग
      • Noupe
      • PSDFan
      • PSDtuts
      • शेयर ब्रेन
      • छह संशोधन
      • चम्मच ग्राफिक्स
      • Toxel
      • Vandelay डिजाइन
      • हम समारोह
      • वेब डिजाइनर डिपो
      • वेब डिजाइनर खाताबही
      • वेब डिजाइनर की दीवार
      • तुम डिजाइनर
    • अनुवादक

      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
  • प्रायोजक

    बाहर की जाँच करें YouTheDesigner पर UPrinting.


    व्यापार कार्ड ऑनलाइन

    Web Design Blog Directory

.
शीर्षकहीन दस्तावेज़
वापस शीर्ष पर

सामान्य

शायद कुछ हित के ये
  • हमारी कंपनी के बारे में
  • प्रशस्तियां
  • सम्पर्क करने का विवरण
  • ब्लॉग
  • सामाजिक - चहचहाना, Flickr

काम करता है

पिछले परियोजनाओं के उदाहरण
  • हमारी कंपनी के बारे में
  • प्रशस्तियां
  • सम्पर्क करने का विवरण
  • ब्लॉग
  • सामाजिक - चहचहाना, Flickr

सेवाएं

यह वह जगह है जहाँ आज क्या बेच
  • हमारी कंपनी के बारे में
  • प्रशस्तियां
  • सम्पर्क करने का विवरण
  • ब्लॉग
  • सामाजिक - चहचहाना, Flickr

सम्पर्क करने का विवरण

हमें किराया चाहते हैं? यहाँ आरंभ करने के लिए ...
  • नि: शुल्क परियोजना Assesment
  • ई - info@aceinfowayindia.com
  • टेलीफोन: 91 11 9810018780

Copyright © 2009, सभी अधिकार सुरक्षित, ऐस Infoway भारत किराया ऐस Infoway अपने अगले डिजाइन परियोजना के लिए भारत. देखें हमारे पोर्टफोलियो.