फ़ोटोशॉप में ग्लॉसी वेब 2.0 बटन डिज़ाइन करें
कुछ चमकदार दिखने वाले वेब 2.0 बटन को डिजाइन करना? यहां एक सरल फ़ोटोशॉप ट्यूटोरियल है जो आपको एक अच्छा दिखने वाला लाल चमकदार बटन प्राप्त करने के लिए कदम से कदम देता है.
चरण 1 - आधार बनाना
एक नया कैनवास फायर करें और नीचे दी गई छवि के अनुसार निम्न सेटिंग्स (पीले रंग में चिह्नित) को समायोजित करें। बाकी को डिफ़ॉल्ट के रूप में आना चाहिए। आप चूक के साथ दोबारा जांच करना चाहते हैं.
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop.gif)
एक नई लेयर कॉल करें 'बटन'
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_2.gif)
परत 'बटन' पर, गोल आयत उपकरण का चयन करें
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_3.gif)
इसे 7px की त्रिज्या दें
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_4.gif)
नीचे दी गई छवि के समान एक आयत बनाएं.
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_5.gif)
चरण 2 - लाल बटन
'बटन' परत के सम्मिश्रण विकल्प पर राइट क्लिक करें
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_6.gif)
के लिए निम्न सेटिंग्स टवीक करें
परछाई डालना
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_7.gif)
भीतरी छाया
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_8.gif)
बेवल और एम्बॉस
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_9.gif)
धीरे-धीरे ओवरले
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_10.gif)
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_11.gif)
आपका बटन कुछ इस तरह दिखना चाहिए
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_12.gif)
चरण 3 - चमकदार प्रभाव बनाएं
एक नई लेयर कॉल 'ग्लास' बनाएं
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_13.gif)
रेटांगुलर मार्की टूल का चयन करें, सुनिश्चित करें कि आप 'बटन' लेयर का चयन कर रहे हैं। अपनी ctrl कुंजी रखें और लेयर 'बटन' पर क्लिक करें”एस परत थंबनेल। आपका बटन अब हाइलाइट किया जाना चाहिए.
अब 'ग्लास' बटन का चयन करें, रिटनुलर मार्की टूल के साथ Alt कुंजी चुनें। नीचे दी गई छवि की तरह बटन के निचले आधे हिस्से में ड्रा (कट) करें.
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_14.gif)
पेंट बाल्टी टूल का उपयोग करके चयनित क्षेत्र को सफेद रंग के साथ भरें
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_15.gif)
अपारदर्शिता को 18% तक समायोजित करें
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_16.gif)
आपके पास इस तरह दिखने वाला चमकदार बटन होना चाहिए.
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_17.gif)
चरण 4 - पैटर्न ओवरले
आइए बटन को कुछ मामूली पैटर्न ओवरले दें। मैं पहले बनाए गए कस्टम स्ट्राइप 5 पीएक्स का उपयोग करूंगा। 'बटन' और 'ग्लास' के बीच में एक नई लेयर कॉल 'पैटर्न' बनाएं और सम्मिश्रण विकल्पों के साथ आगे बढ़ें.
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_18.gif)
पैटर्न ओवरले का चयन करें, Stripe5px (या आपके द्वारा बनाया गया कोई भी पैटर्न) चुनें और ठीक क्लिक करें फिर संवाद बंद करें.
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_19.gif)
सुनिश्चित करें कि आप अभी भी आयताकार मार्की उपकरण पर हैं, पकड़
चरण 5 - पाठ सम्मिलित करना
निम्नलिखित सेटिंग्स के साथ सफेद #ffffff रंग में कुछ यादृच्छिक पाठ में फेंक दें
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_20.gif)
मेरे पाठ की परत पर निम्नलिखित सम्मिश्रण प्रभावों का उपयोग करें.
परछाई डालना
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_21.gif)
चरण 6 - अंतिम आउटपुट
आपको इस तरह की एक छवि मिलनी चाहिए.
![](http://savtec.org/img/images_4/design-glossy-web-20-button-in-photoshop_22.gif)