फोटोशॉप वेब 2.0 बटन बनाएं
बटन फ़ोटोशॉप ट्यूटोरियल शायद किसी भी फ़ोटोशॉप ट्यूटोरियल साइट में सबसे गर्म श्रेणियों में से एक है और चूंकि वेब 2.0 अब इस तरह के गर्म विषय हैं, इसलिए वेबसाइटों के किसी भी वेब 2.0 एप्लिकेशन के लिए एक सरल बटन करने के बारे में जाने दें। कूदने के बाद ट्यूटोरियल.
बटन डिज़ाइन को शुरू करने के लिए लगभग 500px (चौड़ाई) x 400px (ऊँचाई) पर एक खाली कैनवास बनाएँ। एक नई लेयर कॉल बनाएं 'bg01'। को चुनिए गोल आयताकार उपकरण, SHIFT दबाए रखें और केंद्र में एक गोल पक्षीय वर्ग बनाएं। वर्तमान चरण में कोई भी रंग ठीक है.
को बुलाओ मिश्रण विकल्प का 'bg01'और निम्न शैलियों को समायोजित करें:
परछाई डालना
- अपारदर्शिता: 40%
- दूरी: 0px
- प्रसार: 0%
- आकार: 6 पीएक्स
धीरे-धीरे ओवरले
- रंग बंद: 0%, # d00031
- रंग बंद: 100%, # ff2b5d
CTRL दबाए रखें, बाएं क्लिक करें 'bg01'लेयर थम्बनेल अपने आकार का चयन करने के लिए। चले जाओ चुनते हैं -> संशोधित करें -> अनुबंध और मान दर्ज करें '2px'। यह चयनित क्षेत्र को 2 पिक्सेल से सिकोड़ देगा.
एक नई लेयर कॉल बनाएं 'bg02'और किसी भी रंग के साथ हाइलाइटेड (हटना के बाद) क्षेत्र को भर दिया। मैं यहां # 000000 ब्लैक का इस्तेमाल करता हूं। लॉन्च करने के लिए 'bg02' पर डबल क्लिक करें सम्मिश्रण विकल्प और निम्न शैली को ट्वीक करें.
धीरे-धीरे ओवरले
- रंग बंद: 0%, # c6002f
- रंग बंद: 100%, # c6002f
पाठ के लिए एक और नई परत बनाएं, इसे कॉल करें 'टेक्स्ट'। अपने बटन का पाठ डालें। मैं प्रतिनिधित्व करने के लिए एक वर्णमाला का उपयोग करूँगा। मैं यहाँ उपयोग कर रहा हूँ फ़ॉन्ट शैली इस प्रकार हैं:
- गोल एरियल बोल्ड
- 150pt
वही, अपना पाठ तय करने के बाद, लॉन्च करने के लिए 'txt' पर डबल क्लिक करें मिश्रण विकल्प और निम्नलिखित शैलियों को ट्वीक करें.
परछाई डालना
- अपारदर्शिता: 25%
- दूरी: 0px
- स्प्रेड: 0px
- आकार: 5 पीएक्स
भीतरी छाया
- अपारदर्शिता: 10%
- दूरी: 0px
- चोक: ०
- आकार: 10 पीएक्स
बेवल एंबोस्स
- गहराई: 1 पीएक्स
- दिशा: नीचे
- आकार: 0px
- नरम: 0px
- हाइलाइट मोड अपारदर्शिता: 32%
- छाया मोड अपारदर्शिता: 32%
धीरे-धीरे ओवरले
- रंग स्टॉप: 0% # d2d2d2
- रंग स्टॉप: 100% # f0efef
बटन लगभग हो गया है। आइए इसे शीर्ष भाग पर थोड़ी चमक दें। पकड़ CTRL, बाया क्लिक 'bg02बाहरी आकृति को उजागर करने के लिए लेयर थम्बनेल; चुनें ग्रहण मार्की टूल. अब पकड़ो एएलटी, एक्लिप्स मार्की टूल चयनित के साथ, हाइलाइट किए गए क्षेत्र के निचले आधे हिस्से के बाहर माइनस तक खींचें। ऊपर की छवि देखें.
शीर्ष भाग के साथ हाइलाइट किया गया और एक्लिप्स मार्की टूल अभी भी चयनित है, राइट क्लिक करें और चुनें पंख; दर्ज 15px त्रिज्या के लिए.
एक नई परत बनाएं, इसे कॉल करें 'चमक'और हाइलाइट किए गए हिस्से को सफेद [#ffffff] से भरें। यह आपके बटन के शीर्ष भाग में चमक प्रभाव जोड़ना चाहिए। अंतिम उत्पाद को नीचे दी गई छवि जैसा कुछ दिखना चाहिए.
कुछ अतिरिक्त…
'के सम्मिश्रण विकल्प चिकोटीbg01' तथा 'bg02'आपको और अधिक दिलचस्प बटन देगा। यहाँ बटन पर एक और फ़ोटोशॉप ट्यूटोरियल है जो मैंने पहले किया है - वेब 2.0 के लिए ग्लॉसी बटन बनाएं
नमूना डाउनलोड करें
