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

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

  • लेख लिखा
  • 02.12.2009 पर
  • 06:45 AM पर
  • व्यवस्थापक द्वारा

कैसे फ़ोटोशॉप में एक साधारण ग्रीन बटन बनाएँ

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

अंतिम परिणाम

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

green-button-final1

# चरण 1

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

Green-button-step1

# चरण 2

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

green-button-step13

# चरण 3

चुनें गोल आयत उपकरण और बटन बनाने के लिए, मेरा त्रिज्या 5px, चौड़ाई: 219px और ऊँचाई: 40px है..

green-button-step24

अब हम कुछ प्रभाव लागू होगी

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

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

Green-Button

डबल पर क्लिक करें बाएँ रंग रोकने और रंग # 55A646 मान दर्ज करें, तो ठीक है पर डबल क्लिक करें-रोकने के रंग और रंग मान दर्ज करें # A5CE3F.

green-button-step4a

ड्रॉप छाया

अगले ड्रॉप छाया परत शैली लागू होते हैं. 120o पर कोण अपारदर्शिता, दूरस्थ और आकार के मूल्यों को बदलने से, रहो. मैं 20%, 5px में: 1px और आकार से कम दूरी पर अपारदर्शिता सेट का चयन करें.

green-button-step4b

भीतर की छाया

अगले इनर छाया परत शैली लागू होते हैं. 120o पर कोण अपारदर्शिता, गला दबा दो, और आकार के मूल्यों को बदलने से, रहो. मैं 27% और गला दबा दो, कम 100% और आकार में अपारदर्शिता 2px पर सेट का चयन करें.

अगले बदलें सामान्य से मेल विकल्प.

green-button-step4c

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

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

120o पर कोण 30o में, ऊँचाई रखें

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

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

green-button-step4d

आघात

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

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

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

green-button-step4e

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

green-button-step4

# चरण 4

प्रकार का चयन करें क्षैतिज उपकरण और मोर्चे पर प्रकार पाठ.

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

green-button-step5

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

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

green-button-step5a

डबल पर क्लिक करें बाएँ रंग रोकने और रंग मान दर्ज करें # DDDCDC, तो केंद्र पर डबल क्लिक करें-रोकने के रंग और रंग मान दर्ज करें # FFFFFF.

green-button-step5b

ड्रॉप छाया

अंत में हम ड्रॉप छाया परत शैली लागू होंगे. 120o पर कोण अपारदर्शिता, दूरस्थ और आकार के मूल्यों को बदलने से, रहो. मैं 34%,: 1px में: 1px और आकार से कम दूरी पर अपारदर्शिता सेट का चयन करें.

green-button-step5bc

अंतिम परिणाम

green-button-final1

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

डाउनलोड फाइल [240KB]

यदि आप हम से अधिक प्रेरणा प्राप्त करना चाहते हैं, तो कृपया आरएसएस या ईमेल के द्वारा हमारे फ़ीड की सदस्यता लेने पर विचार.

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

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

  • Mixx में जोड़ें!

टैग: Photoshop, Tutorials

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

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

    • कैसे फ़ोटोशॉप में अच्छा बैठाना पाठ बटन बनाएँ
    • कैसे फ़ोटोशॉप में छापा Typography बनाएँ
    • कैसे फ़ोटोशॉप में अच्छा आराम से 3 डी प्रभाव पाठ बनाएँ
    • मैं कैसे, फ़ोटोशॉप में बटन की तरह फोन बनाएँ
    • कैसे फ़ोटोशॉप में एक अच्छा चिकना काला बटन बनाएँ
शीर्षकहीन दस्तावेज़

4 टिप्पणियाँ

  1. designfollow पर कहते हैं: दिसम्बर 2, 2009 में 12:52 कहा:

    महान ट्यूटोरियल, धन्यवाद.

  2. FAQPAL पर कहते हैं: दिसम्बर 4, 2009 2:24 में कहा रहा हूँ:

    सरल लेकिन प्रभावी अंत परिणाम, शेयर के लिए धन्यवाद.
    है FAQPAL पिछले ब्लॉग .. Dummies के लिए HTTP शीर्षक मेरा ComLuv प्रोफाइल

  3. बेन पर कहते हैं: दिसम्बर 4, 2009 6:48 में कहा रहा हूँ:

    महान ट्यूटोरियल, धन्यवाद.

  4. favSHARE पर कहते हैं: दिसम्बर 4, 2009 11:10 में कहा:

    इस लेख favSHARE.net पर साझा किया गया है. जाओ और वोट!
    है favSHARE पिछले ब्लॉग .. 14 शीर्ष Typeface और फ़ॉन्ट युग्म संसाधन मेरा ComLuv प्रोफाइल

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

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


CommentLuv Enabled अधिक शो
«लिखें बेहतर सीएसएस भाग के लिए 5 कदम द्वितीय
है डेवलपर Paradise 4 दिसम्बर 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 31
    • पन्ने

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

    • सीएसएस (21)
    • डिजाइन / प्रेरणा 53 ()
    • मुफ्त 37 ()
    • ग्राफिक डिजाइन (10)
    • Photoshop (18)
    • संसाधन (34)
    • 1 (एसईओ)
    • उपकरण (9)
    • ट्यूटोरियल (33)
    • Typography (6)
    • वेब विकास (5)
    • WordPress (6)
    • अभिलेखागार

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

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

    • कितना अच्छा स्केलेबल सीएसएस बनाएँ Breadcrumbs आधार
    • सीएसएस लिखने के बेहतर भाग के लिए 5 कदम द्वितीय
    • कैसे बनाने, अच्छी लग रही टेबल बिना फार्म
    • अधिकतम ऑरेंज के साथ 30 वेबसाइट
    • बेहतर लिखने के लिए 5 कदम CSS
    • कैसे फ़ोटोशॉप में छापा Typography बनाएँ
    • फ़ोटोशॉप में एक सुंदर बॉक्स चिह्न बनाएँ
    • टैग बादल

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

    • मित्रों

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

        • कैसे फ़ोटोशॉप में एक साधारण ग्रीन बटन बनाएँ

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

          दिसम्बर 9, 2009
        • 11 मुक्त Grunge डिजाइनरों के लिए फ़ॉन्ट्स

          इस पोस्ट में आप डिजाइनरों के लिए 11 मुक्त Grunge फ़ॉन्ट्स मिलेगा. इन मुक्त फोंट विक्षुब्ध के लिए अपने डिजाइनों परिपूर्ण हैं. मुझे आशा है कि आप इस मज़ा आएगा.

          दिसम्बर 9, 2009
        • 21 बिग, बोल्ड Typography वेबसाइट डिजाइन

          इन 21 सुंदर बिग, बोल्ड Typography वेबसाइट डिजाइन पर एक नज़र है और हमें टिप्पणी में अपने विचारों को जानते हैं.

          दिसम्बर 9, 2009
    • समाचार जोड़ें

      आप के फार्म का उपयोग नीचे अपनी लिंक भेजने और वे आमतौर पर कुछ ही घंटे के भीतर मंजूरी दे दी जाएगी कर सकते हैं.






      लोड हो रहा है ...

    • अनुवादक

      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 अपने अगले डिजाइन परियोजना के लिए भारत. देखें हमारे पोर्टफोलियो.