1. Design & Illustration
  2. Typography

फ़ोटोशॉप में आग इफ़ेक्ट पर नाटकीय टेक्स्ट

Scroll to top
Read Time: 12 min
This post is part of a series called Photoshop Tutorials for Beginners.
Design a Glossy Download Icon
Create a Wavy Blackberry Style Wallpaper Design

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

यह फ़ोटोशॉप टायपोग्राफी पर हमारी पांच-PART की श्रृंखला का दूसरा PART है। यदि आप पिछले हफ्ते का याद करें, तो Create a Spectacular Grass बनाएँ पर जाएँ।


Part 1— The Background

तो 1920px x 1200px ऊंचे में फ़ोटोशॉप में एक नया डॉक्यूमेंट बनाएं, और ग्रेडियंट टूल (जी) के साथ, भूरे रंग के एक रेडियल ग्रेडिएंट (#5c3d09 से #1f1409) में ड्रॉ करें ताकि आपको कुछ नीचे दिखाई दे रहे हैं जैसे कुछ मिलता है।

ध्यान दें कि ग्रेडिएंट वर्टिकली केंद्रित नहीं है लेकिन शीर्ष पर बैठता है। इस इमेज में हम चाहते हैं कि टेक्स्ट के ऊपर फायर लग जाए, इसलिए इमेज का सबसे ऊपरी PART थोड़ा और अधिक उजागर होना चाहिए।


Step 2

जैसे कि ग्रास टेक्स्ट ट्यूटोरियल में, एक बार फिर हम एक टेक्सचर बैकग्राउंड वाले हैं। लेकिन खरोंच से शुरू करने की बजाय, मैंने background from the tutorial की कॉपी बनाई है, सभी लेयर्स को मिला दिया और आप जो नीचे देखते हैं उसे पाने के लिए desaturated किया।

यदि आपको इसे खरोंच से बनाने की आवश्यकता है, तो पहले ओरिजिनल टेक्स्ट बनाये रखने के लिए पहले Bittbox पर जाएं और फिर पिछले ट्यूटोरियल के स्टेप्स का पालन करें।


Step 3

अब हम लेयर को ओवरले पर सेट करते हैं और बैकग्राउंड और वॉयला में बनावट को मिश्रित करते हैं!


Step 4

बस थोड़ा और बनावट जोड़ने के लिए, चलो Texturizer फ़िल्टर चलाते हैं। ऐसा करने के लिए, एक नई लेयर बनाएं और इसे एक brown/beige रंग के साथ भरें- #66500f। फिर Filter > Texture > Texturizer पर जाएं और 80% स्केलिंग और रिलीफ सेट के साथ कैनवास texture का उपयोग करें।


Step 5

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


Step 6

नेक्स्ट हम इमेज के निचले आधे को कम करने के लिए एक लेयर को लागू करने जा रहे हैं। यह इतना है कि ऊपर की ओर दिखता है जैसे इसकी गर्म ग्लो होती है जहां लपटें होती हैं, जबकि नीचे थोड़ा ठंडा दिखता है।

इसलिए एक नई लेयर बनाएं और इसे # 4b4f3b रंग से भरें। फिर एक ग्रेडिएंट के साथ एक लेयर ढक्कन जोड़ने के लिए ऊपर से ढंकना और नीचे फीका करें (ताकि आपको दिखाया गया इफ़ेक्ट मिले)।

अब लेयर को रंग और 45% ओपेसिटी सेट करें।


Part 2 - टेक्स्ट + ग्लो = ओसमनेस्स

ठीक है, अब हमारे पास एक अच्छी बैकग्राउंड है! तो चलिए कुछ टेक्स्ट जोड़ते हैं। मैंने फ़ॉन्ट ट्रैज का इस्तेमाल किया है क्योंकि यह वास्तव में नाटकीय दिखने वाला फ़ॉन्ट है। यहां मैंने टेक्स्ट को #cb9328 में रखा है, फिर इसे 8% की ओपेसिटी के साथ लीनियर डॉज (एड) में सेट करें।

हम अपने टेक्स्ट के साथ क्या करने जा रहे हैं, ऐसा लगता है कि टेक्स्ट की ऊपरी हिस्से की बैकग्राउंड से बाहर आ रहा है और लाल रंग से फायर की चपेट में आ जाती है। इसका मतलब है कि हम कई इफेक्ट्स  को चलाने के लिए और उन्हें लेयर मास्क लागू करने जा रहे हैं, ताकि केवल शीर्ष आधा दिखाया जा सके, जबकि नीचे आधा टेक्स्ट को मोटा कर दिया गया जैसे कि हमारे पास वर्तमान में टेक्स्ट है।


Step 8

तो पहले सभी लेयर्स को ले जाने के लिए एक नया लेयर ग्रुप बनाएं- क्योंकि उनमें बहुत कुछ होगा।

फिर टेक्स्ट लेयर डुप्लिकेट करें और डुप्लिकेट टेक्स्ट का रंग #5e3f1c पर सेट करें।


Step 9

अब न्यूएस्ट टेक्स्ट लेयर को ओवरले और 70% ओपेसिटी पर सेट करें। इसे लाल रंग की तरह दिखना चाहिए (नीचे दिखाया गया है)।


Step 10

अब टेक्स्ट को again डुप्लिकेट करें और न्यूएस्ट डुप्लिकेट को पीले रंग - #cb9328 पर सेट करें। फिर इसे लीनियर डॉज (एड) और ऑपेसिटी 30% में सेट करें।

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



Step 11

इसके बाद हम टेक्स्ट लेयर फिर से डुप्लिकेट करते हैं, लेकिन इस लेयर को निचले स्तर पर रख दें। रंग को काला करने के लिए सेट करें - #000000। फिर Filter > Blur > Gaussian Blur पर जाएं और आपसे टेक्स्ट को रेस्तराइज करने के लिए कहेंगे, उस पर हां क्लिक करें, और फिर Radius को लगभग 4px पर सेट करें।

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


Step 12

एक बार फिर, एक लेयर मास्क जोड़ें ताकि शैडो जल्दी से दिखाया गया हो। इससे ऐसा लगता है कि टेक्स्ट पेज से बाहर आ रहा है।


Step 13

अब फिर से हमारी काली लेयर डुप्लिकेट करें और Smudge Tool (R) का प्रयोग करें और एक बड़े पैमाने पर सॉफ्ट ब्रश का उपयोग करें ताकि आप बस स्मुज शैडो को छूना चाहते हैं, ये बर्न मास्क की तरह दिखते है।


Step 14

यहां बताया गया है कि हमारा टेक्स्ट अब कैसा दिख रहा है। मैंने वास्तव में "बर्न" के निशान के दो सेट बनाए, और फिर शैडो लेयर के चार सेट प्रत्येक पिछले से थोड़ी अधिक ब्लर्रेड हो गई और प्रत्येक फीकी भी।


Step 15

हमारे टेक्स्ट ग्लो के शीर्ष पार्ट को बनाने का समय है। तो सबसे पहले, टेक्स्टलेयर को फिर से डुप्लिकेट करें और इस लेयर को सबसे ऊपर रखें और इसे पीले रंग—#dc9a08 पर सेट करें।

फिर एक Filter > Blur > Gaussian Blur को 8px के Radius के साथ चलाएं। फिर एक बड़े सॉफ्ट इरेज़र ब्रश को पकड़ो और नीचे के भागों को मिटा दें ताकि यह असमान हो।


Step 16

Soft Light को हमारी पहली ग्लो लेयर सेट करें। आप इस प्रक्रिया को दोहरा सकते हैं, और अधिक मिटा सकते हैं इसलिए शीर्ष पार्ट भी ग्लोदार है।


Step 17

अब टेक्स्ट लेयर फिर से डुप्लिकेट करें और इसे बहुत ऊपर रखें। एक को फिर से पीला होना चाहिए (#dc9a08)।

फिर Layer > Rasterize > Type पर जायें और एक फ्लैट ग्राफिक में टेक्स्ट में बदल दें। फिर लेयर पर Ctrl-click करें और Select > Modify > Contract पर जाएं और 1px के वैल्यू का उपयोग करें। उसके बाद 1px आउटलाइन को छोड़कर सब कुछ हटाने के लिए डिलीट दबाएं।


Step 18

अब 1px लेयर को Overlay पर सेट करें, और आपकी इमेज कुछ नीचे दी गई इमेज की तरह होनी चाहिए।


Step 19

अब हमारे 1px ग्लो के लिए नीचे एक लेयर मास्क जोड़ने के लिए इसे नीचे से निकलना है क्योंकि हम अन्य लेयर्स के साथ भी कर रहे हैं।

फिर लेयर डुप्लिकेट करें, और Filter > Blur > Gaussian Blur को 1px पर सेट करें। फिर दोबारा इस लेयर को डुप्लिकेट करें और 2px द्वारा इसे ब्लर करें। फिर से लेयर डुप्लिकेट करें और इसे 4px द्वारा ब्लर करें।

फिर किसी भी टेक्स्ट लेयर्स पर Ctrl- क्लिक करें, सेलेक्ट को उलटा करने के लिए Ctrl + Shift + I दबाएं और प्रत्येक ग्लो लेयर्स के माध्यम से जाने के लिए और टेक्स्ट की बाउंड्री से भटक जाने वाले किसी भी ब्लर को हटाने के लिए डिलीट दबाएं।

यह विचार यह है कि हम टेक्स्ट के किनारों को लाल-गर्म देखना चाहते हैं, जिससे टेक्स्ट पर ओवरऑल गर्म ग्लो में फेडिंग होती है।


Step 20

इसके बाद हम सभी चार ग्लो लेयर्स को डुप्लीकेट करते हैं और उन्हें एक साथ मर्ज करते हैं। इसका शीर्ष पर एक लेयर होनी चाहिए जो ओरिजिनल ब्राइट पीला है।

Smudge Tool को पकड़े और टेक्स्ट पर चलाएं, यह दिखाया गया है कि टेक्स्ट को आने से गर्म तरंगों की तरह दिखने के लिए इसे smudge कर दें।

Step 21

अब यह लेटेस्ट लेयर Overlay पर सेट करें और आपको इस तरह दिखना चाहिए!


Step 22

अब हमने हमारे टेक्स्ट को बहुत ज्यादा समाप्त किया है। मैं कुछ ग्लो लेयर्स के माध्यम से चला गया और डुप्लीकेट किया ताकि इसे और भी अधिक फ़ायरी (fiery) दिखा सके। ऐसा असली लाल गर्म ग्लो देखने के लिए प्रयोग करने के लिए स्वतंत्र महसूस करें।


Step 23

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


Part 3—The Flames

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

AcheroN—Fotolia.com
Peasap—Flickr.com

अब फ्लेम्स की कॉपी बनाने की तकनीक वास्तव में सरल है। मैं वास्तव में केवल इस तकनीक को हाल ही में सीखा था जब DigitalArts मैगज़ीन के लिए Nik Ainley के ट्यूटोरियल में से एक को पढ़कर Create Amazing Photomontages किया गया जहां उन्होंने पानी के साथ यह किया था।

आपको क्या करने की आवश्यकता है:

  1. फ़ोटोशॉप में फ्लेम इमेज को खोलें
  2. चैनल टैब पर जाएं और चैनल को उच्चतम कंट्रास्ट से ढूंढें, फायर की इमेजेज को लाल चैनल होना चाहिए, और उस पर क्लिक करें।
  3. इससे आपकी इमेज काली और सफेद दिखाई देगी, और क्योंकि हम सबसे अधिक विपरीत लेयर पर हैं, यह वास्तव में उज्ज्वल सफेद दिखाई देगी। अब इस चैनल को Ctrl-click करें और यह उस चैनल के सभी पिक्सल का सेलेक्ट करेगा।
  4. RGB चैनल पर वापस क्लिक करें और सिलेक्टेड पिक्सल की कॉपी  करें
  5. अब आप अपने मुख्य कैनवास में फ्लेम्स लगा सकते हैं!

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


Step 25

ठीक है, तो यहां हमने फ्लेम्स को हमारे मुख्य कैनवास पर चिपकाया है। (स्पष्टता के लिए मैंने भी अस्थायी रूप से टेक्स्ट लेयर्स को बंद कर दिया है)। जैसा कि आप देख सकते हैं, हमें काली बैकग्राउंड के बिना फायर  मिल गई है और यह आंशिक रूप से ट्रांसपेरेंट है, जिसका अर्थ है कि यह हमारे टेक्स्ट के ऊपर सुपर दिखाई देगा।


Step 26

अब आगे हमे थोड़ी फायर को कुछ टुकड़ों में काटना है। बस लेयर को डुप्लिकेट करें और एक को बैकअप के रूप में बंद करें। फिर Pen Tool का उपयोग करके, फायर को काट लें, ताकि आप लौ के आकृति के साथ काम करें ताकि यह नेचुरल दिखता हो। यहां आप देख सकते हैं कि मैंने एक इमेज से चार टुकड़ों का उत्पादन किया है। आप इन्हें और अधिक रैंडम बनाने के लिए बिट्स को फ़्लिप करने का भी प्रयास कर सकते हैं।

लेयर्स को स्क्रीन मोड में सेट करें ताकि किसी भी शेष काला पार्ट पूरी तरह से निकल जाए, और यह और अधिक ट्रांसपेरेंट भी हो।


Step 27

अब क्योंकि मेरा टेक्स्ट सिर्फ चार अक्षर है, मुझे चार अलग-अलग टुकड़ों की आवश्यकता है I चौथे के लिए (E के शीर्ष पर) मैंने वास्तव में फ़्लिकर तस्वीर को पकड़ लिया और उसी प्रक्रिया को दोहराया, जो पहले एक और लौ बनाने के लिए किया था। इसके अलावा I अक्षर पर फायर है थोड़ा सा दबा दिया गया है ताकि ये और अधिक रैंडम दिखाई दे।


Step 28

फायर को लागू करना वास्तव में उतना आसान है जितना टेक्स्ट पर लपटों को चलाना। आप फायर की लपटों को पत्र के आकार से मेल करने की कोशिश करना चाहते हैं, ऐसा लगता है कि वे अक्षर बंद कर रहे हैं।


Step 29

ठीक है यहाँ मैंने शीर्ष पर सभी चार लौ की बिट्स रखी हैं। यह बुरा नहीं है, लेकिन आप देख सकते हैं कि I और R में एक ही लौ है और यह भी सभी लपटें बहुत लम्बी नहीं हैं।


Step 30

तो यहाँ मैं प्रत्येक लौ के माध्यम से चली गई हूं और ट्रांसफ़ॉर्म टूल का उपयोग करके उन्हें वर्टिकली खींच दिया है। इसके साथ ही मैंने I की लौ को थोड़ा और अधिक अनूठा रखने के लिए थोड़ा सा जुडीशियस erasing का प्रयोग किया।


Step 31

अब उन्हें और अधिक जलाएं, प्रत्येक लौ लेयर डुप्लिकेट बनाने के लिए, 3px के एक रेडियस के साथ एक Filters > Blur > Gaussian Blur चलाएं और 15% Opacity पर लेयर सेट करें ताकि यह लपटों के किनारों के चारों ओर थोड़ा सा ग्लो प्रदान करे।


Step 32

तो हम भी वही है! यह संरचना ऐसी दिखती है।


Step 33

अंत में हम अंतिम हाइलाइट जोड़ देंगे। इसलिए अन्य सभी से ऊपर एक नई लेयर बनाएं और एक सफेद रंग में काले रेडियल ग्रेडिएंट के रूप में दिखाएं जैसा कि दिखाया गया है। इस लेयर को Overlay और 40% Opacity पर सेट करें।


ख़त्म हो गया!

और वहाँ हमारे पास, फायर इफ़ेक्ट पर एक टेक्स्ट है! सीरीज़ के  अगले ट्यूटोरियल में, हम एयर इमेज का उत्पादन करेंगे, हालांकि यह दो हफ्ते में होगा, न कि एक-जैसे मैं काम से कुछ दिन लग रहा हूं!

यदि आप फ़ोटोशॉप में खरोंच से फायर लगने में दिलचस्पी रखते हैं, तो आप इस क्लासिक ट्यूटोरियल की जांच भी कर सकते हैं जो संयोग से सटीक उसी टाइपफ़ेस का उपयोग करता है! यह एक फ़ोटोशॉप 6 ट्यूटोरियल है, और मुझे अब इसे डेढ़ दशक पहले पढ़ना याद है, लेकिन यह अभी भी बहुत प्रासंगिक है, भले ही स्क्रीनशॉट्स में सुपर रेट्रो मैक इंटरफ़ेस मौजूद हो।

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads