Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

टेक्स्ट इफ़ेक्टफ़ोटोशॉप में एक शानदार घास टेक्स्ट इफ़ेक्ट बनाएँ

by
Difficulty:AdvancedLength:LongLanguages:
This post is part of a series called Mastering Text Effects.
Quick Tip: Create Liquid Filled Glass Text in Photoshop
Create Super Glossy 3D Typography in Illustrator and Photoshop

Hindi (हिंदी) translation by Ashish Rampal (you can also view the original English article)

Psdtuts लगभग तीन वर्षों से मौजूद रहा है। उस समय के दौरान, हमने बहुत सा कंटेंट पोस्ट किया है। हम जानते हैं कि हमारी साइट पर मौजूद कंटेंट की मात्रा हाल ही में हमारी साइट की खोज करने वाले लोगों के लिए बहुत भारी हो सकती है। यही कारण है कि हमने समय-समय पर आपके लिए कुछ पुरानी पोस्टों से आपको आनंद देने का निर्णय लिया है। आज, हमने मई 2008 से, Envato संस्थापक, कोलिस Ta'eed, द्वारा एक पोस्ट को वापस आपके सामने लाने का फैसला किया है, जो फ़ोटोशॉप में एक शानदार घास वाले टेक्स्ट इफेक्ट बनाने का तरीका दर्शाता है। आएँ शुरू करें!


Step 1

यह ट्यूटोरियल तीन भागों से बना है-बैकग्राउंड, स्वयं टेक्स्ट और कुछ अंतिम अतिरिक्त इफेक्ट्स। तो सबसे पहले हम एक बैकग्राउंड बनाने जा रहे हैं। ऐसा करने के लिए हम फ़ोटोशॉप में एक नया डॉक्यूमेंट बनाते हैं। मैंने मेरा डॉक्यूमेंट 1920 x 1200 बनाया क्योंकि मैं चाहता हूं कि यह चित्र मेरे लैपटॉप के बैकग्राउंड पर सही से बैठे।

हम एक हल्के पीले-हरे रंग (#adbf41) से लेकर मध्य-सीमा वाले हरे (#328a26) तक Gradient Tool (G) के साथ एक Radial Gradient ड्रा करके शुरू करते हैं। मुझे आश्चर्य है कि क्या मैंने कभी एक ट्यूटोरियल लिखा है जो रेडियल ग्रेडिएंट के साथ शुरू नहीं होता है। :-)


Step 2

अब इस इमेज के लिए हम वास्तव में टेक्सचर वाला बैकग्राउंड बनाना चाहते हैं, जो कागज के समान दिखता हैं। तो हमें पहली चीज़ की जरूरत है ... एक कागज का टेक्सचर!

खुशी से आप Bittbox से कुछ बहुत ही grungy paper textures ले सकते हैं और वे अच्छे और बड़े हैं, जो अच्छा है क्योंकि यह एक विशाल कैनवास है।

इसलिए मुझे याद नहीं है कि मैंने पहले कौन से टेक्सचर का इस्तेमाल किया था, लेकिन एक को पकड़ो, इसे desaturate (Ctrl + Shift + U) करो और कैनवास में फिट करने के लिए ऊपर से खींचें।


Step 3

अब हम Overlay और 70% Opacity को लेयर में सेट करते हैं ताकि हमारे अच्छे हरे रंग के बैकग्राउंड के साथ टेक्सचर का मिश्रण किया जा सके।


Step 4

अब वास्तव में व्यथित नज़र (distressed look) पाने के लिए, मैंने फिर इस लेयर की कॉपी बनाई है, इसे 180 के आसपास घुमाया और इसे 20% तक सेट किया। तब मैं कागज के टेक्सचर की कुछ और लेयर्स को लाया (अलग-अलग टेक्सचर्स का प्रयोग करते हुए, ज्यादातर Bittbox से) और उन सभी को faint overlay तक सेट किया, एक दूसरे के ऊपर।

यह आंशिक रूप से अतिरिक्त डिस्ट्रेस के लिए था, लेकिन यह भी क्योंकि मुझे एहसास हुआ कि टेक्सचर थोड़ा सा दानेदार और छोटा और शार्प नहीं था। इसलिए अतिरिक्त टेक्सचर को जोड़कर और फिर इसे पूरी तरह से फेड करके, मैं एक अच्छे, शार्प समग्र रूप प्राप्त कर सकता हूं।

किसी भी तरह जैसा की आप स्क्रीनशॉट में देख सकते हैं की यहां छह लेयर्स हैं। मत भूलो कि यदि आप एक प्लस सदस्य हैं, तो आप इस ट्यूटोरियल की PSD फ़ाइल को डाउनलोड कर सकते हैं और वहां स्वयं इसका एक लुक देख सकते हैं!


Step 5

अब मैंने मूल बैकग्राउंड ग्रेडिएंट को डुप्लीकेट किया, सभी टेक्सचर्स के ऊपर डुप्लिकेट लेयर को रखा और इसे 40% Opacity में सेट किया-यह टोन टेक्सचर को बनती है, ताकि यह काफी धूमिल (grungy) न हो!


Step 6

अब हम सबसे ऊपर पर एक नई लेयर बनाते हैं और एक बड़ा, सॉफ्ट, काले ब्रश का उपयोग करते हैं, किनारों में थोड़ा सा काला जोड़ते हैं। यह लगभग 30% opacity और Overlay की टोन को देने लायक है। फिर आप लेयर को डुप्लिकेट कर सकते हैं और इसके ऊपर एक भारी Gaussian Blur चला सकते हैं (लगभग 32px पर सेट करें)। इस तरह से किनारे वास्तव में नरम हो जाएंगे।


Step 7

ठीक है, अब हमारे पास एक अच्छा बैकग्राउंड है!


Step 8

ठीक है, अब हम कुछ घास टेक्स्ट बनाने के लिए तैयार हैं। ऐसा करने के लिए, हमें कट करने के लिए कुछ प्यारी आकर्षक घास की आवश्यकता होगी। बहुत सारी खोज करने के बाद, मैंने अंत में Flickr of grass की यह सुंदर तस्वीर देखी।

तो इमेज को पूर्ण आकार में डाउनलोड करें और इसे अपने कैनवास पर कॉपी करें।


Step 9

इसके बाद हमें कुछ टाइप करने की ज़रूरत है। तो एक फ़ॉन्ट का चयन करें जिसमें आप कट आउट देना चाहते हैं। मैंने Swiss 924BT चुना है, जो मोटा है और condensed टाइप का है। मैंने सोचा कि यह अच्छा और भव्य लग रहा था। और मैंने टेक्स्ट "EARTH" लिख लिया। ऐसा इसलिए है क्योंकि मैं ये पांच वॉलपेपर बना रहा हूँ-पृथ्वी, जल, अग्नि, वायु, स्पिरिट... यह उस कार्टून की तरह है जिसे मैं बचपन में देखता था, Captain Planet!

चलिए जैसे भी, तो सिर्फ अपने टेक्स्ट को सफ़ेद में सेट करें और इसे Overlay पर सेट करें और 50% Opacity की तरह। यह लेयर वास्तव में अंत में नहीं दिखेगी, यह सिर्फ एक गाइड लेयर है।


Step 10

ठीक है, तो यहां घास के ऊपर वाला टेक्स्ट है जो हमने पहले किया था।

अब थोड़ी सी योजना! घास से टेक्स्ट बनाने के लिए, यह घास को स्टैंसिल की तरह काट देना पर्याप्त नहीं होगा। इसके बजाय हमें इसकी ज़रूरत है कि किनारों को छूने वाले घास के टुकड़े के साथ, सभी मोटे रफ़ आ जाए। ऐसा करने के लिए, हम किसी रफ़ गाइड के रूप में लेटर शेप का उपयोग करने जा रहे हैं और उसके बाद उनके चारों ओर रफ़ तरीके से ट्रेस करें और समय-समय पर घास के ब्लेड का पता लगाने के लिए अंदर बाहर निकलें।

मैं अब आपको चेतावनी दूँगा, यह बहुत थकाऊ है!


Step 11

ठीक है, तो यहां हम ट्रेसिंग कर रहे हैं। आपको Pen Tool (P) का प्रयोग करना होगा और दिल खोल के कहूँ तो, यदि आप इसके साथ अब तक सही से काम नहीं कर पाते तो, इस के अंत तक आप कर पाएंगे!

ध्यान दें कि उन हिस्सों में, जहां मेरा पाथ अंदर बाहर होता है, यह इस प्रकार की घास के खुद के ब्लेड को फॉलो करता है। इस तरह जब आपके पास अंतिम कट आउट होता है तो वे घास के टुकड़ों की तरह दिखाई देंगे।


Step 12

जब आप अपना पाथ समाप्त कर लें, तो इसे Paths Palette में सेव करना अच्छा होगा। आप यह पैलेट पर स्विच करके और फिर नीचे की ओर एरो पर क्लिक करके और Save Path चुनकर ऐसा कर सकते हैं। इस तरह यदि आपको बाद में पाथ की जरूरत है, तो आप उसे वापस ले सकते हैं।

किसी भी तरह, सिलेक्शन पाने के लिए पाथ पर डबल-क्लिक करें और अपने घास लेयर पर वापस जाएं। घास की लेयर डुप्लिकेट करें ताकि आपके पास अन्य अक्षरों के लिए अभी भी अधिक घास हो, फिर अपने सिलेक्शन को इन्वर्ट करें (Ctrl + Shift + I) और अतिरिक्त घास को काट लें। स्क्रीनशॉट में मैंने डुप्लिकेट घास लेयर को फेड कर दिया है ताकि आप "E" हिस्से के कट को देख सकें।


Step 13

ठीक है, तो यहां हमारे पास अंतिम बैकग्राउंड पर हमारा "E" है। जैसा कि आप देख सकते हैं, यह सिर्फ थोड़ा बेहतर दिखता है, अगर हम लेटर का इस्तेमाल किये जाने के बिना घास को बाहर करने के लिए करते थे। लेकिन यह ठीक है, इसको बस थोड़ी और गहराई की जरूरत है। आखिरकार, अगर वह लेटर वास्तव में बैठे थे, तो हमें कुछ छाया और साइड्स को देखना चाहिए।


Step 14

हालांकि सबसे पहले, हम कुछ लेयर स्टाइल जोड़कर इसे एक तीन आयामी लुक से थोड़ा और बढ़कर देंगे। स्टाइल्स को नीचे दिखाया गया है।

यहाँ लेयर स्टाइल्स का पहला सेट है...


Step 15

अब उस लेयर को डुप्लिकेट करें, फिर डुप्लिकेट से लेयर स्टाइल को साफ़ करें, ताकि हम कुछ और स्टाइल्स को जोड़ सकें। इस समय नीचे दिखाए गए स्टाइल्स को जोड़ें...

यहाँ लेयर स्टाइल्स का दूसरा सेट है... (ध्यान दें कि यह 51% Opacity है, इसलिए यह पिछली लेयर के साथ ब्लेंड हो जाएगा होगा)


Step 16

तो यह सब सिर्फ प्रयोगात्मक था, और यह थोड़ा ठीक दिखता है, लेकिन स्पष्ट रूप में जाने के लिए एक लंबा रास्ता तय करना है। अब हम कुछ छाया जोड़ देंगे। इसके लिए हम एक ऐसी तकनीक का उपयोग करेंगे जो मैंने पिछले ट्यूटोरियल में प्रदर्शित की है, Using Light and Shade to Bring Text to Life

आईडिया है की इसे तीन आयामी लुक देना है। तो घास की लेयर पर Ctrl-click करें और फिर नीचे एक नई लेयर में, इसे काले रंग से भरें। फिर एक बार नीचे वाला एरो कुंजी को दबाएं और राइट एरो एक बार और इसे फिर से भरें, फिर दोबारा दोहराएं, जब तक कि दिखाए हुए की तरह इफ़ेक्ट न मिल जाए। मुझे लगता है कि ये भरने के करीब 15 कदम थे।


Step 17

अब हम एक 45' कोण और लगभग 30 की दूरी के साथ हमारी छाया पर एक Filter > Blur > Motion Blur चलाते हैं। फिर टेक्स्ट को लगभग 50% की low opacity में सेट करें आपके पास ऐसा कुछ होना चाहिए जो नीचे दिए गए स्क्रीनशॉट की तरह दिखाई दे।


Step 18

अब छाया लेयर को नीचे ले जाएं और दाएं तरफ और जादू हो जाता है! अचानक यह लगता है कि लेटर एक छाया कास्टिंग कर रहा है। काफी साफ़!


Step 19

अब मैंने इस लेयर को तीन बार डुप्लिकेट किया। हर बार जब मैंने इसे थोड़ी दूर करके थोड़ा सा मिटा दिया, ताकि छाया के टेक्स्ट के करीब हो तो गहरा हो जाए। मैं इन लेयर्स को Multiply करने के लिए सेट करता हूँ।


Step 20

तो यह टेक्स्ट बहुत अच्छा लग रहा है, लेकिन उस अतिरिक्त गहराई के लिए हमें background/shadow क्षेत्र में घास के कुछ टुकड़े जोड़ने चाहिए। अधिक घास को कम करने के बजाय, हम इस मौजूदा लेटर को केवल तब्दील कर सकते हैं ताकि यह स्पष्ट न हो कि हम इसे एक साथ हैक कर रहे हैं।

तो जैसा कि आप नीचे देख सकते हैं मैंने कुछ घास के टुकड़े बनाए हैंI वे सिर्फ हमारे मुख्य लेटर की बिट्स को काट रहे हैंI


Step 21

अब उन टुकड़ों को छाया के क्षेत्रों में ले जाकर, हम ऐसा बना सकते हैं जैसे कि घास बाहर निकल रही है और यह घास से बना एक असली 3D ऑब्जेक्ट है!

क्योंकि ये नई घास बिट्स छाया में हैं, आप Burn Tool (O) का उपयोग उन्हें उचित रूप से डार्क करना चाहेंगे।


Step 22

तो याय, एक लेटर हो गया... चार बाकी! अच्छी बात यह है कि हमने लम्बा शब्द नहीं चुना जैसे की हुम् ... laborious!


Step 23

बिलकुल इसी तरह की तकनीक का इस्तेमाल करते हुए ... यहाँ A है;


Step 24

और R तथा T ... आपको एक तस्वीर मिल जाती है।


Step 25

और अंत में, पूरा शब्द! केवल एक अतिरिक्त चीज जो मैंने यहाँ की थी वह लेटर्स को थोड़ा अलग स्थानांतरित करना था। प्रत्येक अक्षर अपने स्वयं के लेयर ग्रुप में है जो इसका आस पास स्थानांतरित करना बहुत आसान बनाता है।


Step 26

अब यह अच्छा दिख रहा है, हमारा टेक्स्ट थोड़ा अकेला और नीरस है इसलिए इस अंतिम खंड में हम डिजाइन में कुछ और तत्व जोड़ देंगे। ध्यान दें, हम इसे बहुत ज़्यादा नहीं करना चाहते हैं, क्योंकि मुझे यह डेस्कटॉप बैकग्राउंड बनाना हैं, इसलिए स्थान महत्वपूर्ण है (मेरे सारे आइकॉन के लिए!)।

तो सबसे पहले, चलिए कुछ अतिरिक्त टेक्स्ट जोड़ते हैं। यहां मैंने धरती और एकता की बहाली के बारे में एक अच्छी quote रखा है (यह मेरा धर्म है!)। मुझे quote बहुत पसंद है, क्योंकि इसका मतलब है कि हमें सजाने के लिए तीन भागों मिलते हैं-quote, quotation marks और source।

टेक्स्ट Swiss के एक भिन्नता है वे पतले है, लेकिन अभी भी सघन (condensed) है। एक ही परिवार से कई फोंट का उपयोग करें (भारी, हल्के, आदि) आपके टाइप को सुसंगत रखने के लिए एक अच्छी, सुरक्षित शर्त है।

तो यहां मैंने Overlay और 50% के लिए quote सेट किया है, फिर टेक्स्ट को डुप्लीकेट किया और इसे Screen पर सेट किया और 50%। फिर मैंने एक ही Swiss फ़ॉन्ट में quotation mark अंक जोड़ दिए हैं, लेकिन उन्हें अतिरिक्त बड़ा और हरे रंग की एक ब्राइट छाया बनाया है। अंत में, quote का स्रोत टीनी लेटर्स में है और केंद्र में तथा वर्टीकल है। और, ज़ाहिर है, पूरे quote को मापा गया है, इसलिए यह मुख्य "EARTH" टेक्स्ट की लंबाई के बिलकुल बराबर है।


Step 27

इसके बाद हम दृश्य के लिए एक हाइलाइट का थोड़ा सा जोड़ देंगे। ऐसा करने के लिए, बाकी सब से ऊपर एक नई लेयर बनाएं, और Gradient Tool (G) का उपयोग करके, ऊपरी बाईं ओर सफेद -> पारदर्शी एक ग्रेडिएंट बनाएं। फिर इस लेयर को Soft Light और 50% पर सेट करें। यह प्रकाश की एक अच्छी सूक्ष्म बिट में बदल जाएगा।


Step 28

अब हम सभी हरे रंग को ऑफसेट करने के लिए दो आँखों को बहाने वाले एलिमेंट्स जोड़ देंगे। यह एक शानदार नीली तितली और एक छोटी सी लाल वेशभूषा होगी। मैंने एक उत्कृष्ट everystockphoto वेब साइट का उपयोग किया जो आपके लिए हज़ारो मुफ्त स्टॉक वेब साइटों को खोजती है ताकि आप दो बहुत बढ़िया इमेजेज का उपयोग कर सकें: Ladybug | Butterfly


Step 29

इमेजेज को रखना बहुत आसान है। पहले तितली हम सिर्फ फ़ोटोशॉप में इमेज को खोलते हैं, सभी सफेद क्षेत्र का चयन करने के लिए Magic Wand Tool (W) का उपयोग करें, फिर Select > Modify > Expand पर जाएँ और सिलेक्शन को 1px बढ़ाएं, यह सुनिश्चित करने के लिए कि हमें यह सब मिल गया है। फिर सिलेक्शन को इन्वर्ट करने के लिए Ctrl + Shift + I दबाएं और तितली को हमारे मुख्य कैनवास पर कॉपी करें।

The ladybug जिसे मेने चुना उसे उसकी इमेज में से काटने की जरूरत है। ऐसा करने के लिए मैंने Pen Tool (P) का इस्तेमाल किया और छोटे से लड़के के आसपास ट्रेस किया और फिर उसे उस तरीके से काट दिया।


Step 30

तो यहां हमारे दो अतिरिक्त हैं। जैसा कि आप देख सकते हैं, lady bug वास्तव में थोड़ाअजीब लग रहा है क्योंकि मैंने उसे बाहर निकालने के लिए बहुत जल्दबाजी की। लेकिन यह ठीक है क्योंकि वह छोटा होने जा रहा है, इसलिए आप डिटेल्स को वैसे भी नहीं देख पाएंगे।

इसलिए उन्हें चिपकाएं और फिर उन्हें नीचे की ओर छोटा करें और उन्हें उचित रूप से रखें। यह सबसे अच्छी बात है कि वे एक साथ नहीं हैं, क्योंकि इस तरह वे एक-दूसरे को संतुलित करेंगे।

मैंने प्रत्येक के लिए थोड़ी सी छाया जोड़ी। लेडीबग के साथ यह बहुत करीब छाया है क्योंकि वह छोटा है और घास पर चल रहा है। तितली के साथ, मैं दूरी को लगभग 10px तक निर्धारित करता हूं क्योंकि वह हवा में घूम रहा है और इसलिए छाया थोड़ी सी दूर होती है।


अंतिम छवि

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.