फ़ोटोशॉप में अद्भुत 3D स्टाइल लेटरिंग (Lettering) बनाए
() translation by (you can also view the original English article)



यह ट्यूटोरियल मूल रूप से मार्च 2012 में Tuts+ प्रीमियम ट्यूटोरियल के रूप में प्रकाशित हुआ था। यह अब देखने के लिए मुफ़्त है। यद्यपि यह ट्यूटोरियल एडोब फोटोशॉप के नवीनतम संस्करण का प्रयोग नहीं करता है, इसकी तकनीक और प्रक्रिया अब भी प्रासंगिक है।
इस ट्यूटोरियल में हम व्याख्या करेंगे कि फ़ोटोशॉप में इलस्ट्रेटिव तकनीकों का उपयोग करके "बहुत बढ़िया" 3D-स्टाइल की टाइपोग्राफी कैसे बनाई जा सकती है। यह ट्यूटोरियल किसी भी 3D ऐप्स या टूल का उपयोग नहीं करता है और एक अच्छा स्केच पर भारी निर्भर करता है, साथ ही साथ उचित प्रकाश और छाया लागू करने की आपकी क्षमता को बढ़ाता है।
एक तेज़ समाधान चाहते हैं? आधे समय में आश्चर्यजनक टेक्स्ट इफ़ेक्ट बनाने के लिए GraphicRiver पर Photoshop Layer Styles का अद्भुत चयन ब्राउज़ करें! या अपने सभी कस्टम टाइपोग्राफी आवश्यकताओं के लिए Envato Studio से एक डिजाइन पेशेवर की सहायता लेनी चाहिए।
ट्यूटोरियल के एसेट्स
निम्नलिखित ट्यूटोरियल के उत्पादन के दौरान निम्नलिखित एसेट्स का उपयोग किया गया था:
1. अपना डॉक्यूमेंट कैसे सेट करें
Step 1
शुरू करने से पहले, चलो परिप्रेक्ष्य के बारे में थोड़ी बात करते हैं। नीचे दी गई छवि को देखें जैसा कि आप देख सकते हैं, कुछ ऑब्जेक्ट दृश्यमान हैं, और कुछ दर्शक के दृष्टिकोण (viewer's point of view) के आधार पर छिपे हुए हैं।
पहले मामले (साइड व्यू) में, केवल लाल रंग के हिस्से दिखाई देते हैं। वही दूसरा मामला (टॉप व्यू) पर लागू होता है। तीसरे मामले में, पहले और दूसरे मामले का मिश्रण होता है- आगे हम दूर हैं, वहां अधिक परिप्रेक्ष्य है। इस मामले में, साइड्स नीले रंग में हाइलाइट किए गए हैं।



Step 2
इस इलस्ट्रेशन के आधार के रूप में उपयोग करने के लिए original sketch डाउनलोड करें।



Step 3
फ़ोटोशॉप में, 2500 x 1050 पिक्सल (RGB, 72 dpi) के साथ एक New Document बनाएं।



Step 4
इस फ़ाइल के भीतर को स्केच import करें और चार फ़ोल्डर्स बनाएं:
- Background
- Shadows
- Letters
- Shine

2. लेटर्स (letters) कैसे बनाएं
Step 1
Pen Tool का इस्तेमाल करते हुए, स्केच के समान पाथ का अनुसरण करें, लेटर्स ("3: लेटर्स" फ़ोल्डर के अंदर) को ड्रा करना शुरू करें। इस रंग के साथ लेटर्स भरने के लिए #978958
का उपयोग करें। सभी लेटर्स पर समान करें। प्रत्येक अक्षर फ़ोल्डर "3: Letters" के अंदर एक अलग लेयर पर होना चाहिए।



Step 2
सभी लेटर्स को ड्राइंग करने के बाद, यह नीचे की इमेज की तरह दिखेगा:



Step 3
अब गहराई बनाने के लिए पाथ बनाते हैं। पहला कदम देखें जहां मैंने परिप्रेक्ष्य में अंतर की व्याख्या की। गहराई की भावना देने के लिए, बस स्केच से पथों को फॉलो करें। कई बार हम स्केच के पथ को सही कर सकते हैं जब हम फ़ोटोशॉप में अधिक गोल कर्व्स बनाकर चित्र बनाते हैं। रंग #554c2f
का उपयोग करें।



Step 4
कभी-कभी आप देखेंगे कि कुछ हिस्सों में अन्य भागों अतिव्यापी (overlapping) हैं। नीचे दिए गए उदाहरण को देखें, लेटर "A" जहां दो पैर खत्म हो रहे हैं।



Step 5
लाइनों में से एक को पास करने के लिए, हमें लेयर की स्थिति बदलने की जरूरत नहीं है; इसके बजाय, हमें दूसरे ऑब्जेक्ट को ओवरलैप करने वाली रेखा के टुकड़े को छिपाने के लिए Mask नामक फ़ोल्डर बनाने की आवश्यकता है। ऐसा करने के लिए, नीचे दी गई इमेज में "A" की लाइन (क्रॉसबार) को ओवरलैप करने वाले ऑब्जेक्ट की दोनों लेयर्स को ग्रुप बनाएं।



Step 6
उन स्टेप्स को पूरा करने पर, हम अब इस फ़ोल्डर पर एक Layer Mask बनाएंगे। 'ग्रुप' लेयर पर क्लिक करें और फिर नीचे की Layers पैनल पर, Icon पर क्लिक करें जो स्टेप 1 में दिखाया गया है (नीचे देखें)। नतीजा यह है कि फ़ोल्डर के दाईं ओर एक सफेद रेक्टेंगल है जिसे एक लेयर मास्क (स्टेप 2) कहा जाता है।



Step 7
अगला कदम है, एक ऑब्जेक्ट को बिलकुल लेटर "A" की लाइन के पाथ पर ड्रा करें, जैसा कि नीचे की इमेज में देखा गया है।



Step 8
इसके बाद, Layers पैनल में, Selection करने के लिए Command पर क्लिक करें। अब Layer Mask के साथ फ़ोल्डर पर क्लिक करें (बिल्कुल सफेद रेक्टेंगल पर क्लिक करें) Foreground Color को सफेद #ffffff
के रूप में रखें, और चयनित Layer Mask के साथ, अब Delete दबाएं।



Step 9
आप देखेंगे कि "A" के क्रॉसबार से एक लाइन अब ऊपर से गुजरती है, और दूसरी लाइन नीचे जाती है। मास्क बनाने के लिए बनाई गई अस्थायी लेयर को Delete करना न भूलें। ओवरलैपिंग सभी लेटर्स पर यही करें।



सभी ओवरलैपिंग पथों को मास्क किए जाने के बाद, इमेज कुछ इस तरह दिखनी चाहिए (नीचे चित्र)। परिप्रेक्ष्य पर ध्यान दें, यह उदाहरण के स्केच से वैसा ही सिद्धांत है जिसे मैंने स्टेप 1 में समझाया था।



3. छाया कैसे बनाएं
Step 1
अगले स्टेप में, हम और अधिक मात्रा बनाने के लिए डार्क भागों पर छाया कर देंगे। ऐसा करने के लिए, नीचे दिए गए चित्र में दिखाए गए अनुसार, लेयर पाथ पर ग्रे बॉक्स में Command को होल्ड करने वाली पाथ लेयर पर क्लिक करें। यह पाथ पर Selection कर देगा।



Step 2
Selection Active रखने के दौरान, एक Group बनाएं और Layers पैनल (फिगर 1) के निचले भाग पर Mask आइकन का उपयोग करके Mask बनाएं, और उसके बाद उस फ़ोल्डर के अंदर एक New Layer बनाएं। Multiply करने के लिए New Layer सेट करें (फिगर 2)।



Step 3
अब Opacity से 15% तक सेट की गई सेटिंग्स का उपयोग करके Brush Tool का चयन करें।



Step 4
अब ब्रश को धीरे धीरे समाप्ति की ओर ले जाएँ, जहां प्रकाश नहीं पहुंचता है। ये क्षेत्र आमतौर पर लेटर्स के नीचे या जंक्शनों पर होते हैं।



Step 5
अब चलो बैकग्राउंड को ब्लैक में बदल दें। नीचे दिखाए गए अनुसार बैकग्राउंड लेयर के अंदर एक New Layer बनाएं। Solid Color चुनें और #000000
चुनें।



अब लेटर्स में बैकग्राउंड के साथ और अधिक कंट्रास्ट है।



Step 6
सभी डार्क भागों (डेप्थ पथ) पर एक ही प्रक्रिया को दोहराएं। नीचे लाल तीरों को देखें - उनमें से प्रत्येक दिखाते है कि आपको छाया कहाँ चाहिए। हमेशा एक New Group बनाना याद रखें, mask अप्लाई करें, और फिर एक New Layer बनाएं और इसका उपयोग Multiply के रूप में करें।



Step 7
सभी डार्क पथों पर स्टेप 15 और 16 दोहराए जाने के बाद, इमेज को नीचे देखा जाना चाहिए। लाल हलकों को देखें।



4. एक सीमा कैसे बनाएं
Step 1
अब हम लेटर्स पर बॉर्डर इफ़ेक्ट पैदा करेंगे। Pen Tool का चयन करें और, Command को होल्ड करें, "A" के पथ पर क्लिक करें। अब लेयर पैनल पर जाएं और फिर, Command को होल्ड करें, पथ की लेयर पर ग्रे भाग के अंदर क्लिक करें। आप इस पथ पर एक Selection करेंगे, जैसा कि नीचे की इमेज में देखा गया है।



Step 2
Selection करने के बाद, टॉप मेनू पर, Select > Modify > Contract पर जाएं।



Step 3
Contract 3 pixels करें और OK पर क्लिक करें।



Step 4
चयन को रखने के दौरान, Layers के पैनल के नीचे जाएं, आइकन पर क्लिक करें (नीचे चित्र देखें), और #ccbd88
का उपयोग करके अपने रंग के रूप में Solid Color चुनें।



Step 5
पिछले स्टेप के बाद, Blending Options खोलने के लिए layer पर Double-click करें। Inner Shadow का चयन करें और angle के लिए 120° का उपयोग करें, Opacity 30%, Distance 5, Size 15, और OK पर क्लिक करें।



5. किनारों को चमकदार कैसे करें
Step 1
अब हम अक्षरों के किनारों को ब्राइट करने के लिए एक Group Mask बनाएंगे। Command के साथ, लेटर के सबसे लाइट हिस्से पर क्लिक करें। फिर, Layers पैनल पर, लेयर पर एक फ़ोल्डर बनाने के लिए Group पर क्लिक करें।



Step 2
पहले से चयनित ग्रुप लेयर के साथ, इस फ़ोल्डर में मास्क जोड़ने के लिए नीचे दिए गए Mask आइकन (नीचे चित्र देखें) पर क्लिक करें। इस फ़ोल्डर के भीतर सभी ऑब्जेक्ट मास्क के अंदर होंगे।



Step 3
इस फ़ोल्डर के अंदर दो लेयर्स बनाएँ एक का उपयोग ब्राइट करने के लिए किया जाएगा, दूसरे को शैडो के लिए। आपको पता होना चाहिए कि प्रकाश आमतौर पर ऊपर से नीचे आता है। अब आप यह जानते हैं, ब्रश टूल का चयन करें और सफेद रंग और 30% Opacity के साथ, समाप्त होने वाली तस्वीरों को ध्यान से पेंट करें, जैसा कि नीचे की इमेज में दिखाया गया है। इसे "शैडो लेयर" पर शैडो करने के लिए बनाया जाना चाहिए, लेकिन #000000
(काला) का उपयोग करके, 30% Opacity के साथ।



आपको सभी लेटर्स के सभी छोरों में एक ही प्रक्रिया करना चाहिए। इमेज इस प्रकार दिखनी चाहिए:



6. अधिक छाया कैसे जोड़ें
Step 1
अगला कदम उन दोनों के बीच छाया का उपयोग करने वाले लेटर्स को अलग करना है। लेकिन हटाने के बजाय, आप एक Group बना सकते हैं और Selection का उपयोग करके Mask जोड़ सकते हैं।



Step 2
अब, मुखौटा के साथ इस फ़ोल्डर के अंदर, Multiply के रूप में एक New Layer बनाएं। रंग #000000
(काला) और 20% Opacity के साथ Brush Tool का उपयोग करना, पहले प्लेन पर "A" की लाइन (क्रॉसबार) के नीचे ध्यान से रंग कीजिए।



सभी लेटर्स को उसी प्रक्रिया को दोहराएं। नीचे दी गई इमेज देखें, जहां आपको शैडो बनाना चाहिए।



7. बैकग्राउंड कैसे बनाएं
Step 1
Background Color बदलें जो कि #000000
(काला) #192607
से पहले था।



Step 2
एडोब इलस्ट्रेटर खोलें और 2500 x 1050 px पर एक New Document बनाएं। Rectangle Tool का प्रयोग करें (नीचे चित्र देखें), रंग #192607
के साथ एक रेक्टेंगल बनाएं।



Step 3
रंग #C4B488
के साथ एक Diagonal Line (stroke weight: 1) बनाएं और इस लाइन का Duplicate बनाएं जब तक कि यह संपूर्ण हरी रेक्टेंगल को कवर न करे। अगला, Select All लाइन्स और Duplicate चुनें, फिर Reflect (Horizontally)। यह ग्रिड की तरह दिखाई देगा।



Step 4
अब, इंटेरसेक्शन्स में छोटे सर्कल्स और लाइन के जंक्शनों के बीच में बड़े सर्कल्स बनाएं। रंग #C4B488
का उपयोग करें।



Step 5
ग्रिड और सर्कल का चयन करें और उन्हें background पर हरे रेक्टेंगल के बिना Group बनाएं।



8. अंतिम डिटेल्स कैसे जोड़ें
Step 1
इलस्ट्रेटर से वैक्टर की Copy बनाएँ, और उन्हें "1: Background" फ़ोल्डर के अंदर फ़ोटोशॉप में Paste करें जैसा कि नीचे दिखाया गया है।



Step 2
लेयर का नाम "Grid" में बदलें, Duplicate करें, और नीचे दी गई लेयर पर, "gaussian blur" को 7, 8 का उपयोग करके Radius के रूप में लागू करें।



Step 3
इस लेयर पर एक Mask अप्लाई करें जिसमें "Gaussian blur" है, और Radial Gradient का उपयोग करके, इमेज के टॉप सेंटर पर क्लिक करें और राइट कोने पर खींचें, जैसा कि नीचे की इमेज में दिखाया गया है। यह महत्वपूर्ण है कि रंग #000000
(काला) मुख्य रंग है। आप देखेंगे कि केवल साइड्स अब धुंधली हो गयीं हैं, जिससे सेंटर शार्प हो जाता है।



Step 4
एक New Layer बनाएं और इसे एक Multiply लेयर के रूप में प्रयोग करें। चयनित टूल Radial Gradient और (Reverse) के साथ, नीचे की इमेज में दिखाए गए अनुसार, सेंटर से राइट की ओर खींचें। यह इमेज के सेंटर में धूमिल भाग को छुपाएगा।



Step 5
#ffffff
(सफ़ेद) के साथ Ellipse Tool का उपयोग करके, इमेज के टॉप/सेंटर पर एक एलिप्स बनाओ नीचे की स्थिति देखें:



Step 6
एलिप्स चुनें और टॉप मेनू Filter > Blur > Gaussian Blur पर जाएं और Radius के लिए 200 का उपयोग करें।



Step 7
इस लेयर को Overlay पर सेट करें।



Step 8
"3: letters" फ़ोल्डर Duplicate करें।



Step 9
इसके बाद, इमेज को नीचे चित्र में दिखाए गए अनुसार Flatten करें:



Step 10
Blending Options खोलने के लिए लेयर पर Double-click करें (जो फ्लैटेनेड (flattened) हुआ है)।



Step 11
लेफ्ट साइड की ओर Color Overlay का चयन करें, और #000000
(काला) का उपयोग करें।



Step 12
इसे "shadow 1" में बदलें और उसे फ़ोल्डर "2: shadows" में खींचें। नीचे दिए गए चित्र में दिखाया गया है कि लेयर को टेक्स्ट से थोड़ा और नीचे किया जाना चाहिए:



Step 13
"shadow 1" लेयर पर, टॉप मेनू के Filter > Blur > Gaussian Blur पर जाएं और Radius के रूप में 4.0 का उपयोग करें।



उसके बाद, इस लेयर को Duplicate करें।



Step 14
लेयर "shadow 2" पर, टॉप मेनू के Filter > Blur > Gaussian Blur पर जाएं और 40 को Radius के रूप में उपयोग करें।



Step 15
इन स्टेप्स को दोहराएं, और फ़ोल्डर "4: shine" पर खींचें।



Step 16
एक New Group बनाएं और एक Layer Mask लागू करें। नीचे की लेयर Hide करें, आपके द्वारा बनाए गए फ़ोल्डर में एक New Layer बनाएं।



Step 17
इस फ़ोल्डर के अंदर एक New Layer बनाएं, और इसे Overlay के रूप में उपयोग करें। रंग #ffffff
(सफेद), 15% Opacity के साथ Brush Tool का चयन करें, और जब तक ये लेटर स्पष्ट नहीं हो जाते, तब तक टॉप लेटर्स को ध्यान से पेंट करें।



अंतिम इमेज
यहाँ नीचे अंतिम इमेज है!



GraphicRiver से रचनात्मक टेक्स्ट इफ़ेक्ट एक्शन्स
बिलकुल समय पर? अब भी GraphicRiver के माध्यम से उपलब्ध हमारे अविश्वसनीय Text Effect Actions में से एक का उपयोग करते हुए अब भी आधे समय में स्टन्निंग (stunning) टेक्स्ट इफ़ेक्ट प्राप्त कर सकते हैं। माइंड-ब्लोइंग इफ़ेक्ट बनाने के लिए इन एक्शन्स का उपयोग करें, और नीचे हमारे पसंदीदा में से एक को देखें!
3D Cinematic Text Actions
इस विकेड फ़ोटोशॉप एक्शन के साथ रोमांचक सिनेमाई (cinematic) टेक्स्ट इफ़ेक्ट उत्पन्न करें। यह पैक पांच विभिन्न एक्शन्स और छह डिरेक्शंस (directions) के साथ पूरा आता है, जिसमे आप 3D इफ़ेक्ट के लिए चुन सकते हैं। सिंपल-टू-यूज़ वाली फ़ाइलों और संगठित लेयर्स के साथ इन इफेक्ट्स को आसानी से कस्टमाइज़ करें।



